フリーランス基礎知識

【2020年】Webデザインを学びたい方におすすめのスクール・教室10選

ノマド家代表
辻本
ノマド家代表
辻本
フリーランスの自立・キャリアを支援するシェアハウス「ノマド家」を運営している代表の辻本です。

このブログでは、日々フリーランスをサポートする立場である私の目線で、フリーランスに本当に役立つ情報を厳選してご紹介します。

スクールに通ってWebデザインを学びたいと思っているけど、何を基準にスクールを選べばいいか分からないと悩んでいる方は多いと思います。

そこでこの記事では、そもそもWebデザイナーになるためには何を学べばいいのか?何を基準にスクールを選べばいいのか?などをご紹介しながら、おすすめデザインスクールを厳選して5社ご紹介します。

Webデザイナーになるために必要なスキルは?

Webデザインスクールに通ってありがちなのが、転職活動やフリーランスとして活動する際に役立つ実践的なスキルが身に付かなかった・・というパターンです。

それはWebデザイナーになるために必要なスキルが分からない状態でスクールを選んでしまったことが原因です。

Webデザイナーとして、即戦力で働けるようになるには以下のスキルを身につけておく必要があります。

・デザインの基本原則
・Photoshop/Illustrator
・HTML/CSS
・JavaScript/jQuery
・レスポンシブデザイン

デザインの基本原則

デザインにはどの作品にも共通する4つの基本原則があります。まずは、デザインの基礎である4つの基本原則を押さえておきましょう。

Photoshop/Illustrator

PhotoshopとIllustratorはデザインを作成するためのツールです。Photoshopは主にWebデザインや写真・画像加工、Illustratorはロゴやイラストなどの図形を扱います。

一般的にはこの2つのソフトが必須ですが、ツールの価格が割高な点でハードルが高いです。最初は、XDのような無料で使えるデザインツールを活用するのもおすすめです。

ノマド家代表
辻本
ノマド家代表
辻本
もし、フリーランスのWebデザイナーとして活動するなら、デザインソフトを自前で用意しておく必要があります。

最近では、「Adobeのコンプリートプラン」に契約して、PhotoshopやIllustratorを活用されている方が多いです。

グラフィックデザイナーがフリーランスになるには?年収・副業事情・案件獲得方法を解説! 現在、グラフィックデザイナーとして働かれている方は、独立するタイミングを伺っている方が多いかと思います。 最近では、フリー...

HTML/CSS

HTMLとは、テキストボックス・文字・表・画像・リンクなど、Webページに必要な部品を配置するための言語です。

HTMLが文章の構造を作るのに対して、CSSは「HTMLをどのようなデザインでブラウザに表示するかを指定する言語」なので、HTMLとセットで使われます。

HTML/CSSの知識は、Webサイトを作る場合や、コーダーとコミュニケーションを取る場面で必ず必要になります。

JavaScript/jQuery

JavaScript/jQueryはHTML/CSSだけでは表現が難しいアニメーションやお問い合わせフォームなどを作る場合に必要なスキルです。

こちらはやや複雑なので、デザイナーではなくコーダーが実装することが多いです。なので、基礎知識のみインプットする程度でかまいません。

フリーランスのプログラマーになるには?仕事内容・年収・エージェントをご紹介! 現在、プログラマーとして働かれている方は、副業したり独立するタイミングを伺っている方が多いかと思います。 最近では、クラウ...

レスポンシブデザイン

パソコン・タブレット・スマホの全てに最適化されたWebページを作るために、レスポンシブデザインの知識が必要になります。

まずはパソコンで表示されるデザインを作成し、そのデザインを基にタブレット・スマホに最適化されたデザインを作っていくのが一般的です。レスポンシブサイトは基本的にHTML/CSSの応用系なので、HTML/CSSの基本をおさえておけば問題ありません。

フリーランスのWebデザイナーになるには?仕事内容・年収・営業方法も解説! 現在、制作会社や事業会社でWebデザイナーとして働かれている方は、副業したり独立するタイミングを伺っている方が多いかと思います。...

Webデザインスクールを選ぶ3つのポイント

理想のキャリアに近づけるか

まず最初に、Webデザイナーとしての理想のキャリアプランをイメージしましょう。スクールによっては、転職のサポートに特化していたり、卒業生の多くが独立に成功しているスクールが存在するからです。

キャリアプラン

・Webデザイナーとして転職したい
・今の会社の業務にデザインスキルを生かしたい
・フリーランスとして独立したい
・会社員をしながら副業で働きたい etc.

キャリアプランが決まれば、そのキャリアになるためのサポートは充実しているか、卒業生の事例はあるのかなどを確認しておきましょう。

学習内容がキャリアと繋がってるか

Webデザイナーに求められるスキルは、大きく分けると以下の2つです。

Webデザイン:PhotoshopやIllustrator、XDを活用して、ワイヤーやデザインを制作するスキル

コーディング:デザインに沿ったコードを書いて、ブラウザに反映するスキル

もし、コーディングもできるWebデザイナーを目指すなら、HTMLやCSS、JavaScriptと言ったWEB制作に必要なプログラミング言語も学べるスクールを選びましょう。

通学型 or オンライン型

Webデザインスクールには、通学とオンライン型があります。

通学型:授業形式で、教室に通って学ぶスタイル。講師や受講生にいつでも気軽に相談できる。

オンライン型:Zoom等のオンラインツールを活用して授業を受ける。受講する時間や場所の融通がきく。

現在会社員の方で、なかなか学習時間が確保できない方はオンライン型がオススメです。

おすすめのスクール・教室10選

デザインスクールを選ぶ際は、仕事と学習の両立が可能かどうか、前述のスキルが身につくかを判断基準に選ぶことをおすすめします。

この章では、デザインスクールの中でも、特に知名度や実績があるスクールを厳選して10社ご紹介します。

TechAcademy(Webデザインコース)

オススメ度
受講区分オンライン
受講形態マンツーマンレッスン
4週間プラン:7回
8週間プラン:15回
価格4週間プラン:139,000円/学生 109,000円(税抜)
8週間プラン:189,000円/学生 139,000円(税抜) 
期間4週間・8週間・12週間・16週間

TechAcademy』のWebデザインコースは、期間内で4つのWebサイトをリリースするかなり実践的なレッスン内容になっています。作りながら覚えるを繰り返し、最終的にはオリジナルのWebサイトをゼロから作れるレベルを目指します。

オンライン完結型のスクールですが、チャットサポートや週2回のマンツーマンメンタリングなど、初学者向けのサポート体制が整っている点もTechAcademyの強みです。

価格は業界でもかなりリーズナブルな料金設定で、さらに無料体験を行うとさらに10,000円割引されるほか、体験中に30分のメンタリング実施で500円分のAmazonギフト券もゲットできます。

・eラーニングアワードで特別賞受賞の実績あるサービス

・期間内で4つのWebサイトをリリースする実践的なレッスン内容

・マンツーマンメンタリングでモチベーション維持

【2020年】TechAcademy(テックアカデミー)の評判は?リアルな口コミと評判まとめ TechAcademy(テックアカデミー)は、キラメックス株式会社が運営するプログラミングスクールです。この記事では、TechA...

テックキャンプデザイナー転職

オススメ度
受講区分通学制・オンライン
受講形態自己学習型
場所東京・大阪・名古屋
価格入会月:148,000円/2ヶ月目以降1ヶ月あたり:14,800円(税抜)
期間1ヶ月〜

テックキャンプ・デザイナー転職』(旧テックエキスパート・デザイナーコース)は、Webデザイン初学者向けのスクールです。教室とオンラインの両方で学ぶことができ、仕事で使える実践的なWEBデザインスキルが身につくカリキュラムになっています。

受講中は講師に質問し放題で、最短10週間でWEBデザイナーとしての転職を目指すコースになっています。テックキャンプ・デザイナー転職で習得できる、WEBデザインスキルは以下の通りです。

・WEBデザインの基本原則
・Illustratorを利用したロゴ、バナー、チラシなどの作成
・Photoshopによる画像加工
・WEBサイトデザイン
・フロントエンド開発

HTMLやCSS、JavaScriptと言ったWEB制作に必要なプログラミング言語も学べるのがテックキャンプ・デザイナー転職の特徴です。

ノマド家代表
辻本
ノマド家代表
辻本
転職だけでなく、フリーランスWEBデザイナーとして独立する卒業生もいるようです。

・未経験からWebデザイナーとして転職したい方にオススメ

・Webデザインだけでなく、コーディングスキルも身に付く

・まこなり社長の影響で受講者急増中

【2020年】テックキャンププログラミング教養の評判は?リアルな口コミと特徴まとめ 『テックキャンププログラミング教養』は、Youtuberとしても有名なまこなり社長が経営する株式会社divが運営するプログラミン...

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

オススメ度
受講区分オンライン
受講形態マンツーマンレッスン
価格148,000円
期間2ヶ月・4ヶ月・6ヶ月

CodeCamp』は、オンライン型のデザインスクールの中では最も人気・実績のあるデザインスクールです。同じオンライン完結型のデザインスクールとして、前述の『TechAcademy』と比較されることが多いです。

毎日7時〜24時の間でレッスンを受講できるので、会社員の方でも平日の朝晩や土日に自分のペースで受講することができます。

CodeCampでは、レッスンのクオリティを担保するために実践的なカリキュラムに基づいたマンツーマンレッスンにこだわっていて、大手IT企業での勤務経験があるフリーランスを講師に採用しています。

・業界No.1の実績と人気のオンラインデザインスクール

・低価格でのマンツーマンレッスンが特徴

・早朝7時〜夜24時まで講義が受けられる

【2020年】CodeCamp(コードキャンプ)の評判は?リアルな口コミとメリットまとめ 『CodeCamp』は、株式会社コードキャンプが運営するプログラミングスクールです。この記事では、CodeCampを受講するメリ...

ヒューマンアカデミー

オススメ度
受講区分対面/オンライン 両方可能
コースWebデザイナー講座
価格3,000円/月〜
期間コースにより異なる

ヒューマンアカデミーが運営する『WEBデザイナー講座』は、「未経験から活躍するWebデザイナーへ!」がコンセプトのオンライン完結型のデザインスクールで、卒業生の転職成功率は90%以上を誇っています。

オンライン講座は受講期間中「動画コンテンツ見放題」で、働きながらでも自分のペースで学習することができます。

3つの受講スタイルが用意されています。

オンラインスタイル

インターネット環境があれば好きなときに好きな場所で学べるので、時間と場所を選ばずに効率よく学びたい方におすすめです。

クラス担任スタイル

少人数制のもと、受講開始から修了後まで現役プロ講師から直接学ぶことができます。

ブレンドスタイル

オンラインスタイルとクラス担任スタイルのいいところを組み合わせたブレンドスタイル。

WEBデザイナー講座』では、入学前から就職後まで専任のカウンセラーがしっかりとサポートしてくれます。また、全国各地に拠点を構えているので、地方在住の方でも気軽に受講できます。

・個人のライフスタイル合わせて授業選択ができる

・全国に拠点があるので安心

・未経験からWebデザイナーとして転職したい方におすすめ

デジタルハリウッドSTUDIO by LIG(Webデザイナー専攻)

オススメ度
受講区分通学制
教室上野・池袋
価格370,000円(税抜・入学金込み)
期間6ヶ月

デジタルハリウッド STUDIO by LIG』は、Web制作会社として有名なLIGと、デジタル教育で圧倒的な実績を誇るデジタルハリウッドがコラボして設立されたWebデザインスクールです。

講師はLIGの現役デザイナーやクリエイターなので、実践的なスキルが学べるカリキュラムになっています。LIGならではのオリジナル講座や、LIG現役クリエイターによる生授業を受けることができます。

併設のコワーキングスペースはいつでも無料で使うことができ、料理やフリードリンク、デザイン関連書籍も充実しています。定期的に、個別学習相談会や担任制度があるので安心して学習することができます。

ノマド家代表
辻本
ノマド家代表
辻本
また、就職・転職成功で20万円キャッシュバック他、LIGへの積極採用も行っているそうです。

・LIG監修のオリジナル講座&現役クリエイター生授業が受けられる

・併設のコワーキングスペースをいつでも無料で使える

・就職・転職成功で20万円キャッシュバック!

侍エンジニア塾(Webデザインコース)

オススメ度
受講区分対面/オンライン 両方可能
受講形態マンツーマン
価格168,000円/438,000円
期間1ヶ月/3ヶ月

侍エンジニア塾の『Webデザインコース』では、Web業界で働く現役のデザイナーやエンジニアから、「現場で使える」にこだわったスキルを学べます。Webデザインスキルだけでなく、Webサイト制作に必要な設計からコーディングまで一貫して学べるのも大きな特徴です。

また、完全オンラインでも学ぶことができるので、忙しい社会人でもライフスタイルに合わせて学習を進めることができます。完全オリジナルのカリキュラムになっているので、転職したい方やフリーランスになりたい方にオススメです。

・就職/転職支援サポートが充実している
・フリーランス/副業仕事獲得サポートもある
・オーダーメイドカリキュラムで自分の習熟度にあった学習ができる

Udemy(ユーデミー)

オススメ度
受講区分オンライン
サポート体制動画アップ主に直接メール可能
価格1,000円〜20,000円
期間講座により異なる

Udemy(Webデザインコース)』は、誰でも講師になりコースを作ることができるC2C(Consumer to Consumer)の学習プラットフォームで、世界中で約4万人以上の講師が10万以上のコースを提供しています。※スクールではありません。

Udemyで学べるWebデザイン講座の一例をご紹介します。

・CSS3+メディアクエリで「レスポンシブWEBデザイン」サイト作成をマスターする
・Webデザイナーのキャリアを未経験からスタートするためのオールインワン講座
・WEBデザイナーになりたい人のための【WEBデザイン入門講座】対象:WEB制作について基礎から学びたい方 etc.

Udemyで「Webデザイン」とサイト内検索すると、1万件以上動画コンテンツがヒットするので、コンテンツの内容が気になる方はぜひチェックしてみて下さい。

・スクールと比較すると価格が安い
・隙間時間で学習したい人におすすめ
・購入前に講座の評価が見れる&返金保証がついている

【2020年】Udemyの評判は?プログラミングやWebデザインを学びたい方必見! 「Udemy」は、米国法人Udemy,Inc.が運営するオンライン型教育プラットフォームで、主にプログラミングやWebデザイン、...

デジハリONLINE

オススメ度
受講区分オンライン
習得スキルPhotoshop・Illustrator・HTML/CSS・JavaScript/jQuery・Dreamweaver・レスポンシブデザイン・企画/ワークフロー・カラー/フォント
価格256,000円(税抜)
期間7ヶ月

デジハリONLINE』は、デジタルハリウッドのオンラインスクール版です。就転職プランでは、Webデザインの基礎知識からJavaScriptなど高度なデザインスキルが動画教材で学べます。

週2〜3日で受講できるので、忙しい社会人や、焦らずじっくり学びたい方に最適です。また、受講生・卒業生限定の就職・転職サポートもかなり充実しています。

・基礎知識から高度なスキルまでデジハリの独自カリキュラムで学べる

・現場で使える実践的なスキルが身につく

・デジタルハリウッドならではの就転職サポートが充実

KENスクール

オススメ度
受講区分通学制
受講形態個別指導
価格97,000円〜815,000円
期間3〜12ヶ月

KENスクール』は開校30年を超える老舗のスクールです。通学&個別指導型なので、いつでも講師に相談・質問できる環境が整っています。

また、就職・転職サポートは関東・東海・関西圏で受けることができるため、幅広いエリアで卒業後の進路を確保することができます。未経験からWebデザイナーとして転職したい方にKENスクールはオススメです。

・就職・転職サポートが充実している
・HTML5、CSS3、JavaScript、jQuery、Photoshop、Illustratorが学べる
・通学型&少人数授業なので講師との距離感が近い

Winスクール

オススメ度 
受講区分通学制(新宿、池袋、北千住、横浜、梅田、名古屋)
コース名Webデザインコース
価格入塾金18,000円+受講料金178,000円〜328,000円+教材費10,000円前後
期間5〜10ヶ月

Winスクールは、東京を中心に全国展開している老舗のスクールです。Webデザインコースに関しても、東京だけでなく、横浜や名古屋、大阪に教室を構えています。

デザインコース一覧

・デザイン制作実習
・Photoshopコース
・Illustlatorコース
・HTML/CSSコース etc.

上記の通り、Winスクールでは学びたい分野に合わせて、それぞれコースが用意されています。未経験からWebデザイナーとして転職したい方はデザイン制作実習コースがオススメです。

このコースでは、PhotoshopやIllustratorをはじめとした、Webデザインの現場で必須のスキルを網羅的に学ぶことができます。

・就職・転職サポートが充実している
・HTML、CSS、JavaScript,jQuery、Photoshop、Illustrator、Dreamweaverが学べる
・個別指導なので、わからないことはすぐに質問・相談できる

最後に

以上、Webデザインを学びたい方におすすめのスクール・教室を10社ご紹介しました!この記事を読まれた方は、以下の記事もおすすめです。

【2020年】プログラミングを学びたい方におすすめのスクール【10選】 この記事をご覧の方は、未経験からプログラミングのスキルを身につけて、エンジニアとして転職したいとお考えの方が多いと思います。一方...
ノマド代表
辻本
ノマド代表
辻本
最後になりましたが、私が運営するフリーランス向けシェアハウス「ノマド家」では、駆け出しのフリーランスをサポートしています。
フリーランスと寝食を共にして、切磋琢磨したいという方はぜひLINEにてお気軽にご連絡ください!

※代表の辻本が24時間以内に必ずご連絡いたします。