辻本
スクールに通いながらWebデザインを学びたいと思っているけど、「何を基準にスクールを選ぶべきか分からない・・」と悩んでいる方は多いと思います。
そこでこの記事では、そもそもWebデザイナーになるためには何を学べばいいの？何を基準にスクールを選べばいいの？などの点に留意しながら、知名度や実績があるWebデザインスクールを厳選して10社ご紹介します。
- Webデザイナーになるために必要なスキル
- Webデザインスクールを選ぶ3つのポイント
- おすすめのオンラインスクール6選
- CodeCamp（デザインマスターコース）
- TechAcademy（Webデザインコース）
- 侍エンジニア塾（Webデザインコース）
- テックキャンプデザイナー転職
- ヒューマンアカデミー（Webデザイン講座）
- デジハリ（Adobeマスター講座）
- 【番外編】Udemy（動画買い切り型）
- おすすめの通学制スクール4選
- デジハリ by LIG（Webデザイナー専攻）
- KENスクール
- DMM WEBCAMP SKILLS
- Winスクール
- 【番外編】SHElikes（女性限定）
- 【番外編】FammWebデザイナースクール（ママ限定）
- 最後に
Webデザイナーになるために必要なスキル
Webデザイナーの仕事は、クライアントが思い描いているWebサイトやサービスを制作できるよう、まずは全体の構成とレイアウトを考え、IllustratorやPhotoshopなどのデザインソフトを活用し、デザインを制作する業務になります。
デザイン制作後のコーディングに関しては、フロントエンドエンジニアが担当するケースが多いですが、会社によってはWebデザイナーが担当することもあります。
辻本
それでは、順に見ていきましょう。
デザインの基本原則
優れたデザインには必ず共通する4つの基本原則があります。Webデザイン初学者の方は、まずはデザインの基礎である４つの基本原則を押さえておきましょう。
・近接（関連する項目をグループ化する）
・整列（位置、大きさ、形、色などを揃える）
・反復（太字体、罫線、色、アイコンなどの要素を繰り返し用いる）
・コントラスト（フォントの大きさや形に変化をつけてメリハリをつける）
Photoshop/Illustrator/XD
『Photoshop
』は主に写真や画像の加工、『Illustrator』はロゴやイラストの制作に活用されています。
Webサイト制作におけるバナーやデザインカンプの制作、ポスターやパンフレットの制作においては必須のスキルです。
会社によっては、Webディレクターが制作するワイヤーフレームもWebデザイナーが担当するケースがあり、ワイヤーフレームを制作しやすい『XD』が使えると、上流工程も任せてもらえるので昇給しやすいです。
辻本
スクールの中には、ソフトの購入費用が割引されるケースもあるので必ずチェックしておきましょう。
HTML/CSS
前述の通り、会社によってはデザインの制作だけでなく、コーディングもWebデザイナーが担当するケースがあります。
もしWebデザイナーがコーディングを担当するとなれば、HTMLとCSS、後述するJavaScript/jQueryのスキルが求められます。
辻本
最低でも、エンジニアとスムーズにコミュニケーションが取れるレベルにはなっておきましょう。
JavaScript/jQuery
JavaScript/jQueryは、HTML/CSSだけでは表現が難しいアニメーションやお問い合わせフォームなどを作る場合に必要なスキルです。
実際の現場では、Webデザイナーではなくコーダーが実装するケースが多いので、Webデザイナーは「JavaScript/jQueryを用いてどのようなデザインや機能を実装できのるか」をイメージできる状態になっておきましょう。
レスポンシブデザイン
パソコンやタブレット、スマホなどのデバイスに最適化されたWebページを作るためには、レスポンシブデザインの知識が必要になります。
まずはパソコンで表示されるデザインを作成し、そのデザインを基にタブレット・スマホに最適化されたデザインを作っていくのが一般的です。
辻本
Webデザインスクールを選ぶ3つのポイント
Webデザインスクールを比較検討する際は、以下の3つのポイントを確認しておきましょう。
それでは、順に見ていきましょう。
理想のキャリアに近づけるか
Webデザインを学ぶ目的は、「Webデザインの知識を今の業務に活かしたい」「Webデザイナーとして転職したい」「フリーランスとして独立したい」など、人によって様々です。
それに伴いスクールのサポート内容も、社内研修に活かせる内容になっていたり、転職支援が充実していたり、フリーランスとして独立するための支援が充実していたりと様々です。
辻本
・CodeCampのデザインマスターコース
・TechAcademyのWEBデザインコース
・SHElikesのWebデザインコース
カリキュラム内容が適切か
一口にWebデザインといっても、PhotoshopやIllustrator、XDを活用したデザインの制作やコーディングなど業務内容は様々です。
Webデザインスクールの中には、デザインソフトの操作方法しか学べないスクールがあったり、逆にコーディングスキルを身につけることに比重を置いたスクールがあったりと様々です。
辻本
各スクールのカリキュラムに関しては、説明会や個別カウンセリングに参加しないと詳細が分からないので、必ず参加して担当者に確認するようにしましょう。
・CodeCampのデザインマスターコース
・TechAcademyのWEBデザインコース
・侍エンジニア塾のWebデザインコース
・デジハリ by LIG（Webデザイナー専攻）
通学型 or オンライン型
Webデザインスクールには、通学とオンライン型の2種類あります。
通学型：授業形式で教室に通って学ぶスタイル。講師や受講生にいつでも気軽に相談できる。
オンライン型：Zoom等のオンラインツールを活用して受講するスタイル。時間や場所の制約がない。
仕事でなかなか学習時間が確保できない社会人の方や、教室がないエリアに在住の方はオンライン型1択です。
逆に、教室があるエリア（主に東京・大阪）に在住の方で、講師にたくさん質問したい方や、受講生同士で勉強会や作業会がしたい方は通学型がおすすめです。
おすすめのオンラインスクール6選
この章では、Webデザインスクールの中でも、特に知名度や実績があるオンラインスクールを厳選して6社ご紹介します。
オンラインスクールを検討されている方は、「サポート体制がチャット or ビデオ通話 or その両方なのか」「授業内容はすでに録画された動画なのか、それともリアルタイムでの授業（質問可）なのか」の2点を特に確認しておきましょう。
辻本
それでは、順に見ていきましょう。
CodeCamp（デザインマスターコース）
| オススメ度 | |
|---|---|
| 運営会社 | コードキャンプ株式会社 |
| 受講区分 | オンライン |
| 受講形態 | マンツーマンレッスン |
| 価格 | 148,000円(税込)〜 ※業界最安 |
| 期間 | 2ヶ月・4ヶ月・6ヶ月 |
| 習得スキル | Illustrator・Photoshop・HTML/CSS・JavaScript・Bootstrap etc |
『CodeCamp
』は、オンライン型のWebデザインスクールとしては最も人気・実績（受講者数3万名・レッスン満足度96.6%）があるスクールです。
IllustratorやPhotoshopによる写真加工やバナー・ロゴ制作、Webサイトのデザインカンプ制作（レスポンシブ対応）など、現場ですぐに活かせるWebデザインスキルが身につきます。
また、HTML/CSS・JavaScriptもカリキュラムに含まれているので、コーディングスキルを身に付けてキャリアアップしたいWebデザイナーの方にもおすすめです。
（出典：CodeCamp公式サイト）
辻本
チャットのみのサポートだと、「それは自分で調べてみてください」「ググり力もデザイナーに必要なスキルです」と対応しているスクールがあるので注意が必要です。
「未経験からWebデザイン・サイト制作を学びたい方」「在宅・副業・フリーランスなど自由な働き方を目指したい方」「コーディングスキルを習得してWebデザイナーとしての市場価値を上げたい方」におすすめのWebデザインスクールです。
・業界No.1の実績と人気のオンラインデザインスクール
・一人ひとりのペースに合わせたオンラインレッスン
・未経験からWebデザイン・サイト制作を学びたい方におすすめ
・在宅・副業・フリーランスなど自由な働き方が目指せる
・転職サポートも充実している
TechAcademy（Webデザインコース）
| オススメ度 | |
|---|---|
| 運営会社 | キラメックス株式会社 |
| 受講区分 | オンライン |
| 受講形態 | マンツーマンレッスン |
| 価格 | 174,900円(税込)〜 |
| 期間 | 4週間・8週間・12週間・16週間 |
| 習得スキル | Photoshop・Cacoo・HTML5/CSS3・jQuery etc |
TechAcademyの『Webデザインコース』は、期間内で4つのWebサイトをリリースするかなり実践的なレッスン内容になっています。作りながら覚えるを繰り返し、最終的にはオリジナルのWebサイトをゼロから作れるレベルを目指します。
（出典：TechAcademy公式サイト）
チャットサポートや週2回のマンツーマンメンタリング（ビデオ通話）など、初学者向けのサポート体制が整っている点もTechAcademyの強みです。
辻本
・eラーニングアワードで特別賞受賞の実績あるサービス
・Webデザインだけでなくコーディングも学べる
・期間内で4つのWebサイトをリリースする実践的なレッスン内容
・マンツーマンメンタリングで質問・相談し放題
侍エンジニア塾（Webデザインコース）
| オススメ度 | |
|---|---|
| 運営会社 | 株式会社SAMURAI |
| 受講区分 | 対面/オンライン 両方可能 |
| 受講形態 | マンツーマン |
| 価格 | 88,000円(税込)・入学金52,800(税込) ※4週間 |
| 期間 | 4週間/12週間 |
| 習得スキル | Photoshop・XD・HTML/CSS・JavaScript・Wordpress etc |
侍エンジニア塾の『Webデザインコース
』では、Web業界で働く現役のデザイナーやエンジニアから、「現場で使える」にこだわった実践的なスキルを学べます。
Webデザインスキルだけでなく、Webサイト制作に必要な設計からコーディングまで一貫して学べるのも大きな特徴です。
（出典：侍エンジニア塾公式サイト）
対面/オンライン両方での受講が可能なので、忙しい会社員の方でも自分のライフスタイルに合わせて学習を進めることができます。
辻本
・就職/転職支援サポートが充実している
・フリーランス/副業仕事獲得サポートもある
・オーダーメイドカリキュラムで自分の習熟度にあった学習ができる
・Webデザインスクールは、CodeCamp、TechAcademy、侍エンジニア塾の3強
テックキャンプデザイナー転職
| オススメ度 | |
|---|---|
| 運営会社 | 株式会社div |
| 受講区分 | 対面/オンライン 両方可能 |
| 場所 | 東京・大阪・名古屋 |
| 価格 | 21,200/月(税込)〜 |
| 期間 | 10週間 |
| サポート内容 | デザイナー転職保証（転職できなければ受講料全額返金） |
| 習得スキル | Illustrator・Photoshop・HTML/CSS・JavaScript etc |
『テックキャンプ・デザイナー転職』は、最短10週間でWebデザイナーとしての転職を目指すコースになっています。教室とオンラインの両方で学ぶことができ、受講中は講師に質問し放題です。
（出典：テックキャンプデザイナー転職公式サイト）
テックキャンプ・デザイナー転職で習得できるWebデザインスキルは以下の通りです。
・Webデザインの基本原則
・Illustratorによるロゴ、バナー、チラシ制作
・Photoshopによる画像加工
・Webサイトデザイン
・フロントエンド開発
辻本
・未経験からWebデザイナーとして転職したい方におすすめ
・転職できなければ受講料全額返金
・Webデザインだけでなくコーディングスキルも身に付く
・まこなり社長の影響で受講者急増中
ヒューマンアカデミー（Webデザイン講座）
| オススメ度 | |
|---|---|
| 運営会社 | ヒューマンアカデミー株式会社 |
| 受講区分 | 対面/オンライン 両方可能 |
| コース | Webデザイナー講座 |
| 価格 | 3,200円/月(税込)〜 |
| 期間 | コースにより異なる |
| 習得スキル | Illustrator・Photoshop・HTML/CSS・JavaScript・Wordpress etc |
ヒューマンアカデミーが運営する『WEBデザイナー講座
』は、「未経験から活躍するWebデザイナーへ！」がコンセプトのWebデザインスクールで、卒業生の転職成功率は90％以上です。
働きながらでも自分のペースで学習できるよう、オンライン完結型のオンラインスタイル、少人数制で講師から直接指導してもらえるクラス担任スタイル、オンラインとリアルを融合したブレンドスタイルの3つのスタイルから選ぶことができます。
（出典：ヒューマンアカデミー公式サイト）
・個人のライフスタイル合わせて授業を選択できる
・全国に拠点があり地方の方でも通学しやすい
・未経験からWebデザイナーとして転職したい方におすすめ
・転職成功率90.7%
デジハリ（Adobeマスター講座）
| オススメ度 | |
|---|---|
| 運営会社 | デジタルハリウッド株式会社 |
| 受講区分 | オンライン |
| 習得スキル | Photoshop・Illustrator・HTML/CSS・JavaScript・Dreamweaver |
| 価格 | 39,980円(税込) ※Adobe CC1年分を含む |
| 期間 | 3ヶ月 |
『デジハリ（Adobeマスター講座）』を受講すると、AdobeCC学生・教職員版ライセンス1年分を講座付きで39,980円(税込)で利用することができます。普通に購入すれば年額72,336円（税込）するAdobe CCがなんと半額近くで購入できます。
受講期間中は、Webデザインの基礎が学べるオンライン動画教材46時間を1ヶ月間無制限で視聴することが可能です。
授業中に作成した課題は、現場を知り尽くした現役クリエイターが丁寧に添削してくれるので、現場ですぐに通用するデザインスキルを習得できます。
【番外編】Udemy（動画買い切り型）
| オススメ度 | |
|---|---|
| 運営会社 | 株式会社ベネッセコーポレーション |
| 受講区分 | オンライン |
| サポート体制 | 動画アップ主に直接メール可能 |
| 価格 | 1,500円〜25,000円(税込) |
| 期間 | 講座により異なる |
『Udemy
』は、誰でも講師になりコースを作ることができるC2C（Consumer to Consumer）の学習プラットフォームで、世界中で約4万人以上の講師が10万以上のコースを提供しています。※スクールではありません。
Udemyで学べるWebデザイン講座の一例をご紹介します。
・『CSS3＋メディアクエリで「レスポンシブWEBデザイン」サイト作成をマスターする
』
・『Webデザイナーのキャリアを未経験からスタートするためのオールインワン講座
』
・『WEBデザイナーになりたい人のための【WEBデザイン入門講座】対象：WEB制作について基礎から学びたい方』 etc.
辻本
（出典：Udemy公式サイト）
・スクールと比較すると価格が安い（1,500円〜25,000円）
・最大95%offになるセールも実施中
・必要な知識だけをピンポイントで学べる
・動画を見ながら自学自習したい方におすすめ
・購入前に講座の評価が見れる&返金保証がついている
おすすめの通学制スクール4選
この章では、Webデザインスクールの中でも、特に知名度や実績がある通学制スクールを厳選して4社ご紹介します。
それでは、順に見ていきましょう。
デジハリ by LIG（Webデザイナー専攻）
| オススメ度 | |
|---|---|
| 運営会社 | デジタルハリウッド株式会社 |
| 受講区分 | 通学&オンライン |
| 教室 | 上野・池袋 |
| 価格 | 495,000万円(税込) |
| 期間 | 6ヶ月 |
| 習得スキル | illustrator・photoshop・Dreamweaver・AdobeXD・HTML/CSS・Javascript etc |
『デジタルハリウッド STUDIO by LIG』は、Web制作会社として有名なLIGと、デジタル教育で圧倒的な実績を誇るデジタルハリウッドがコラボして設立されたWebデザインスクールです。
講師はLIGで働く現役のデザイナーやクリエイターであり、LIGならではのオリジナル講座や、現役クリエイターによる生授業を受けることができます。
（出典：LIG公式サイト）
受講生は、併設されているコワーキングスペースを無料で利用することができ、受講生同士で作業会や勉強会を実施することができます。個別学習相談会や担任制度があるので、Webデザイン初学者の方でも安心して受講することができます。
辻本
・LIG監修のオリジナル講座＆現役デザイナーの授業が受けられる
・通学制のスクールなので、講師にたくさん質問したい方におすすめ
・併設のコワーキングスペースをいつでも無料で利用できる
・転職成功で20万円キャッシュバック
KENスクール
| オススメ度 | |
|---|---|
| 運営会社 | 株式会社シンクスバンク |
| 受講区分 | 通学制 |
| コース | Webデザインコース |
| 価格 | 講座により異なる |
| 期間 | 3〜12ヶ月 |
| 習得スキル | HTML5、CSS3、JavaScript、jQuery、Photoshop、Illustrator etc |
『KENスクール』は開校30年を超える老舗のWebスクールです。通学&個別指導型なので、いつでも講師に相談・質問できる環境が整っています。
（出典：KENスクール公式サイト）
就職・転職サポートは関東・東海・関西圏で受けることができるため、幅広いエリアで卒業後の進路を確保することができます。
辻本
・就職/転職サポートが充実している
・通学型&少人数授業なので講師との距離感が近い
・Webデザインだけでなくコーディングスキルも身に付く
DMM WEBCAMP SKILLS
| オススメ度 | |
|---|---|
| 運営会社 | 株式会社インフラトップ |
| 受講区分 | 通学&オンライン |
| コース | ビジネス教養コース |
| 校舎 | 渋谷・新宿・難波 |
| 価格 | 受講料：21,780円(税込) 入会金：220,000円(税込) |
| 期間 | 1ヶ月〜 |
| 習得スキル | HTML/CSS・Ruby on Rails etc |
『DMM WEBCAMP SKILLS
』は、受講生の理想のキャリアを実現することに徹底してコミットするスクールです。
Webデザインやプログラミングスキルを最短1ヶ月で身につけることを目標としています。渋谷・新宿・難波に校舎があります。
（出典：DMM WEBCAMP公式サイト）
PhotoshopやIllustratorなどのデザインソフトを学ぶカリキュラムではないので、「コーディングスキルのみを最短で学びたい」と考えている現役のWebデザイナーの方におすすめです。
辻本
・短期間で集中して学びたい方向け
・Webデザインソフトの操作方法は学べない
・受講者満足度90%以上
・転職、副業、独立したいなど様々なキャリアプランに応じたアドバイス
Winスクール
| オススメ度 | |
|---|---|
| 運営会社 | ピーシーアシスト株式会社 |
| 受講区分 | 通学制（新宿、池袋、北千住、横浜、梅田、名古屋） |
| コース名 | Webデザインコース |
| 価格 | 入塾金18,000円+受講料金178,000円〜+教材費約10,000円(税込) |
| 期間 | 5〜10ヶ月 |
| 取得スキル | Photoshop・Illustrator・Dreamweaver・HTML/CSSコース etc |
Winスクールは、東京を中心に全国展開している老舗のWebスクールです。Webデザインコースに関しては、東京、横浜、名古屋、大阪に教室を構えています。
・デザイン制作実習
・Photoshopコース
・IIlustratorコース
・HTML/CSSコース etc.
上記の通り、Winスクールでは学びたい分野に合わせて、それぞれコースが用意されています。
辻本
このコースでは、PhotoshopやIllustratorをはじめとした、Webデザイナーに必須のスキルを網羅的に学ぶことができます。
・就職・転職サポートが充実している
・HTML/CSS・Photoshop・Illustrator・Dreamweaverが学べる
・個別指導なので、わからないことはすぐに質問できる
【番外編】SHElikes（女性限定）
| オススメ度 | |
|---|---|
| 運営会社 | ＳＨＥ株式会社 |
| 受講区分 | 通学&オンライン |
| 価格 | 13,567円/月(税込)〜 入会金 :162,800円(税込) |
| 期間 | 1〜12ヶ月 |
| 習得スキル | Photoshop・HTML/CSS・レスポンシブデザイン・jQueryアニメーション・ワイヤーフレーム制作・Webマーケ基礎 etc |
『SHElikes
』は、Webデザイン・Webマーケティング・ライティングなどPC一つで働けるクリエイティブスキルを幅広く学び、時間や場所に縛られない働き方を実現するための女性限定キャリアスクールです。
Webデザインコースでは、2ヶ月でPhotoshopやHTML/CSS、レスポンシブデザイン、ワイヤーフレーム制作など、Webデザイナーとして即戦力で働けるスキルを身につけることができます。
（出典：SHElikes公式サイト）
辻本
・女性限定のキャリアスクール
・Webデザイナーとして、転職・副業したい/フリーランスになりたい方におすすめ
・月1回のコーチングで挫折しない仕組みが整っている
【番外編】FammWebデザイナースクール（ママ限定）
| おすすめ度 | |
|---|---|
| 運営会社 | 株式会社Timers |
| 受講区分 | 教室&オンライン |
| 価格 | 162,800円(税込) |
| 期間 | 1ヶ月 |
| 習得スキル | Illustrator・Photoshop・HTML/CSS etc |
『Fammwebデザイナースクール
』は、「育休期間を生かして産後のキャリアアップに繋げたい！」と考えているママのための短期スクールです。
講義スペースの近くにはシッターさん常駐のキッズスペースを設置しているので、小さいお子さまがいらっしゃる方でも安心して受講できます。
Fammで確かなスキルを身につけた方は、卒業後に仕事を5件まで発注してもらえます。Fammからの仕事の発注は、『ココナラ
』というクラウドソーシングサービス上で行われ、その仕事がそのまま実績としてココナラに反映されます。
辻本
・ママ限定のWebデザインスクール
・卒業生は仕事を発注してもらえる
・卒業生は無料で専用講座を受講できる
・ベビーシッターサービスが無料
最後に
以上、Webデザインを学びたい方におすすめのスクール・教室を10社ご紹介しました！Webデザインを学ぶ目的にもよりますが、未経験からWebデザイナーを目指したいという方は、『CodeCamp』がおすすめです。
以下の表に、主要なWebデザインスクールの受講区分とオススメ度をまとめてみましたので是非参考にしてみて下さい。
| 名称 | 受講区分 | オススメ度 |
|---|---|---|
| CodeCamp | オンライン | |
| TechAcademy | オンライン | |
| 侍エンジニア塾 | 通学・オンライン | |
| テックキャンプ | 通学・オンライン | |
| デジハリ STUDIO by LIG | 通学・オンライン | |
| ヒューマンアカデミー | 通学・オンライン | |
| Udemy | オンライン | |
| KENスクール | 通学 | |
| DMM WEBCAMP SKILLS | 通学・オンライン |
この記事を読まれた方は、以下の記事もおすすめです。
「ノマド家」は、湘南に拠点を構えるフリーランス限定のシェアハウスです。
エンジニア・デザイナー・マーケター・動画クリエイターなどのWeb系フリーランスが入居しています。
同業のフリーランスと仕事や人脈、ノウハウをシェアし合いながら働きたいという方は、ぜひお気軽にご連絡ください！
