【2020年】Webデザインを学べるおすすめのスクール・教室完全ガイド!未経験からWebデザイナー

プログラミングスクール
スポンサーリンク

いつもお世話になっております。
うまづら社長(@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素材などの作成
  • サイトの更新作業

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(コードキャンプ)|デザインマスターコース

CodeCamp(コードキャンプ)|デザインマスターコース
受講型オンライン
教室-
受講期間2ヶ月・4ヶ月・6ヶ月
開講時間朝7時〜夜24時
学習内容Photoshop 
Illustrator 
HTML/CSS 
JavaScript 
jQuery 
レスポンシブデザイン 
BootStrap
受講形式自習形式
マンツーマン/ビデオ通話/チャット
料金(税抜)2ヶ月プラン:148,000円
4ヶ月プラン:248,000円
6ヶ月プラン:298,000円
返金・キャッシュバック
就職支援

CodeCamp(コードキャンプ)はマンツーマン指導の完全オンラインスクール。デザインマスターコースは未経験からWebデザインを学びたい方にオススメのコースです。

オンラインスクールなので教室型と比較するとリーズナブルな料金でWebデザインを学習することができます。通学する必要がないので365日朝7時~24時まで好きな場所や時間で受講可能です。

オンラインの教科書で学習しながら不明点や集中して学びたい箇所を、現役デザイナーの講師にマンツーマンで教えて貰うことができます。

レッスンごとに講師を選べるので自分にあった講師を見つけて効率よく学習できます。

学習したオンラインの教科書は卒業した後でも閲覧できるので、転職した後でも復習できてお得です。

  • マンツーマンの完全オンラインスクール
  • オンラインだからリーズナブルな金額設定
  • 365日毎日7時〜24時まで好きな場所や時間で受講可能
  • 現役デザイナーによる個別指導
  • レッスンごとに講師を選べる
  • 教科書は卒業後でも閲覧可能

TECH CAMP(テックキャンプ)|デザイナー転職

TECH CAMP(テックキャンプ)|デザイナー転職
受講型通学型・オンライン型
教室渋谷
受講期間10週間~
開講時間平日9時〜22時 
土日11時〜22時
学習内容Photoshop
Illustrator
HTML/CSS
JavaScript
jQuery
レスポンシブデザイン
BootStrap
受講形式自習形式
質問し放題/ビデオ通話/チャット
料金(税抜)短期集中スタイル:648,000円
夜間・休日スタイル:848,000円
分割払い有
返金・キャッシュバック
就職支援

TECH CAMP(テックキャンプ)はオンラインの受講に加えて、都心、大阪、名古屋の駅前に教室を持つスクールです。受講生であれば教室も使い放題となっています。

最短10週間で未経験からWebデザイナーのスキルを習得して転職するまでを目指すコースで、企画からデザイン、コーディングまで実際の現場で役立つスキルを学習するのが特徴です。

期間中は講師に質問し放題で、パーソナルメンターが学習進捗を管理してくれるなど挫折しにくい仕組みが用意されています。

  • 600時間の超実践型カリキュラム
  • パーソナルメンターが学習進捗を管理
  • 全国にある教室を自習室として使い放題
  • 教室・オンラインで無制限に質問が可能
  • 14日以内であれば無条件に全額返金保証

TechAcademy(テックアカデミー)|Webデザインコース

TechAcademy(テックアカデミー)|Webデザインコース
受講型オンライン型
教室-
受講期間4週間・8週間・12週間・16週間
開講時間チャットサポート:15〜23時
学習内容Photoshop 
HTML/CSS 
JavaScript 
jQuery 
レスポンシブデザイン 
Sass
受講形式自習形式
マンツーマン/ビデオ通話/チャット
料金(税抜)4週間プラン:149,000円/学生129,000円
8週間プラン:199,000円/学生159,000円
12週間プラン:249,000円/学生189,000円
16週間プラン:299,000円/学生219,000円
返金・キャッシュバック
就職支援

TechAcademy(テックアカデミー)は、プログラミングやアプリ開発、デザインなどが学べるオンラインスクールです。

東証マザーズ上場企業のユナイテッド株式会社の子会社キラメックス株式会社が運営しています。

Webデザインコースは週2回マンツーマンでのメンタリング、毎日15〜23時のチャット・レビューサポートで短期間でオリジナルのWebサイトをネット上に公開することを目指す学習プログラム。

現現役Webデザイナーのメンター(助言者)がマンツーマンつき、オンライン上にあるカリキュラムを学習してわからない箇所があれば、すぐにメンターにチャットで質問できる形式となっています。

  • 最短1ヶ月でWebデザインを習得
  • マンツーマンのチャットサポート
  • デザイン以外にも多彩なコースから選択可能
  • セットで受講するとさらにお得
  • 先割やトモ割など割引制度あり

デジタルハリウッドSTUDIO by LIGWeb|デザイナー専攻

デジタルハリウッドSTUDIO by LIGWeb|デザイナー専攻
受講型通学型
教室上野・池袋
受講期間6ヶ月
開講時間朝10時〜夜22時
学習内容Photoshop 
Illustrator 
HTML/CSS 
JavaScript 
カメラ講座 
Webライティング
受講形式講義形式・オンライン
料金(税抜)450,000円
返金・キャッシュバック
就職支援

Web制作会社LIGが運営するWebクリエイター養成スクールです。

デジタルハリウッド社と提携しており、デジタルハリウッドの教材とLIGの現役クリエイターによる直接指導でプロのWebデザイナーになるために必要な基礎から最新スキルまでを6ヶ月で習得可能です。

6ヶ月の受講期間のうち、前半3ヶ月は「インプット期間」、後半3ヶ月は「アウトプット期間」となっており、「インプット期間」で学んだ知識やスキルを駆使して「アウトプット期間」で卒業制作を行う流れとなっています。

通常のカリキュラムにプラスして、LIG講師陣によるカメラ講座とライティング講座を学ぶこともできます。

  • Web制作会社(株式会社LIG)が運営するスクール
  • 現役クリエイターによる直接指導
  • Mac・ディアルディスプレイ完備
  • コンサルタントによる厚い転職支援
  • デジタルハリウッド社と業務提携
  • LIG運営のコワーキングスペース使い放題

侍エンジニア塾|WEBデザインコース

侍エンジニア塾|WEBデザインコース
受講型オンライン型
教室-
受講期間4週間・12週間
開講時間朝8時〜夜22時
学習内容Photoshop 
Adobe XD 
HTML/CSS 
JavaScript 
WordPress
受講形式自習形式
(マンツーマン/ビデオ通話/チャット)
料金(税抜)入学金:29,800円
4週間プラン:69,800円/学生62,820円
12週間プラン:209,400円/学生177,990円
返金・キャッシュバック
就職支援

侍エンジニア塾は日本で最初にマンツーマン指導によるプログラミングレッスンをはじめたスクールです。

WEBデザインコースもプログラミングと同様、現役の現役のWebデザイナーが講師となりマンツーマン指導くれます。

最大の特徴は、一人一人の目的に合わせてカリキュラムをオーダーメイドしてくれこと。無理なく効率的にWebデザインを学習することができます。

レッスンの質を重視しており、毎月10名限定のコースとなっています。

  • 日本初のマンツーマンによるプログラミングスクール
  • 講師は現役のWebデザイナー
  • 一人一人の目的に合わせたオーダーメイドカリキュラム
  • オリジナルWebサイトの制作を重視
  • 質を重視するため毎月10名限定のコース

ヒューマンアカデミー

ヒューマンアカデミー
受講型通学型・オンライン型
教室全国主要都市
受講期間6ヶ月・9ヶ月 
※コースにより異なる
開講時間平日10時~21時
日曜・祝日10時~19時
学習内容Photoshop 
Illustrator 
HTML/CSS 
JavaScript 
jQuery 
レスポンシブデザイン 
※コースにより異なる
受講形式講義形式・オンライン
料金(税抜)Webデザイナーコース
6ヵ月:337,000円
9ヵ月:374,200円
返金・キャッシュバック
就職支援

資格取得・キャリアアップでお馴染みのヒューマンアカデミー。創立35年を迎え校舎は全国で30校舎あり、すべての校舎が駅チカの立地にあります。

最近はオンライン学習にも力を入れており、Webデザイン講座はオンラインと通学を組み合わせた「オンラインスタイル」「クラス担任スタイル」「ブレンドスタイル」の3つの学習スタイルを選ぶことができます。

入学から就職まで専門のカウンセラーがついており、転職もしっかりサポートしてくれます。

  • オンラインを組みあわせた3つの学習スタイル
  • 講座は全24種類以上!学びたい講座を自由に組み合わせ
  • 全国の校舎はすべて駅チカ
  • 現役プロ講師による個別サポート
  • 専任カウンセラーが受講前か就職までサポート

KENスクール

KENスクール
受講型通学型
教室新宿・池袋・北千住・横浜・名古屋・梅田・札幌・福岡
受講期間3〜12ヶ月
開講時間平日10時〜21時 
土日11時〜18時
学習内容Photoshop 
Illustrator 
Dreamweaver 
HTML/CSS 
JavaScript 
jQuery 
レスポンシブデザイン 
※コースにより異なる
受講形式個別指導
料金(税抜)Web Basicマスターコース:141,000円 
Web実践コース:264,000円 
Web実践就転職総合コース:343,000円 
Web実践プロデザイングラフィック就転職総合コース:506,000円
返金・キャッシュバック
就職支援

PC教室の老舗として有名なKENスクールのWebデザインコースは、現役プロのクリエイターが個別指導するスクールです。

今ではあたり前となっている「個別指導」や「現場指導」はKENスクールがはじめたものです。

1対1での授業で、理解度に応じて無理なく学習できるのが特徴の一つです。

「Webデザインコース一般教育訓練給付金制度対象講座」は一般教育訓練給付金制度の対象となっており、条件を満たせば受講料の20%が戻ってきます。

就職・転職サポートはグループ会社の人材エージェントチームと連携しており未経験からでもWebデザイナーとして転職可能です。

Webデザインを学べるおすすめのスクール・教室まとめ

Webデザインを学べるおすすめのスクール・教室やWebデザイナーに必要なスキルや選び方のポイントを解説しました。

Webデザイナーとして転職したい方やフリーランスとして独立したい方はぜひ参考にしてみて下さい。

タイトルとURLをコピーしました