いつもお世話になっております。
うまづら社長(@umazura_ceo)です。
Webデザインを学びたい・Webデザイナーなりたいとスクールや教室を検討している人も多いと思います。
IT業界に入って20年以上、 会社経営者となって15年以上とIT業界の歴史を長くみてきた私が、
- そもそも何を学べばいいかわからない
- スクール・教室が多すぎて何を基準に選んでいいかわからない
- 通学型とオンライン型はどちらがいい？
- おすすめのWebデザインスクール・教室を教えて欲しい
こんな疑問に答えていきます。
Webデザイナーになるために学ぶこと
Webデザイナーになるには、そもそも何を学べばいいのでしょう？
まずは、Webデザイナーの仕事内容を説明していきます。
Webデザイナーの仕事内容
Webデザイナーの仕事はクライアントや自社サービスのWebサイトをデザインするのが主な仕事です。要望に対して最適なレイアウトやメニュー・素材配置、配色などを決めてWebサイトをデザインしていきます。
作成したデザインを実際のWebサイトに落とし込んでいく作業をコーディングと言います。
通常はWebデザイナーがコーディング作業を行いますが、会社やサイト規模によってはデザインとコーディング作業を別の人間が行うこともあります。コーディング作業を専門に行う人をコーダーと呼びます。
Webサイトのデザインだけでなく、キャンペーンや広告を出稿する際のバナーやWeb素材を作成するのもWebデザイナーの仕事です。
また、サイトの更新作業もデザインが絡む部分があればWebデザイナーが行う場合が多いです。
Webデザイナーに必要なスキル
Webデザインの基本的な知識
Webデザインは基本となるパターンやレイアウト、配色などがある程度決まっています。またサイトのテキストに使うフォントやサイズ単位などWebデザインに必要な基本的な知識は必須となります。
Photoshop
Photoshopは、Webデザインに必要となる写真加工・合成、グラフィックを作ったりすることができる画像編集ソフト。世界中のWebデザイナーが使っており、Webデザイナーになるためには必須のソフトです。
illustrator
illustratorは、ロゴやアイコン制作などに使う画像編集ソフトです。Photoshopとあわせて使うことが多く、Web制作の現場でPhotoshopと並んで必須のソフトとなっています。
Dreamweaver
Dreamweaverは、Webサイト制作ツールでデザインをWebサイト化するの使うソフトです。必ずしも必須ではありませんが、習得するとコーディング作業が捗るので取得しておいても損はありません。
HTML
HTMLはWebサイトを作るために開発された言語です。世の中にあるほとんどのWebサイトがHTMLを使って作成されています。
CSS
CSSは「Cascading Style Sheets(カスケーディング・スタイル・シート)」の略でスタイルシートとも呼ばれます。Webサイトのデザインスタイルを指定する言語です。
Webサイトは、HTMLで基本構造を作成し、CSSでデザインを指定するのが主流となっているのでWebデザイナーになるなら必須のスキルです。
JavaScript
JavaScriptはWebサイト上で動的な処理を行うのに使うプログラム言語です。ポップアップ画面を表示したり、スクロールにあわせて背景色を変えるなど動きのあるWebサイトを作成することができます。
動きのあるWebサイトをデザインするなら必要なスキルとなります。
ちなみにプログラム言語なので、極めればWebサービスやゲームなども開発できるため全てを習得しようとするとかなりの時間を要します。
jQuery
jQueryはJavaScriptのライブラリーで、より簡潔な記述でJavaScriptを利用することができます。jQueryを使えば、動的なWebサイトを初心者でも簡単に作成できるようになるため、Webデザイナーであれば必要なスキルと言えます。
レスポンシブデザイン
スマートフォンやタブレットの登場により、画面サイズの違う端末からWebサイトを閲覧する機会が増えたために生まれたのが、「レスポンシブデザイン」です。
どの端末からみても最適なサイズでWebサイトを表示することができ、SEO的にも有効なため、今からWebデザイナーを目指すなら勉強しておく必要があります。
Bootstrap
Bootstrapは、世界で最も人気のあるWebフレームワークです。CSSファイル・javascriptファイルが既に作成されており、初心者でも簡単にデザイン性にすぐれたレスポンシブデザインが作成できるのが特徴です。
Webデザインスクール・教室の選び方・ポイント
Webデザイナーになる目的を明確化する
Webデザイナーになる目的を明確化するのが最も大事です。
- Webデザインを学んでIT業界に転職したい
- 自分でサイトを作ってみたい
- Webデザイナーとして独立したい
- 何となく将来役立ちそうだから勉強してみたい
Webデザインを学ぶ目的によって選ぶスクール・教室は変わってきます。
たとえばWebデザインを学んでIT業界に転職したいのであれば、実践的な授業内容かつ転職実績の多いスクールを選ぶべきですし、Webデザイナーになりたいわけではないが、将来に役立ちそうだから何となく勉強したいのであれば、初歩的なことから丁寧に教えて貰えるスクールを選ぶべきです。
通学型かオンライン型か
ネットで受講するオンライン型と自身で教室に通う通学型があります。通学型の中にはオンラインカリキュラムと併用しているスクールもあります。
オンライン型の場合はネット環境があればどこでも受講できますが、教室型は一般的に東京、大阪など大都市に集中しており、地方の人や通学が困難な人には不向きです。
オンライン型は、教室などを持たないので、その分の運営コストを抑えられるため、教室型よりも授業料は安くなります。
| オンライン型 | 教室型 | |
| 東京・大阪など大都市に住んでいる | ● | ● |
| 地方や住まいや通学が困難 | ● | × |
| メンターなどに直接会って質問したい | × | ● |
| 教室でないと勉強に集中できない | × | ● |
| 授業料の安さ | ● | × |
受講期間・学習時間
Webデザイナーになりたいのであれば、受講期間や学習時間は短期集中型のものをおすすめします。スクールや教室で学んだからといってすぐにWebデザイナーとして働けるわけではありません。
スクールや教室で習得したスキルを駆使して実務経験を積むことがWebデザイナーになる最短ルートです。
転職サポートがあるか
Webデザイナーとして転職したいのであれば、転職サポートのあるスクール・教室に通うのがオススメです。
スクール・教室によっては専属スタッフがついて入学から転職後まで手厚くサポートして貰えたりするので、転職サポートの有無をしっかり確認しておきましょう。
Webデザインを学べるおすすめのスクール・教室
CodeCamp(コードキャンプ)｜デザインマスターコース
| 受講型 | オンライン |
| 教室 | – |
| 受講期間 | 2ヶ月・4ヶ月・6ヶ月 |
| 開講時間 | 朝7時〜夜24時 |
| 学習内容 | Photoshop Illustrator HTML/CSS JavaScript jQuery レスポンシブデザイン BootStrap |
| 受講形式 | 自習形式 マンツーマン/ビデオ通話/チャット |
| 料金（税込） | 入学金：33,000円 2ヶ月プラン：162,800円 4ヶ月プラン：272,800円 6ヶ月プラン：327,800円 |
| 返金・キャッシュバック | 無 |
| 就職支援 | 有 |
CodeCamp(コードキャンプ)はマンツーマン指導の完全オンラインスクール。デザインマスターコースは未経験からWebデザインを学びたい方にオススメのコースです。
オンラインスクールなので教室型と比較するとリーズナブルな料金でWebデザインを学習することができます。通学する必要がないので365日朝7時～24時まで好きな場所や時間で受講可能です。
オンラインの教科書で学習しながら不明点や集中して学びたい箇所を、現役デザイナーの講師にマンツーマンで教えて貰うことができます。
レッスンごとに講師を選べるので自分にあった講師を見つけて効率よく学習できます。
学習したオンラインの教科書は卒業した後でも閲覧できるので、転職した後でも復習できてお得です。
- マンツーマンの完全オンラインスクール
- オンラインだからリーズナブルな金額設定
- 365日毎日7時〜24時まで好きな場所や時間で受講可能
- 現役デザイナーによる個別指導
- レッスンごとに講師を選べる
- 教科書は卒業後でも閲覧可能
TECH CAMP(テックキャンプ)｜デザイナー転職
| 受講型 | 通学型・オンライン型 |
| 教室 | 渋谷 |
| 受講期間 | 10週間～ |
| 開講時間 | 平日9時〜22時 土日11時〜22時 |
| 学習内容 | Photoshop Illustrator HTML/CSS JavaScript jQuery レスポンシブデザイン BootStrap |
| 受講形式 | 自習形式 質問し放題/ビデオ通話/チャット |
| 料金（税込） | 短期集中スタイル：712,800円 夜間・休日スタイル：932,800円 分割払い有 |
| 返金・キャッシュバック | 有 |
| 就職支援 | 有 |
TECH CAMP(テックキャンプ)はオンラインの受講に加えて、都心、大阪、名古屋の駅前に教室を持つスクールです。受講生であれば教室も使い放題となっています。
最短10週間で未経験からWebデザイナーのスキルを習得して転職するまでを目指すコースで、企画からデザイン、コーディングまで実際の現場で役立つスキルを学習するのが特徴です。
期間中は講師に質問し放題で、パーソナルメンターが学習進捗を管理してくれるなど挫折しにくい仕組みが用意されています。
- 600時間の超実践型カリキュラム
- パーソナルメンターが学習進捗を管理
- 全国にある教室を自習室として使い放題
- 教室・オンラインで無制限に質問が可能
- 14日以内であれば無条件に全額返金保証
TechAcademy(テックアカデミー)｜Webデザインコース
| 受講型 | オンライン型 |
| 教室 | – |
| 受講期間 | 4週間・8週間・12週間・16週間 |
| 開講時間 | チャットサポート：15〜23時 |
| 学習内容 | Photoshop HTML/CSS JavaScript jQuery レスポンシブデザイン Sass |
| 受講形式 | 自習形式 マンツーマン/ビデオ通話/チャット |
| 料金（税込） | 4週間プラン：174,900円/学生163,900円 8週間プラン：229,900円/学生196,900円 12週間プラン：284,900円/学生229,900円 16週間プラン：339,900円/学生262,900円 |
| 返金・キャッシュバック | 無 |
| 就職支援 | 有 |
TechAcademy(テックアカデミー)は、プログラミングやアプリ開発、デザインなどが学べるオンラインスクールです。
東証マザーズ上場企業のユナイテッド株式会社の子会社キラメックス株式会社が運営しています。
Webデザインコースは週2回マンツーマンでのメンタリング、毎日15〜23時のチャット・レビューサポートで短期間でオリジナルのWebサイトをネット上に公開することを目指す学習プログラム。
現現役Webデザイナーのメンター(助言者)がマンツーマンつき、オンライン上にあるカリキュラムを学習してわからない箇所があれば、すぐにメンターにチャットで質問できる形式となっています。
- 最短1ヶ月でWebデザインを習得
- マンツーマンのチャットサポート
- デザイン以外にも多彩なコースから選択可能
- セットで受講するとさらにお得
- 先割やトモ割など割引制度あり
デジタルハリウッドSTUDIO by LIGWeb｜デザイナー専攻
| 受講型 | 通学型 |
| 教室 | 上野・池袋 |
| 受講期間 | 6ヶ月 |
| 開講時間 | 朝10時〜夜22時 |
| 学習内容 | Photoshop Illustrator HTML/CSS JavaScript カメラ講座 Webライティング |
| 受講形式 | 講義形式・オンライン |
| 料金（税込） | 495,000円 |
| 返金・キャッシュバック | 有 |
| 就職支援 | 有 |
Web制作会社LIGが運営するWebクリエイター養成スクールです。
デジタルハリウッド社と提携しており、デジタルハリウッドの教材とLIGの現役クリエイターによる直接指導でプロのWebデザイナーになるために必要な基礎から最新スキルまでを6ヶ月で習得可能です。
6ヶ月の受講期間のうち、前半3ヶ月は「インプット期間」、後半3ヶ月は「アウトプット期間」となっており、「インプット期間」で学んだ知識やスキルを駆使して「アウトプット期間」で卒業制作を行う流れとなっています。
通常のカリキュラムにプラスして、LIG講師陣によるカメラ講座とライティング講座を学ぶこともできます。
- Web制作会社（株式会社LIG）が運営するスクール
- 現役クリエイターによる直接指導
- Mac・ディアルディスプレイ完備
- コンサルタントによる厚い転職支援
- デジタルハリウッド社と業務提携
- LIG運営のコワーキングスペース使い放題
侍エンジニア塾｜WEBデザインコース
| 受講型 | オンライン型 |
| 教室 | – |
| 受講期間 | 4週間・12週間 |
| 開講時間 | 朝8時〜夜22時 |
| 学習内容 | Photoshop Adobe XD HTML/CSS JavaScript WordPress |
| 受講形式 | 自習形式 (マンツーマン/ビデオ通話/チャット) |
| 料金（税込） | 入学金：52,800円 4週間プラン：88,000円／学生83,600円 12週間プラン：231,000円／学生219,450円 |
| 返金・キャッシュバック | 無 |
| 就職支援 | 有 |
侍エンジニア塾は日本で最初にマンツーマン指導によるプログラミングレッスンをはじめたスクールです。
WEBデザインコースもプログラミングと同様、現役の現役のWebデザイナーが講師となりマンツーマン指導くれます。
最大の特徴は、一人一人の目的に合わせてカリキュラムをオーダーメイドしてくれこと。無理なく効率的にWebデザインを学習することができます。
レッスンの質を重視しており、毎月10名限定のコースとなっています。
- 日本初のマンツーマンによるプログラミングスクール
- 講師は現役のWebデザイナー
- 一人一人の目的に合わせたオーダーメイドカリキュラム
- オリジナルWebサイトの制作を重視
- 質を重視するため毎月10名限定のコース
ヒューマンアカデミー
| 受講型 | 通学型・オンライン型 |
| 教室 | 全国主要都市 |
| 受講期間 | 6ヶ月・9ヶ月 ※コースにより異なる |
| 開講時間 | 平日10時～21時 日曜・祝日10時～19時 |
| 学習内容 | Photoshop Illustrator HTML/CSS JavaScript jQuery レスポンシブデザイン ※コースにより異なる |
| 受講形式 | 講義形式・オンライン |
| 料金（税込） | Webデザイナーコース 3ヵ月：308,220円 6ヵ月：370,700円 9ヵ月：411,620円 |
| 返金・キャッシュバック | 無 |
| 就職支援 | 有 |
資格取得・キャリアアップでお馴染みのヒューマンアカデミー。創立35年を迎え校舎は全国で30校舎あり、すべての校舎が駅チカの立地にあります。
最近はオンライン学習にも力を入れており、Webデザイン講座はオンラインと通学を組み合わせた「オンラインスタイル」「クラス担任スタイル」「ブレンドスタイル」の3つの学習スタイルを選ぶことができます。
入学から就職まで専門のカウンセラーがついており、転職もしっかりサポートしてくれます。
- オンラインを組みあわせた3つの学習スタイル
- 講座は全24種類以上！学びたい講座を自由に組み合わせ
- 全国の校舎はすべて駅チカ
- 現役プロ講師による個別サポート
- 専任カウンセラーが受講前か就職までサポート
KENスクール
| 受講型 | 通学型 |
| 教室 | 新宿・池袋・北千住・横浜・名古屋・梅田・札幌・福岡 |
| 受講期間 | 3〜12ヶ月 |
| 開講時間 | 平日10時〜21時 土日11時〜18時 |
| 学習内容 | Photoshop Illustrator Dreamweaver HTML/CSS JavaScript jQuery レスポンシブデザイン ※コースにより異なる |
| 受講形式 | 個別指導 |
| 料金（税込） | Web Basicマスターコース：155,100円 Web実践コース：290,400円 Web実践就転職総合コース：377,300円 Web実践プロデザイングラフィック就転職総合コース：556,600円 |
| 返金・キャッシュバック | 有 |
| 就職支援 | 有 |
PC教室の老舗として有名なKENスクールのWebデザインコースは、現役プロのクリエイターが個別指導するスクールです。
今ではあたり前となっている「個別指導」や「現場指導」はKENスクールがはじめたものです。
１対１での授業で、理解度に応じて無理なく学習できるのが特徴の一つです。
「Webデザインコース一般教育訓練給付金制度対象講座」は一般教育訓練給付金制度の対象となっており、条件を満たせば受講料の20%が戻ってきます。
就職・転職サポートはグループ会社の人材エージェントチームと連携しており未経験からでもWebデザイナーとして転職可能です。
Webデザインを学べるおすすめのスクール・教室まとめ
Webデザインを学べるおすすめのスクール・教室やWebデザイナーに必要なスキルや選び方のポイントを解説しました。
Webデザイナーとして転職したい方やフリーランスとして独立したい方はぜひ参考にしてみて下さい。
