数多く存在するWebデザインスクール（Webデザイナー養成スクール）。
自分の目的を達成できるスクールを選ぶことが大切です。

「カリキュラムも受講料金もさまざまで、どのスクールがいいのかわからない」

そんなあなたのために同じようにスクール選びに悩んだ経験のある現役WebクリエイターがおすすめのWebデザインスクールを4校+番外編を1校ピックアップしました。

  1. おすすめWebデザインスクールTOP4
    1. 各スクールの比較表
    2. デジタルハリウッド STUDIO by LIG
    3. CodeCamp デザインマスターコース
    4. デジハリ・オンラインスクール Webデザイナー講座
    5. 【あなたらしく働き方を叶えたい女性には】SHElikes
  2. Webデザインスクール選びのポイント
    1. 授業内容は充実しているか
    2. 授業形式、教材が自分にあっているか
    3. オンラインか通学か
    4. 受講可能時間は決まっているか
    5. 講師はどのような人か
  3. Webデザイナーになるために必要なスキルと知識
    1. センスは必要ない
    2. 色の知識
    3. フォントの知識
    4. レイアウトの知識
    5. Adobe Photoshop
    6. Adobe Illustrator
    7. Adobe XD、Figma、Sketch
    8. Adobe Dreamweaver
    9. Excel、Word、PowerPoint
    10. HTML
    11. CSS
    12. JavaScript
    13. jQuery
    14. WordPress
  4. 費用はどのくらいかかるの？
  5. 期間はどのくらいかかるの？
  6. スクール卒業後のキャリア
  7. Webデザインスクールは自分の目的を達成できるスクールを選ぶことが大切

おすすめWebデザインスクールTOP4

各スクールの比較表

スクール名 デジタルハリウッド
STUDIO by LIG		 CodeCamp
デザインマスターコース		 デジハリ・オンライン
スクール		 SHElikes
受講料金 ￥407,000（税込）～ ￥165,000（税込）～ ￥203,500（税込）～ 月額￥8984（税込）～
入学金 - ￥33,000（税込） - ￥162,800（税込）
最短受講期間 6か月～ 2か月 3か月～ 1か月～
就転職サポート あり あり あり あり
受講場所
  • オンライン
  • オフライン（上野・池袋・大宮・北千住（10/9開講予定））
  • オンライン（マンツーマン）
  • オンライン
  • オンライン
  • オフライン（青山・銀座・名古屋）
教材 動画 オンライン教科書 動画 動画
+αの知識 著作権、UIデザイン、SEO、ライティング、ディレクション、マーケティングなど – 著作権、ディレクション・企画、ライティング、Webリテラシーなど UI・UXデザイン、ロゴ、動画制作、ライティング、マーケティング、ブランディングなど
公式サイト デジタルハリウッドSTUDIO by LIG CodeCamp デジハリ・オンラインスクール SHElikes

デジタルハリウッド STUDIO by LIG

デジタルハリウッド STUDIO by LIG（以下、STUDIO by LIG）は、Web制作会社のLIGとデジタルハリウッドが業務提携して運営しているスクールです。

デジタルハリウッドSTUDIO by LIG

運営会社
株式会社LIG
授業形式
  • オンライン
  • オフライン （上野・池袋・大宮・北千住（10/9開講予定））
入学金
-
受講料金
￥407,000～税込
受講期間
6か月～
就転職・案件サポート
あり

ソフト

  • Photoshop
  • Illustrator
  • Dreamweaver

言語・システム

  • HTML
  • CSS
  • JavaScript
  • jQuery

その他

  • UIデザイン
  • クライアントワーク
  • SEO
  • Google Analytics
  • Web概論
  • 著作権
  • ワークフロー
  • フォント概論
  • 色の基本
  • Webライティング
  • マーケティングスキル
  • ディレクションスキル
  • カメラ撮影

「Webデザイナー専攻」で学べる内容です。その他のプランでは内容が異なります。

公式サイトはこちら

通常のデジタルハリウッドのカリキュラムに加えて、LIGの制作会社としての知識を生かした授業や転職支援が特徴です。

ライブ授業では、LIG社員によるディレクター講座、UX講座、文字組みデザイン講座、SEO講座などの実践的な講義を受講できます。
アーカイブ視聴もできるので、復習はもちろん、当日参加できなかった人にも安心です。

受講生向けにWebクリエイターになるための転職方法や、LIGでの選考基準など、制作会社だからこそ分かるリアルな情報が知れるセミナーも開催されています。

STUDIO by LIGの
無料個別説明会を予約

CodeCamp デザインマスターコース

CodeCamp

運営会社
コードキャンプ株式会社
授業形式
  • オンライン（マンツーマン）
入学金
￥33,000税込
受講料金
￥165,000～税込
受講期間
2か月
就転職・案件サポート
あり

ソフト

  • Photoshop
  • Illustrator

言語・システム

  • HTML
  • CSS
  • JavaScript
  • jQuery
  • BootStrap

その他

  • レスポンシブ対応のwebデザイン
公式サイトはこちら

オンラインの教科書を利用した自習と、Google Meetを利用した現役デザイナーによるマンツーマンレッスンを併用した授業形式です。

マンツーマンなので、自分のペースで受講できます。

CodeCampには「Webマスターコース」というコースもありますが、バックエンドエンジニアに必要な知識が学べるコースで、Webデザイナーになりたい人にはおすすめできません。
Webデザイナーになりたい人には「デザインマスターコース」がおすすめです。

2か月プランを選択すると2か月、4か月プランを選択すると4か月で卒業できるため、早くWebデザイナーになりたい人にもおすすめです。

短期間で卒業できるプランは、講師から指導してもらえる回数が減るので、自習でも問題なく、学習時間が十分に取れる人でないと知識を身につけるのは難しいです。

CodeCampの
無料体験レッスンを予約

デジハリ・オンラインスクール Webデザイナー講座

クリエイター養成スクールを20年運営しているデジタルハリウッド株式会社が、培ったノウハウを生かして運営しているオンライン完結のスクールです。

デジハリ・オンラインスクール

運営会社
デジタルハリウッド株式会社
授業形式
  • オンライン
入学金
-
受講料金
￥203,500～税込
受講期間
3か月～
就転職・案件サポート
あり

ソフト

  • Photoshop
  • Illustrator
  • Dreamweaver

言語・システム

  • HTML
  • CSS
  • JavaScript

その他

  • 企画・ワークフロー
  • カラー・フォント
  • クリエイターのための著作権
  • バナー広告制作講座
  • マネージメントスキル
  • Webリテラシー
  • Webライティング（株式会社LIG監修）
  • カメラテクニック（株式会社LIG監修）
  • Webディレクション
  • お金の教養講座
  • Webリテラシー概論（インターネットの歴史・インターネットビジネス・インターネットに関する法規・アクセシビリティなど）

「フリーランスプラン」で学べるスキルです。他のコースでは内容が異なります。

公式サイトはこちら

Web制作の全工程を学べ、知らないとトラブルになる可能性の高い著作権についても学べるのが特徴です。

Webデザイナーとして就職・転職したい場合には「在宅・副業プラン」もしくは「フリーランスプラン」がおすすめです。

デジハリ・オンラインのWebデザイナー講座には「就転職プラン」もありますが、Webデザイナーに必要なアクセシビリティなどの独学が難しく後回しになりがちな内容が学べないためあまりおすすめできません。

デジハリ・オンラインの
公式サイトはこちら

【あなたらしく働き方を叶えたい女性には】SHElikes

フリーランスとしてあなたらしい働き方を叶えたい女性におすすめなのがSHElikesです。
SHElikesはSHE株式会社が運営する月額制で比較的始めやすい女性限定のキャリアスクールコミュニティです。

SHElikes

運営会社
SHE株式会社
授業形式
  • オンライン
  • オフライン （青山・銀座・名古屋）
入学金
￥162,800税込
受講料金
月額￥8984～税込
受講期間
1か月～
就転職・案件サポート
あり

ソフト

  • Photoshop
  • Illustrator
  • Figma
  • After Effects

言語・システム

  • HTML
  • CSS
  • jQuery
  • WordPress

その他

  • レスポンシブデザイン
  • ワイヤーフレーム制作
  • Webマーケ基礎
  • ライターコース
  • Webマーケターコース
  • 副業・フリーランス
  • ロゴ・CI
  • UI/UXデザイン
  • カメラ・写真
  • 動画制作
  • SNS活用
  • 広報・PR
  • ブランディング
  • ディレクター
  • ビジネス
  • お仕事を始めてみよう
公式サイトはこちら

Webデザインに必要なソフトや技術の知識だけでなく、動画編集などの幅広いクリエイティブの知識が月額制ですべて学べます。
他のスクールでは別のコースを契約する必要があるのですが、同じ契約ですべての講座を受講できるのが嬉しいですね。

クリエイティブな知識の他に、ブランディングや広報・PR、SNSの活用方法など、フリーランスとして活動するために必要な知識も身につけることができます。

案件の斡旋はありますが、就職支援はありません。
フリーランスを目指すのではなく、就転職をしたい場合は、SHElikes会員のみが入会できる「SHElikes MULTI CREATOR COURSE Designer」に入会（有料）するのがおすすめです。

即時入会で初月月額無料！

SHElikesの
無料体験レッスンを予約

Webデザインスクール選びのポイント

スクール選びで悩み、Webクリエイターとして働くわたしが考えるWebデザインスクール選びのポイントをご紹介します。

授業内容は充実しているか

Webデザイナーとして働き始めたときに使える実践的な内容が学べる必要があります。

デザインツールの使い方やデザインの方法を知っているだけでは現場では通用しません。
HTMLやCSSなどのコーディングの知識も、技術的に再現可能なのかを判断するのに必要です。

成果を出すためのマーケティングの知識やユーザビリティ（使い勝手）の知識も大切です。

デザインツールやデザインの知識だけではなく、Web制作全体のことを学べるか確かめておきましょう。

また、可能であればWeb制作を一からすべて体験できるスクールのほうがおすすめです。

授業形式、教材が自分にあっているか

Webデザインスクールには以下のようにさまざまな授業・質問形式があります。

  • 対面授業
  • オンラインマンツーマン
  • チャットサポート

対面授業やオンラインマンツーマンの授業は、文字が画像では伝えづらい内容も画面共有などで伝えられます。

教材も以下のようにさまざまです。

  • 動画を見て学ぶ
  • オンラインの教科書を見て学ぶ
  • 紙の教科書を見て学ぶ

動画を見ながら作業するのが苦手、動画で見ないとわからないなど自分にとって理解しやすい教材の種類かも重要です。

いくつかの授業形式、教材を組み合わせたスクールもあります。

どの授業形式・教材が良いかではなく、向き不向きがあるので、体験授業などで自分にあった授業形式・教材を見つけて見てください。

オンラインか通学か

オンラインで受講可能なスクールもあれば、通学するスクールもあります。

オンラインと通学が併用可能な場合は、平日はオンライン、休日は通学など自分に合わせたスタイルで受講できます。

通学する場合は自宅、会社から通いやすいかも重要です。

通学できるスクールでは、スクールのPCとソフトを利用できる場合が多いのでPCとソフトを購入する必要がないというメリットもあります。

受講可能時間は決まっているか

授業の受講可能時間が決まっているスクールもあります。

仕事終わりなどに継続して受講可能な時間かを確認しておきましょう。

講師はどのような人か

すべての知識を現役デザイナーから学べるスクールもあれば、Webデザインの知識を身につけたデザイナーではない人から学ぶスクールもあります。

現役デザイナーから学べるスクールは、現場で働かないとわからない知識が学べるのが特徴です。

優れたデザイナーが教えるのも上手いとは限らないため、HTMLやCSSの書き方や意味など基礎的な知識は現役デザイナーから教わる必要はありません。

すべての知識を現役デザイナーから学べることにこだわる必要はありませんが、実践的な知識が現役デザイナーから学べるかを重視して選ぶと良いでしょう。

Webデザイナーになるために必要なスキルと知識

センスは必要ない

デザイナーにセンスは必要ありません。

センスがないと感じたり見た目がダサくなってしまうのは、合わない色を組み合わせたり、目立たせようとする所が多すぎてメリハリがなくなってしまうからです。

知識を身につけ、身につけた知識を使ってデザインすると、伝わるデザインになります。

良いデザインをたくさん見て、デザインの引き出しを増やすとデザインの幅も広がります。

デザイナーにセンスは必要ありません。
「センスがない」と夢を諦めてしまうのはもったいないです。

色の知識

色を見たときに人が感じるイメージや、色の組み合わせ方の知識です。

フォントの知識

使用するフォントによって可愛らしい雰囲気になったり、高級感が出るなどフォントはデザインの重要な要素のひとつです。

レイアウトの知識

人の視線などを考え、情報をわかりやすく、見やすく整理します。

Adobe Photoshop

Adobe Photoshopはデザインや画像編集などに使います。

デザインは後述するAdobe XD、Figma、Sketchなどですることも多いですが、Webサイトにおいて写真は重要な要素です。

Adobe Illustrator

Adobe Illustratorは印刷物やロゴデザインに使います。

Webデザインしかしない会社でも、ロゴの書き出しなどに利用する機会はあるので、使い方を知っておいたほうが良いです。

Adobe XD、Figma、Sketch

プロトタイピングツールで、Webデザインに使います。

会社によってどれを採用しているかが異なりますが、使い方は似ています。

Adobe Dreamweaver

テキストエディターで、古いサイトを更新する際に使うことが多いですが、日常使いしている人もいます。

Excel、Word、PowerPoint

Webサイトの仕様などをまとめるために、オフィスソフトも使います。

Googleのスプレッドシート、ドキュメント、スライドや、AppleのNumbers、Pages、Keynoteを使っている会社もあります。

HTML

Hyper Text Markup Languageの略です。
Webサイトをブラウザで見れるようにするための言語です。

よく勘違いされるのですが、HTMLはプログラミング言語ではありません。

CSS

Cascading Style Sheetsの略です。
HTMLだけでは、デザインの色やレイアウトを再現できないので、CSSで見た目を作ります。

JavaScript

スライドショーやCSSだけでは対応しきれないアニメーションなどの動きを付けます。
Javaというプログラミング言語と名前が似ていますが、全くの別物です。

略すときは「JS」と略しましょう。

jQuery

さきほどご紹介したJavaScriptをかんたんに書けるようにしたライブラリです。

JavaScriptでよく使う動きが集まったものです。

WordPress

ブログのようにかんたんにWebサイトを更新できるようになるものです。

必ず必要な知識ではありませんが、管理画面の使い方は知っておくと役に立つことがあるかもしれません。

コーディング兼任で採用された場合は、以下のような知識が必要です。

  • インストール
  • 設定
  • テーマ制作

費用はどのくらいかかるの？

低価格なスクールであれば20万円程度、高額なスクールで100万円程度です。
安くはない金額ですが、ほとんどのスクールで分割払いが可能です。

幅広い範囲の内容を学べたり、就転職のサポートが充実しているスクールの方が高額な傾向があります。

期間はどのくらいかかるの？

半年から1年のスクールが多いですが、3か月ほどで卒業できるスクールもあります。

期間が短いスクールは短期間で集中して学ぶ必要があるため、現在仕事をしていない人や、仕事をやめてスクールに通う人でないと続けるのが難しいです。

スクール卒業後のキャリア

未経験可の正社員のWebデザイナーの募集は少ないですが、まったく無いわけではありません。

正社員のWebデザイナーではありませんが、以下2つの方法は募集が多く未経験でも採用されやすいです。

  • Webデザイナーのアシスタントとして入社し、Webデザイナーにステップアップ
  • アルバイトのWebデザイナーとして入社する

制作会社の場合、入社後の数週間はバナーなどの簡単なお仕事からスタートし、徐々にWebサイトのデザインを任せてもらえるようになります。

初めは理想と現実のギャップに悩む人も多いですが「すごい！」などと反応をもらえることも多く、やりがいのある仕事です。

Webデザインスクールは自分の目的を達成できるスクールを選ぶことが大切

自分の目的を達成できるスクールを選ばないと受講する意味がありません。

スクールの雰囲気などは実際に体験してみないとわからない部分も多いので、無料体験授業やカウンセリングで授業を体験してみてください。