現役で活躍する
Webデザイナーから、
デザインとコーディングを学ぶ

画像の加工からサイト制作まで
まずは無料で体験しよう

SCROLL

Webデザイナーとして就職できるチカラを
身につける

Webデザイナーの仕事は、Webサイトやバナーのデザイン、HTMLやCSSのコーディングなど多岐にわたります。
さらにワイヤーフレームの作成や、JavaScriptを使った動きのある表現を実装できるスキルを身につければ、より一層活躍の場が広がります。
Webデザイン講座では、現役のWebデザイナーが執筆・監修をおこなったオリジナル教材を用いて、デザイン未経験の方でも安心して学習していくことができます。

Webデザイン講座で学べること

Webデザイン講座で学べること

Adobe XD,Adobe Photoshop,Adobe Illustratorと、それらが動作するMacまたはWindowsをご用意下さい。
上記を含んだすべてのAdobe製品が使えるAdobe Creative Cloudコンプリートプランがおすすめです。

Webデザイナーに
必要なスキルを
身に付ける
2つのコース

グラフィックデザインコース

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を使ったオリジナルブログ

サイト制作のスタンダード
WordPressをマスターする

WordPressはオープンソースのCMS(Contents Management System)です。圧倒的な使いやすさから瞬く間にサイトやブログ制作のスタンダードとなりました。多くのコーポレートサイトでも利用されておりWeb上の32%のサイトがWordPressを利用して作られていると言われています。Webサイトを運用する上で欠かすことのできないソフトウェアといえます。

  • WordPressの基礎

  • メインテンプレート制作

  • ヘッダーとフッターの制作

  • 個別記事テンプレート

  • 固定ページとカテゴリーテンプレート

  • カスタム投稿とカスタムフィールド

  • 問い合わせフォーム

  • 本番公開

さらに詳しく
  • PHPとMySQL
  • WordPressのインストール
  • 管理画面の使い方
  • 記事を投稿してみよう
  • テーマの変更をしてみよう
  • テンプレート階層について
  • WordPressループとは?
  • タイトルと日付を表示しよう
  • ページャーを表示しよう
  • ヘッダーとフッダーの表示
  • JQueryの読み込み
  • JQueryで可変対応しよう
  • タイトルと記事を表示しよう
  • パンくずリストを作ろう
  • 記事の作者を表示しよう
  • 次の記事・前の記事を表示しよう
  • 固定ページのタイトルと記事を表示しよう
  • カテゴリーページのタイトルと記事一覧を表示しよう
  • プラグリンをインストールしよう
  • カスタム投稿を作ろう
  • カスタムフィールドを作ろう
  • アーカイブと個別記事のテンプレートを作ろう
  • プラグインをインストールしよう
  • 問い合わせフォームの設定
  • ロリポップ!の使い方
  • WordPressのインストール
  • 本番環境への移行
  • テーマのアップロード

特徴

最新の環境に準拠したオリジナル教材

それぞれのコース担当講師が執筆する、最新の環境に準拠した完全オリジナル教材で学習することができます。Web教材の強みを活かしてツールのバージョンアップやWeb業界の動向に合わせて柔軟にアップデートします。

Webデザイナーを目指す人以外にも

デザインの知識とスキルを身につければ、Webデザインの他に、名刺やフライヤーなどの印刷物、オリジナルTシャツなどのノベルティも作れるようになります。
他にも魅力的でわかりやすい企画書が作れるようになると、ビジネスパーソンにとっても大きな強みになります。

成果物を投稿してレビューを貰う

フォーラムは画像の投稿も可能です。作った成果物をフォーラムに投稿すれば、講師や他の受講生からレビューを貰うことができます。レビューは "気づき" となり、スキルアップのきっかけとなるでしょう。

Q&Aとして活用する

分からないことや気になることはフォーラムに投稿しましょう。講師や他の受講生から回答や意見がもらえます。仲間との教え合いで、より一層理解を深めることができるでしょう。

監修・講師

川原 健太郎

小島 芳樹

Webデザイン講師

1986年⽣まれ。会社員としてWebデザイナー・フロントエンドエンジニア・Webディレクターなどを経て独立。現在は、ちょっと株式会社の代表取締役として、サイト制作やシステム開発の受託事業を行っている。

大瀧 拓也

Jay

教材・カリキュラム監修

1982年生まれ。Web制作会社にてディレクター及び広報としてプロジェクトのディレクションと立ち上げ及びメディアのグロースアップを経験。2013年よりドワンゴに入社し、ドワンゴジェイピーのディレクション、新規プロジェクト立ち上げを経験後、デザイナーとしてキャリアチェンジし、2016年にデザインコミュニケーション室長に就任。デザイナーの評価設計や様々なサービスの改善に携わっている。

お支払い

N予備校に入学するには、学費のお支払いが必要です。以下のお支払い方法をご利用頂けます。

クレジットカード、キャリア決済の場合
au / docomo / SoftBank / Y!mobile
Credit cardsCareersCredit cardsCareers

月額 1,100円※自動更新

iTunes Store 決済の場合

月額 1,300円※自動更新

Google Play 決済の場合

現在非対応

iTunes Store 決済の場合

月額 1,300円※自動更新

Google Play 決済の場合

現在非対応

iTunes Store 決済の場合

月額 1,300円※自動更新

Google Play 決済の場合

現在非対応

お支払いの詳細はヘルプ をご覧ください。

学費について詳しくはこちら