現役で活躍する
Webデザイナーから、
デザインとコーディング
を学ぶ
まずは無料で体験しよう
企業に求められる
即戦力のWebデザイナーとして、
就職できるチカラを身に付ける
Webデザイナーの主な仕事は、Webサイトやバナーのデザイン、HTMLやCSSのコーディングです。さらにワイヤーフレームの作成や、JavaScriptを使った動きのある表現を実装できるスキルを身につければ、より一層活躍の場が広がります。N予備校 Webデザインコースでは、現役のWebデザイナーによる生授業と、最新環境に準拠したオリジナル教材を用いて、デザイン未経験の方でも安心して学習していくことができます。
Webデザイナーという仕事
Webデザイナーの仕事は多岐にわたります。
企画、サイト設計、デザイン、コーディングまで、Web制作のほぼすべての工程で
Webデザイナーの活躍が求められています。
上記を含んだすべてのAdobe製品が使えるAdobe Creative Cloudコンプリートプランがおすすめです。
Webデザイナーを目指す人以外にも
デザインの知識とスキルを身につければ、Webデザインの他に、名刺やフライヤーなどの印刷物、オリジナルTシャツなどのノベルティも作れるようになります。
他にも魅力的でわかりやすい企画書が作れるようになると、ビジネスパーソンにとっても大きな強みになります。
デザインの知識とスキルはどんな場面においても今後ますます重要になってくるといえます。
グラフィックデザインコース
Webサイトのデザインやグラフィックデザイン全般に必要な知識とスキルを学習できるコースです。オリジナルグッズの制作を通してAdobe PhotoshopやAdobe Illustratorの基本操作を身につけ、タイポグラフィや配色の基礎を学んで幅広いデザイン表現ができるようになることを目指します。さらに、実際の業務フローに近い進行でWebサイトの制作を行い、実践で役立つチカラを身につけます。
-
Adobe Photoshop
基本操作
イラスト
オリジナルパターン制作
写真補正
画像合成
デジタルメイクアップ
バナー制作
-
Adobe Illustlator
基本操作
文字の扱い
図形作成
解説図制作
フライヤー制作
-
Basic Design
レイアウト原則
タイポグラフィ
配色
情報設計
HTML・CSSデザインコース
コーデイングに必要不可欠なHTMLとCSS、レスポンシブウェブデザインやポップアップ表示など動的なWebサイトを作るために必要なJavaScriptについて学習できるコースです。制作現場でよく使われている高機能エディタ「Visual Studio Code」を使い、効率よくコーディングをするためのコツも伝授します。
-
HTML5
ブラウザの基礎知識
HTMLの役割
HTMLの文法
主なHTMLタグの紹介
-
CSS3
CSSの役割
CSSの文法
レイアウトや装飾
インタラクション
アニメーション
-
制作課題
水族館のサイト
ボタンの装飾を工夫する
問い合わせフォーム
JavaScriptを使ったゲーム
WordPressを使ったオリジナルブログ
Webデザイナーに
必要なスキルを
身に付ける
2つのコース
サイト制作のスタンダード
WordPressをマスターする
WordPressはオープンソースのCMS（Contents Management System）です。圧倒的な使いやすさから瞬く間にサイトやブログ制作のスタンダードとなりました。多くのコーポレートサイトでも利用されておりWeb上の32%のサイトがWordPressを利用して作られていると言われています。Webサイトを運用する上で欠かすことのできないソフトウェアといえます。
-
WordPressの基礎
-
メインテンプレート制作
-
ヘッダーとフッターの制作
-
個別記事テンプレート
-
固定ページとカテゴリーテンプレート
-
カスタム投稿とカスタムフィールド
-
問い合わせフォーム
-
本番公開
-
- PHPとMySQL
- WordPressのインストール
- 管理画面の使い方
- 記事を投稿してみよう
- テーマの変更をしてみよう
-
- テンプレート階層について
- WordPressループとは？
- タイトルと日付を表示しよう
- ページャーを表示しよう
-
- ヘッダーとフッダーの表示
- JQueryの読み込み
- JQueryで可変対応しよう
-
- タイトルと記事を表示しよう
- パンくずリストを作ろう
- 記事の作者を表示しよう
- 次の記事・前の記事を表示しよう
-
- 固定ページのタイトルと記事を表示しよう
- カテゴリーページのタイトルと記事一覧を表示しよう
-
- プラグリンをインストールしよう
- カスタム投稿を作ろう
- カスタムフィールドを作ろう
- アーカイブと個別記事のテンプレートを作ろう
-
- プラグインをインストールしよう
- 問い合わせフォームの設定
-
- ロリポップ！の使い方
- WordPressのインストール
- 本番環境への移行
- テーマのアップロード
N予備校での学習
N予備校は、教材、生授業、フォーラム（投稿掲示板）の3つがオールインされたアプリです。
PC、スマートフォーン、タブレットが利用でき、学習スタイルを選びません。
最新の環境に準拠した
オリジナル教材
それぞれのコース担当講師が執筆する、最新の環境に準拠した完全オリジナル教材で学習することができます。Web教材の強みを活かしてツールのバージョンアップやWeb業界の動向に合わせて柔軟にアップデートします。
進捗を確認しながら進める
双方向生授業
分からないことはコメント機能を使って、その場で質問することができます。講師はアンケート機能を利用して、受講者の進捗状況を確認しながら授業を進行するので置いてけぼりの心配もありません。見逃した生授業はアーカイブでいつでも何度でも視聴することが可能です。
※生放送は2019年7月をもって終了いたしました。
成果物を投稿してレビューを貰う
フォーラムは画像の投稿も可能です。作った成果物をフォーラムに投稿すれば、講師や他の受講生からレビューを貰うことができます。レビューは "気づき" となり、スキルアップのきっかけとなるでしょう。
Q&Aとして活用する
分からないことや気になることはフォーラムに投稿しましょう。講師や他の受講生から回答や意見がもらえます。仲間との教え合いで、より一層理解を深めることができるでしょう。
講師
小島 芳樹
Webデザイン講座講師
Jay
教材・カリキュラム監修
小島 芳樹
Webデザイン講座講師
1986年⽣まれ。会社員としてWebデザイン・ディレクション・事業開発・マーケティングの仕事に携わる傍ら、デザイナーやエンジニアの勉強会・コミュニティの運営、いくつかのスタートアップを⽀援。
2018年5⽉に独⽴し、現在は⼦育て主夫をしながらフリーランスとして複数の会社でWeb制作・新規事業の⽴ち上げに関わる。
Jay
教材・カリキュラム監修
1982年生まれ。Web制作会社にてディレクター及び広報としてプロジェクトのディレクションと立ち上げ及びメディアのグロースアップを経験。2013年よりドワンゴに入社し、ドワンゴジェイピーのディレクション、新規プロジェクト立ち上げを経験後、デザイナーとしてキャリアチェンジし、2016年にデザインコミュニケーション室 室長に就任。
デザイナーの評価設計や様々なサービスの改善に携わっている。
