【2021】Webデザインスクールおすすめ9選！未経験からWebデザイナーを目指すあなたへ

こんにちは、Webデザインスクール「デジタルハリウッドSTUDIO by LIG」の天です。

今回は「Webデザインを学びたいけど、たくさんある学校の中でどこが良いのかわからない！」という方に、東京にある注目のWebデザインの学校をピックアップしました。最近のコロナ禍で「通学に抵抗あるな」……という方にもおすすめの、オンラインで学べる学校もあわせてご紹介します。ぜひ各校の特徴を比較しながらごらんください！

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

また、私たちがおすすめするWebデザインスクールの選び方を3つ紹介します。どのスクールにしようか迷った際はぜひ参考にしてくださいね。

実践的かどうか

知識やツールの使い方をインプットするだけであれば本や映像教材でも十分に学べますが、自分が作ったWebデザインに講師からフィードバックをもらい改善していく過程は、スクールで学ぶからこそ得られる醍醐味だと思います。せっかくスクールに通うのであれば、どれだけ手を動かすカリキュラムがあるのか、どれだけ講師からフィードバックをもらえる環境なのかを重視してみてくださいね。

また、実践形式はスキルアップだけでなくポートフォリオ作りにもつながります。スクールによっては転職サポートも充実しているので、ぜひ合わせてチェックしてみてください。

Web制作全体のことが学べるか

Webデザイナーとして就職したり、仕事を得たりするためには、デザインツールが使えるだけでは通用しません。実際の現場では、なんのためにWebサイトを作るのか、どういった人に使われるサイトなのかなど、論理的に考えた上でデザインをしていきます。さらにクライアントワークではマーケティングの知識やコミュニケーションスキルが必要不可欠です。

Web制作全体のことを学べるカリキュラムになっているかどうかも、選定ポイントに入れてみてくださいね！

学習が続けやすい環境か（通学orオンライン等）

Webデザインを学びはじめた方のほとんどは、「なかなか時間がとれない……」「やる気が続かない……」というお悩みを抱えています。スケジュール管理が問われる状況下だからこそ、モチベーションが自然と上がる環境に身を置けるかどうかってとても重要ですよね。

たとえばスクール選びの基準のひとつに「授業形式」があり、大まかに下記の3種類に分けることができます。

オンライン完結型のスクールの場合、24時間いつでも学習できるなど時間の融通がきくことが多いです。ただしPCの準備やインターネットなど学習環境は自分で整える必要があることも（なかには機材をレンタルしているところもあります）。

通学型のスクールはオンライン完結型のスクールよりも総じて料金は高くなりますが、講師や仲間に囲まれて学びに集中できる、いわば塾のような環境だと思います。ただし立地や営業時間に通いやすさが左右されてしまうデメリットも。日常生活に組み込めるかどうかを事前にイメトレしましょう！

またオンラインと通学が選べる、または組み合わせたスクールも多くあります。当校も通学とオンライン両方の学習スタイルを提供していますが、毎日通う方もいれば、週1回の通学＋自宅オンライン学習の方もいますよ。

最近はコロナの影響もあり、スクールのオンライン化もどんどん進んでいます。どんな環境だったら学び抜けるのか、ぜひ自分にあった場所を模索してみてください。

▼おすすめのオンラインスクールはこちらにまとめてみました！

【2021】自宅でWebデザインを学べる！おすすめオンラインスクール13選

東京のおすすめWebデザインスクール

東京都内に校舎がある、通学しやすいWebデザインスクールをまとめました！ 多くのスクールはオンライン・通学が選べるようになっています。

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

https://liginc.co.jp/studioueno/

Web制作事業を展開する私たちLIGと、デジタル教育の圧倒的な実績を誇るデジタルハリウッドがコラボして設立されたWebデザインスクールです。社会人から学生まで幅広い層の方が通われています。自分の好きな時間に学べるカリキュラムや、LIGの現役デザイナーやクリエイターから学べる授業も充実しています。定期的な個別学習相談会や担任制度もあり、安心して学習できます。転職を目的としている方は、LIGヘの採用や、提携の会社を通して就職の斡旋をおこなっています。月々の支払い5,400円～のプランもございますので、お気軽にご相談ください！

「LIG」とは？

2009年設立、東京都台東区発のWeb制作会社。これまで国内外において30以上ものWebデザインアワードを受賞している。Web制作だけでなく、月間450万PVのWebメディア「LIGブログ」で培ったマーケティングのノウハウを生かしたコンテンツ企画力も強み。👉制作実績

「デジタルハリウッド」とは？

創業25年を誇るデジタル専門プロ養成スクール。チームラボ株式会社、株式会社スクエア・エニックスなどの有名企業をはじめ、世界で活躍するクリエイターを数多く輩出している。

資料請求はこちらから

個別説明会はこちらから

Winスクール

https://www.winschool.jp/

全国各地に校舎を構えるWinスクール。資格取得や就職支援にも力を入れているので、資格を取りながら目に見える形で力を付けていける環境です。

📋資料請求
💡無料体験・説明会

ヒューマンアカデミー

https://haa.athuman.com/academy/webdesign/

IllustratorやPhotoshop講座といった単科コース（3時間・16,500円～）から、Webデザイナー、Webディレクターを目指す方のためのセットコースまでラインナップされています。全国に29教室もあるため、ご自宅近くの教室を探すことができるのも特徴です。

KENスクール

http://www.kenschool.jp/

開校して31年、パソコンスクールとして運営されてきた「KENスクール」は、Webデザイン以外にも3D-CAD、Office、ネットワークまでの幅広い講座が充実しているのが特徴です。3時間から学べる単科講座も用意されていて、短い期間でお手軽に通学できます。

オンライン受講を希望の場合、「KENスクール ONLINE」のお申込みが必要です。

📋資料請求
💡無料カウンセリング

バンタンデザイン研究所 キャリアカレッジ

https://www.vantan-career.com/

東京と大阪の2拠点に構えるバンタンデザイン研究所キャリアカレッジ。忙しい転職者や学生であっても「週1なら通えるかも」という方も多いのではないでしょうか。週1日で4時間の通学が可能なプランもあるので、仕事をしながら少しずつ学習を進めたい人にとって学びやすい環境です。

📋資料請求
✎入学までの流れ

東京デザインプレックス研究所

https://www.tokyo-designplex.com/

デジタルデザイン・空間デザイン・ビジネスデザイン・コミュニケーションデザインの領域が学べる専門学校。短期集中型の昼間部、週2～3ペースで通う夜間部、土日集中クラスなど、ライフスタイルにあわせた通学が可能です。ポートフォリオアドバイスや施設利用など、修了後のサポートが手厚いのが特徴でもあります。

📋資料請求
✎入学募集要項

オンラインのおすすめWebデザインスクール

コロナ禍でも安心！ 一度も通学することなく、完全オンラインで学べるオンラインWebデザインスクールもご紹介します！

CodeCamp

https://codecamp.jp/

ビデオ通話を利用した、オンラインのマンツーマンレッスンです。オンラインなので、忙しい社会人の方でも場所を選ばず受講が可能です。WebデザインコースはPhotoshop・Illustratorを使って基礎からツールの使い方を学ぶことに特化したコースや、自分のデザインでWebページをつくることをゴールとする上級者向けコースもあります。

TechAcademy

https://techacademy.jp/

定期的に現役デザイナーによるマンツーマンメンタリングが受けられます。テキストベースのカリキュラムで、不明点があればオンラインで質問も可能。同じカリキュラムを短期でこなす4週間プラン～ゆっくり学習したい人向けの16週間プランと、自分のペースで学習が進められます。早期申込により、受講料の割引が受けられるのも嬉しいポイント。

💡無料説明会動画

▼もっとオンラインスクールが知りたいという方はこちら！

【2021】自宅でWebデザインを学べる！おすすめオンラインスクール13選

東京のおすすめ職業訓練校

さいごに、Webデザインを学びながらお金がもらえる職業訓練校をご紹介します。職業訓練校とは、就職を目的としたスクールのことをいいます。受講費用は無料（テキスト代などはかかります）で、国から職業訓練受講給付金をもらうことができます。ただし下記が受給の条件となるので注意が必要です。基本的に、在職中の方は対象にはなりません。

• ハローワークに求職の申込みをしていること
• 雇用保険被保険者や雇用保険受給資格者でないこと
• 労働の意思と能力があること
• 職業訓練などの支援を行う必要があるとハローワークが認めたこと

参考：職業訓練受講給付金（求職者支援制度）｜厚生労働省

ファウンデーション フェリカTA

http://www.felica.info/kikin/web.shtml

Webサイト制作全般が学べる通学型の求職者支援訓練校です。受給資格の制限はありますが、なんと受講料が無料！ テキスト代の12,202円のみで半年の講義を受けることができるという、破格の値段設定です。

💡学校見学会
✎募集要項

タイプ別おすすめスクールまとめ

スクールの特徴を考慮して、「就転職者」「社会人」「副業・主婦（主夫）」「独学者」向けに、おすすめスクールを分類してみました！

就・転職希望者におすすめのスクール

いまや無料でカウンセラーによる就・転職サポートや求人紹介が受けられるのは当たり前。今回は、就・転職に不可欠なポートフォリオにも載せられる作品がカリキュラム内で作れるスクールを選んでみました。

• デジタルハリウッドSTUDIO by LIG
• ヒューマンアカデミー（一部講座のみ）
• TechAcademy
• ファウンデーション フェリカTA
• 東京デザインプレックス研究所

社会人におすすめのスクール

オンライン完結、時間に融通がきく、通い方のカスタマイズ性など、働きながらでも続けやすいスクールを選んでみました。

• デジタルハリウッドSTUDIO by LIG
• ヒューマンアカデミー
• CodeCamp
• TechAcademy
• Winスクール
• KENスクール
• バンタンデザイン研究所 キャリアカレッジ

▼こちらの記事もおすすめ

社会人が働きながら通えるWebデザインスクール4選！転職を成功させる秘訣を卒業生に聞いてみた

副業・主婦（主夫）におすすめのスクール

今回の記事では詳しく紹介していないですが、副業を得るためにスキルアップしたい方や、お子さんを持つ方に嬉しいサービスのあるスクールはこちら。

• SHElikes（シーライクス）
• Famm（ファム）
• たのまな

独学者向けのWeb講座も

気軽に単科から購入できる買い切りの講座や、サブスクリプション制のオンライン講座は、独学の方にもおすすめです。

• Udemy
• Schoo

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

Webデザインスクールでは、おもに以下のツールや言語を学ぶことができます（実際にどこまで学べるかはスクールによって異なるため、コースの詳細をチェックしてみてくださいね）。

デザインツール

Adobe Photoshop

写真を加工・合成したり、デザイン・イラストの作成ができる画像編集ソフトウェア。写真素材をベースにしたデザインをする際によく用いるツールです。

Adobe Illustrator

テキストと画像を組み合わせたレイアウトの作成や、図形を組み合わせたイラスト作成ができるソフトウェア。ロゴの作成や印刷物のデザインをする際によく用いるツールです。

Adobe XD

Webサイトのワイヤーフレームやデザインカンプ（デザイン見本図）を作成できるUI/UXデザインツール。コメント機能などクライアントへの共有に便利なので、Web制作の現場でよく使われるツールのひとつです。

Webサイトの見た目に関わる言語

HTML/CSS

HTML、CSSともに、Webサイトの見た目を構築する基本の言語で、セットで使われます。

HTML（Hyper Text Markup Language）は、タイトル・見出し・画像・リンクなど、要素の構造を指定するための言語です。一方で、CSS（Cascading Style Sheets）は、HTMLで指定した要素をどのように装飾して表示させるかを指定する言語です。

▼詳しくはこちらの記事を見てみてください！

そもそもHTMLって？Webデザイナーを目指すなら知っておくべき基礎知識【入門編】

そもそもCSSって？Webデザイナーを目指すなら知っておくべき基礎知識【入門編】

JavaScript/jQuery

JavaScript、jQueryは、Webサイトの見た目に動きをつける言語です。

JavaScriptは、HTMLのコードに埋め込んでブラウザの動的なエフェクトを実行できるプログラミング言語です。LIGブログでいうと、右下にでている「↑（上矢印）」を押すとページの最上部にググッと移動します。こういう動きをおこなえるのが、JavaScriptです。jQueryは、JavaScriptをより簡単な記法で表現できる、JavaScriptライブラリのひとつです（ライブラリとは、汎用性の高い複数のプログラムを再利用できる形にまとめたものをいいます）。

Webサイトの構築に関わるソフトウェア

WordPress

WordPressは、Webサイトを構成するテキストや画像、デザイン、レイアウト情報などを一元的に管理できる、無料CMS（Contents Management System）のひとつです。テンプレートが用意されているので、プログラミングの知識がなくてもWebサイトを作成できることが特徴です。

その他デザイナーとして身につけるべきスキル

実際にWebデザイナーとして働くためには、さらに身につけなければならないことがたくさんあるんです。たとえば……

• Webサイトが完成するまでの全体像を把握し、周囲の人と協力しながらプロジェクトを前進させるWebディレクションスキル
• お問い合わせ獲得や認知拡大など、Webサイトを作る目的を実現するためになにが必要かを考えるマーケティングスキル

Webデザイナーとして転職することを目指すのであれば、ぜひこれらは合わせて身につけていくことをおすすめします。

Webデザイナーの役割とは？ 先輩デザイナーに聞いてみた

「Webデザイナーのお仕事についていまいち具体的な想像がつかない……」という方に向けて、Web制作におけるWebデザイナーの役割について、弊社のデザイナーに聞いてみました！

	デザイナー：みやクライアント案件を多数手がけ、提案にも定評のあるLIGのベテランデザイナー。

	デザイナー：ななみん他業種から未経験でLIGのデザイナーに転職。現在デザイナー歴2年。

Webデザイナーってどんなお仕事？

一言でいうと、「Webサイトを作る人」です。デザインだけでなく、コーディングまで行う人をWebデザイナーと指すこともあり、業務範囲は多岐にわたります。年々「Webデザイナー」という言葉は広く曖昧になってきていて、最近はUIデザイナーとか、アニメーションをつけるモーションデザイナーなどなど、特化型のデザイナーも増えています。

フリーランスと制作会社の仕事の違いって？

フリーランスで活動している人のなかには、デザインからコーディングまで一人で担当するだけでなく、Webサイト以外にも名刺やロゴを請け負ったり、写真を撮ったり……。Webデザイナーという肩書でWeb以外のデザインを担当することもあると思います。

一方で（フリーランスの働き方と比較すると）LIGのデザイナーは業務範囲が狭いですね。そのぶんデザインに注力できるのがメリットだと思います。僕の場合は、クライアントのヒアリングから参加して、企画から設計、デザインまでを担当しています。とはいえ、昔は設計の部分をディレクターが担当していたので、だんだんとWebデザイナーの職域が広がっているのは感じます。

制作会社と事業会社の仕事の違いって？

制作会社は多種多様なクライアントからお仕事をいただける、事業会社は自分たちで良いものを作り上げていく、ってイメージです。

制作会社のほうは新規の案件が中心で、たくさんのクライアントさんと関わってさまざまなデザインをしていくことが多いと思います。逆に事業会社だと運用中心になり、UXデザイン・UIデザインなどを意識して改善を繰り返していく業務が多くなるかもしれません。なので、プロダクトに寄り添う姿勢は重要になってくると思います。もちろん事業会社でも新規事業やサービスの販促物制作など新規の案件もあると思いますが。

これから求められるWebデザイナーのスキルとは？

情報設計ができることですね。ヒアリングをしてどんなコンテンツやデザインが必要なのかを自ら提案できるWebデザイナーがよいと思います。

丁寧なヒアリングやコンサルティングから、課題を解決するデザインを作ってアウトプットするところまでを一貫して任せられるような人材が求められていると思います。

未経験からデザイナーを目指すには？

とにかくWebデザインを見まくるしかないと思います。UIのテクニックやトレンドを見て、細かいところからデザインのスキルを上げていく。その後自分が手を動かさないコンサルティング的なところに広げていくイメージです。

いろいろなデザイナーがいて、それぞれ必要なスキルが違うので、最初に自分がどんなデザイナーになりたいのか、という理想像をしっかりと掲げることが大切だと思います！

▼二人のインタビューをもっと詳しく知りたい！ という方は、ぜひ以下の記事で続きをご覧ください。

【Webデザイナーになりたいアナタへ】LIGの現役Webデザイナーに聞く！本当に求められる役割やスキルとは

独学派vsスクール派？ 先輩デザイナーに聞いてみた

	独学派：おまめフリーランスのフォトグラファーからLIGに転職。「ポートフォリオサイト」「古代文明のメディア」自作のためにWebデザインを学びはじめた。現在は自社デザイナーとして働いている。

	スクール派：えびちゃん元銀行員。デジタルハリウッドSTUDIO by LIG卒業後、LIGに入社し、現在は自社デザイナーとして働いている。女性向け、綺麗めなデザインが好き。

どうしてスクール/独学を選んだの？

独学派のおまめさん

もともとデザイナーをお仕事にするつもりはなくて、大学時代に趣味の一環でWebデザインの勉強をはじめたんです。学生でお金がなかったこともあり、未経験OKのデザイナーインターン募集だったりと、お金をもらいながらWebデザインを学べるような機会に積極的に飛びついていました（笑）。スクールを選ばなかったのは、職にするために技術を学びたかったわけではなく、自分がしたいこと（ポートフォリオサイトの制作）を実現するためにデザインを勉強しはじめたからでしょうか。

スクール派のえびちゃん

私はデザイナーへの転職目的で学びはじめました。スクールを選んだのは、周りにデザイナーの知り合いがおらず、気軽にフィードバックをもらえる環境が欲しかったからです。あとは働きながら勉強する必要があったので、スクールのほうが効率よく体系的に学べると思いました。

スクール/独学に向いているのはどんな人？

独学に向いている人・向いていない人

独学が向いているのは、私のように「こういうサイトが作りたい」など作りたいものが明確な人ですね。自分が好きなものを好きなように作りたいだけだったので、独学でよかったと思います。性格的に考えるよりもとりあえずやってみたいという人も、まずは独学からはじめてみてもいいかもしれません。

独学が向いていないのは、デザイナーとして手に職つけて働きたい人です。独学では何をするにも時間がかかったし、そもそもデザインの基礎のキもわかっていない状態だったので、今思えばあれは「勉強」というより「創作活動」に近かったのかも……。何を学んだら良いのかわからない人や、基礎から体系的に学びたい人は、スクールが良いと思います。

スクールに向いている人・向いていない人

働きながら学びたい、仲間がいたほうがモチベーションに繋がる、いろいろな人と情報交換したい、という人はスクールが向いていると思います。あとは、自分だけでは学習のペースが作れないから期限を定めてほしい、という人もスクール向きですね。

スクールが向いていないのは、やっぱりおまめさんみたいにやりたいことがはっきりしている人じゃないでしょうか。コーディングだけ学びたいなど、目的が明確であれば自学習も可能だと思います。

スクールって実際どうなの？ 在校生・卒業生体験記

在校生のデザイン学習奮闘記

当スクールの受講生が、個人のブログでスクールライフやデザインを勉強する様子を紹介しています。ぜひ覗いてみてください！

• PCほとんど触ってこなかった人間がwebデザインを勉強したら #1｜sunakawa | webデザイン勉強中｜note

そのほか、Twitterでも受講生がリアルタイムでつぶやいています。スクールでどういうふうにデザインを学んでいるのか、気になる方はチェックしてみてくださいね！

👉受講生のツイートをチェックしてみる👀

卒業生スクール体験談

当スクールの卒業生に、スクール生活の様子や卒業後の進路、勉強のコツなどを聞いてみました。「スクールって実際どうなんだろう？」と気になる方はぜひ覗いてみてください！

「学ぶのはしんどいけど、楽しい」公務員からWebデザイナーへ転職した市川さんのお話 #デジLIG

未経験からWebディレクターにキャリアチェンジ！デジLIG卒業生にスクールでの学びと転職活動のリアルをインタビューしてみた

未経験で銀行員からWebデザイナーへ！元デジLIG生が語る、転職の秘訣とは？

ネイリストからWebデザイナーに転職！デジタルハリウッドSTUDIO by LIG卒業生・赤石さんにインタビュー！

元＆現役文系大学生のふたりがダブルスクールをしてWebデザイナーになるまでのお話【デジタルハリウッドSTUDIO】

社会人が働きながら通えるWebデザインスクール4選！転職を成功させる秘訣を卒業生に聞いてみた

「最初はパソコンすら立ち上げられなかった」完全未経験だったエミイさんがSTUDIOに入って急成長したお話

卒業生が制作した作品集

「スクールに通うとどんなWebサイトが作れるようになるんだろう？」という方に向けて、卒業生が在学中に制作した作品もご紹介します！

どんなサイトが作れるようになる？デジLIG「Webデザイナー専攻」卒業生作品まとめ

「デジタルハリウッドSTUDIO by LIG」は毎日個別説明会実施中！

私たち「デジタルハリウッドSTUDIO by LIG」の個別説明会では、カリキュラムの説明はもちろんのこと、みなさんのご希望やご状況をヒアリングした上で、これからどんなスキルや経験が必要か、真摯にアドバイスいたします。ぜひ少しでもご興味あれば、気軽にご予約ください！

スクールの特徴

• Web制作会社LIGが運営しているから、実践的なスキルが学べる！
• マンツーマンの転職相談やポートフォリオ添削をいつでも受付中！
• 幅広く学べるのも魅力！ 通常カリキュラムとは別に、Webディレクションやマーケティングが学べる授業を定期開催！

無料の個別説明会を予約する！

自分にあったスクールが見つかりますように！

以上、天でした!