
【2021】自宅でWebデザインを学べる!おすすめオンラインスクール13選
こんにちは、Webデザインスクール「デジタルハリウッドSTUDIO by LIG」の天です。
今回は「Webデザインを学びたいけど、たくさんある学校の中でどこが良いのかわからない!」という方に、東京にある注目のWebデザインの学校をピックアップしました! 最近のコロナ禍で「通学に抵抗あるな」……という方にもおすすめの、オンラインで学べる学校もあわせてご紹介します。
また、私たちがおすすめするWebデザインスクールの選び方を3つ紹介します。どのスクールにしようか迷った際はぜひ参考にしてくださいね。
知識やツールの使い方をインプットするだけであれば本や映像教材でも十分に学べますが、自分が作ったWebデザインに講師からフィードバックをもらい改善していく過程は、スクールで学ぶからこそ得られる醍醐味だと思います。せっかくスクールに通うのであれば、どれだけ手を動かすカリキュラムがあるのか、どれだけ講師からフィードバックをもらえる環境なのかを重視してみてくださいね。
また、実践形式はスキルアップだけでなくポートフォリオ作りにもつながります。スクールによっては転職サポートも充実しているので、ぜひ合わせてチェックしてみてください。
Webデザイナーとして就職したり、仕事を得たりするためには、デザインツールが使えるだけでは通用しません。実際の現場では、なんのためにWebサイトを作るのか、どういった人に使われるサイトなのかなど、論理的に考えた上でデザインをしていきます。さらにクライアントワークではマーケティングの知識やコミュニケーションスキルが必要不可欠です。
Web制作全体のことを学べるカリキュラムになっているかどうかも、選定ポイントに入れてみてくださいね!
Webデザインを学びはじめた方のほとんどは、「なかなか時間がとれない……」「やる気が続かない……」というお悩みを抱えています。スケジュール管理が問われる状況下だからこそ、モチベーションが自然と上がる環境に身を置けるかどうかってとても重要ですよね。
たとえばスクール選びの基準のひとつに「授業形式」があり、大まかに下記の3種類に分けることができます。
オンライン完結型 | Web上で学習が完結する。講師とのやりとりもビデオ通話やチャットを通して可能。 |
---|---|
通学型 | 校舎に通学して学ぶ。講師や受講生と対面のコミュニケーションができる。 |
オンライン+通学型 | オンラインと通学が選べる、または組み合わせたスクール。 |
オンライン完結型のスクールの場合、24時間いつでも学習できるなど時間の融通がきくことが多いです。ただしPCの準備やインターネットなど学習環境は自分で整える必要があることも(なかには機材をレンタルしているところもあります)。
通学型のスクールはオンライン完結型のスクールよりも総じて料金は高くなりますが、講師や仲間に囲まれて学びに集中できる、いわば塾のような環境だと思います。ただし立地や営業時間に通いやすさが左右されてしまうデメリットも。日常生活に組み込めるかどうかを事前にイメトレしましょう!
またオンラインと通学が選べる、または組み合わせたスクールも多くあります。当校も通学とオンライン両方の学習スタイルを提供していますが、毎日通う方もいれば、週1回の通学+自宅オンライン学習の方もいますよ。
最近はコロナの影響もあり、スクールのオンライン化もどんどん進んでいます。どんな環境だったら学び抜けるのか、ぜひ自分にあった場所を模索してみてください。
▼おすすめのオンラインスクールはこちらにまとめてみました!
【2021】自宅でWebデザインを学べる!おすすめオンラインスクール13選
Webデザインスクールでは、おもに以下のツールや言語を学ぶことができます(実際にどこまで学べるかはスクールによって異なるため、コースの詳細をチェックしてみてくださいね)。
写真を加工・合成したり、デザイン・イラストの作成ができる画像編集ソフトウェア。写真素材をベースにしたデザインをする際によく用いるツールです。
テキストと画像を組み合わせたレイアウトの作成や、図形を組み合わせたイラスト作成ができるソフトウェア。ロゴの作成や印刷物のデザインをする際によく用いるツールです。
Webサイトのワイヤーフレームやデザインカンプ(デザイン見本図)を作成できるUI/UXデザインツール。コメント機能などクライアントへの共有に便利なので、Web制作の現場でよく使われるツールのひとつです。
HTML、CSSともに、Webサイトの見た目を構築する基本の言語で、セットで使われます。
HTML(Hyper Text Markup Language)は、タイトル・見出し・画像・リンクなど、要素の構造を指定するための言語です。一方で、CSS(Cascading Style Sheets)は、HTMLで指定した要素をどのように装飾して表示させるかを指定する言語です。
▼詳しくはこちらの記事を見てみてください!
そもそもHTMLって?Webデザイナーを目指すなら知っておくべき基礎知識【入門編】
そもそもCSSって?Webデザイナーを目指すなら知っておくべき基礎知識【入門編】
JavaScript、jQueryは、Webサイトの見た目に動きをつける言語です。
JavaScriptは、HTMLのコードに埋め込んでブラウザの動的なエフェクトを実行できるプログラミング言語です。LIGブログでいうと、右下にでている「↑(上矢印)」を押すとページの最上部にググッと移動します。こういう動きをおこなえるのが、JavaScriptです。jQueryは、JavaScriptをより簡単な記法で表現できる、JavaScriptライブラリのひとつです(ライブラリとは、汎用性の高い複数のプログラムを再利用できる形にまとめたものをいいます)。
WordPressは、Webサイトを構成するテキストや画像、デザイン、レイアウト情報などを一元的に管理できる、無料CMS(Contents Management System)のひとつです。テンプレートが用意されているので、プログラミングの知識がなくてもWebサイトを作成できることが特徴です。
実際にWebデザイナーとして働くためには、さらに身につけなければならないことがたくさんあるんです。たとえば……
Webデザイナーとして転職することを目指すのであれば、ぜひこれらは合わせて身につけていくことをおすすめします。
▼弊社のデザイナーにWebデザイナーに求められる役割やスキルの話を聞いたこちらの記事もおすすめです。
【Webデザイナーになりたいアナタへ】LIGの現役Webデザイナーに聞く!本当に求められる役割やスキルとは
東京都内に校舎がある、通学しやすいWebデザインスクールをまとめました! 多くのスクールはオンライン・通学が選べるようになっています。
https://liginc.co.jp/studioueno/
授業形式 | オンライン+通学型 |
コース・期間・税込料金 | 入学金:¥55,000-(講座追加ごとに+1.1万円) Webデザイナー専攻(6ヶ月)¥440,000- グラフィック経験者プラン(6ヶ月)¥352,000- Web担当者プラン(6ヶ月)¥352,000- Webデザイナー専攻 + WordPress講座(8ヶ月)¥525,800- ※ 120回までの分割払いも可能(例¥8,554×60回) ※ 上記費用には設備費(¥55,000-)も含まれています |
時間あたりの授業料の目安 | 1ヶ月:¥49,500〜58,850 1時間:¥3,468 |
身につくスキル | デザイン基礎 / Illustrator / Photoshop / HTML / CSS / JavaScript / カメラ / ライティングなど、コースによって異なります。 |
場所 | 上野、池袋、大宮 |
サポート体制 | オンライン・オフラインでの不明点質問(無制限) ソフト・ハードウェアの特別価格購入 就職・転職サポート フリーランスの方へのお仕事提供 など |
Web制作事業を展開する私たちLIGと、デジタル教育の圧倒的な実績を誇る“デジタルハリウッド”がコラボして設立されたWebデザインスクールです。自分の好きな時間に学べる画期的なカリキュラムや、LIGの現役デザイナーやクリエイターから学べる授業も充実しています。定期的な個別学習相談会や担任制度もあり、安心して学習できます。転職を目的としている方は、LIGヘの採用や、提携の会社を通して就職の斡旋をおこなっています。
未経験で銀行員からWebデザイナーへ!元デジLIG生が語る、転職の秘訣とは? 未経験からWebディレクターにキャリアチェンジ!デジLIG卒業生にスクールでの学びと転職活動のリアルをインタビューしてみた
どんなサイトが作れるようになる?デジLIG「Webデザイナー専攻」卒業生作品まとめ
https://haa.athuman.com/academy/webdesign/
授業形式 | オンライン+通学型 |
コース・期間・税込料金 | 入学金:¥11,000- + 教材費、システム利用料 Webビジネス総合コース(6ヶ月)¥356,070- Webデザイナートータルコース※(10ヶ月)¥433,510- Webデザイナーエキスパートコース(12ヶ月)¥715,000- ※ 教育訓練給付制度適用 |
時間あたりの授業料の目安 | 1ヶ月:¥43,000~59,300 |
身につくスキル | デザイン基礎 / Photoshop / Illustratorなど、コースによって異なります。 |
場所 | 新宿、銀座、立川 など |
サポート体制 | 教育訓練給付制度利用可 就職・転職サポート など |
IllustratorやPhotoshop講座といった単科コース(3時間・16,500円~)から、Webデザイナー、Webディレクターを目指す方のためのセットコースまでラインナップされています。全国に29教室もあるため、ご自宅近くの教室を探すことができるのも特徴です。
授業形式 | 通学+オンライン型 |
コース・期間・税込料金(詳細) | 入学金:¥19,800- + テキスト代:¥9,900~※ ※ コースによって異なります 単科講座(7.5時間~)¥41,800~ WEBスタンダード(5/7ヶ月)¥206,800~ WEBデザイナー(7/9ヶ月)¥277,200~ WEBクリエイター(5/7ヶ月)¥206,800~ WEBマスター(9/10ヶ月)¥327,800~ など ※ 講座によって教育訓練給付制度が適用 |
時間あたりの授業料の目安 | 1ヶ月:¥37,400~41,360 1時間:¥3,428~4,136 |
身につくスキル | Photoshop / HTML / CSSなど、コースによって異なります。 |
場所 | 北海道・東北エリア 都内・南関東エリア 四国エリア など |
サポート体制 | ソフトウェアの特別価格購入 教育訓練給付制度利用可 転職・就職相談 など |
全国各地に校舎を構えるWinスクール。資格取得や就職支援にも力を入れているので、資格を取りながら目に見える形で力を付けていける環境です。
授業形式 | オンライン+通学型 |
コース・期間・税込料金 | 入学金:¥33,000- Web Basicマスターコース(3ヶ月)¥155,100- Web実践コース(6ヶ月)¥290,400- Web実践就転職総合コース(6ヶ月)¥377,300- Web実践プロデザイングラフィック就転職総合コース(9ヶ月)¥556,600- など |
時間あたりの授業料の目安 | 1ヶ月:¥48,400~61,800 1時間:¥3,522~4,081 |
身につくスキル | Photoshop / HTML / CSS / Dreamweaverなど、コースによって異なります。 |
場所 | 新宿、池袋、北千住 など |
サポート体制 | 個別授業フリータイム制度 インターンシップ制度 就職・転職サポート など |
開校して31年、パソコンスクールとして運営されてきた「KENスクール」は、Webデザイン以外にも3D-CAD、Office、ネットワークまでの幅広い講座が充実しているのが特徴です。3時間から学べる単科講座も用意されていて、短い期間でお手軽に通学できます。
オンライン受講を希望の場合、「KENスクール ONLINE」のお申込みが必要です。
https://www.vantan-career.com/
授業形式 | 通学型 |
コースの種類 | 入学金:¥50,000- グラフィックデザインコース(6/12ヶ月)¥430,000~ アートワーク&イラストコース(6/12ヶ月)¥430,000~ 空間デザインコース(6/12ヶ月)¥430,000~ フォトグラフィコース(6/12ヶ月)¥430,000~ など |
時間あたりの授業料の目安 | 1ヶ月:¥57,500~71,600 1時間:¥4,130 |
身につくスキル | DTB基礎/Illustrator/Photoshopなど、コースによって異なります。 |
場所 | 東京(恵比寿)、大阪 |
サポート体制 | 教育クレジット利用可 など |
東京と大阪の2拠点に構えるバンタンデザイン研究所キャリアカレッジ。忙しい転職者や学生であっても「週1なら通えるかも」という方も多いのではないでしょうか。週1日で4時間の通学が可能なプランもあるので、仕事をしながら少しずつ学習を進めたい人にとって学びやすい環境です。
https://www.tokyo-designplex.com/
授業形式 | 通学型 |
コース・期間・税込料金 |
入学金:¥33,000- Web&スマートフォンサイト制作コース(185時間)¥583,000- Webデザイン総合コース(235時間)¥693,000- Webクリエイティブ総合コース(285時間)¥803,000- など ※ 給付金制度対象講座あり |
時間あたりの授業料の目安 | 1ヶ月:¥80,300~97,100 1時間:¥2,817~3,151 |
身につくスキル | デザイン基礎 / Illustrator / Photoshop / HTML / CSS / JavaScript / jQuery / Adobe XD / マーケティング / UI・UXデザインなど |
場所 | 渋谷 |
サポート体制 | 教育訓練給付制度利用可 キャリアセンターの就職サポート 修了後も3年間学校設備が使える など |
デジタルデザイン・空間デザイン・ビジネスデザイン・コミュニケーションデザインの領域が学べる専門学校。短期集中型の昼間部、週2~3ペースで通う夜間部、土日集中クラスなど、ライフスタイルにあわせた通学が可能です。ポートフォリオアドバイスや施設利用など、修了後のサポートが手厚いのが特徴でもあります。
コロナ禍でも安心! 一度も通学することなく、完全オンラインで学べるオンラインWebデザインスクールもご紹介します!
授業形式 | オンライン完結型 |
コース・期間・税込料金 | 入学金:¥33,000- デザインマスターコース(2/4/6ヶ月)¥148,000~ |
時間あたりの授業料の目安 | 1ヶ月:¥55,000~82,500 1時間:¥7,500~12,700 |
身につくスキル | Illustrator / Photoshop / HTML / CSS / JavaScript / jQuery / Bootstrap |
サポート体制 | マンツーマンレッスン キャリア実現お祝い制度 キャリアアドバイザーによる転職サポートなど |
ビデオ通話を利用した、オンラインのマンツーマンレッスンです。オンラインなので、忙しい社会人の方でも場所を選ばず受講が可能です。WebデザインコースはPhotoshop・Illustratorを使って基礎からツールの使い方を学ぶことに特化したコースや、自分のデザインでWebページをつくることをゴールとする上級者向けコースもあります。
授業形式 | オンライン完結型 |
コース・期間・税込料金 | Webデザインコース(1/2/3/4ヶ月)¥174,900~ |
時間あたりの授業料の目安 | 1ヶ月:¥84,975~174,900 1時間:¥3,400~8,500 |
身につくスキル | デザイン基礎 / Photoshop / HTML / CSS / jQuery / Sassなど |
サポート体制 | チャットサポートあり 現役デザイナーによるメンタリング 無料の転職サービス利用可能 |
定期的に現役デザイナーによるマンツーマンメンタリングが受けられます。テキストベースのカリキュラムで、不明点があればオンラインで質問も可能。同じカリキュラムを短期でこなす4週間プラン~ゆっくり学習したい人向けの16週間プランと、自分のペースで学習が進められます。早期申込により、受講料の割引が受けられるのも嬉しいポイント。
▼もっとオンラインスクールが知りたいという方はこちら!
【2021】自宅でWebデザインを学べる!おすすめオンラインスクール13選
さいごに、Webデザインを学びながらお金がもらえる職業訓練校をご紹介します。職業訓練校とは、就職を目的としたスクールのことをいいます。受講費用は無料(テキスト代などはかかります)で、国から職業訓練受講給付金をもらうことができます。ただし下記が受給の条件となるので注意が必要です。基本的に、在職中の方は対象にはなりません。
http://www.felica.info/kikin/web.shtml
授業形式 | 通学型 |
コース・期間・税込料金 | Webサイト制作科(6ヶ月)テキスト代 ¥12,202- |
身につくスキル | Illustrator / Photoshop / PHP / HTML / CSSなど |
場所 | 池袋 |
サポート体制 | 職業訓練受講給付金 インターンシップ制度 求人斡旋 |
Webサイト制作全般が学べる通学型の求職者支援訓練校です。受給資格の制限はありますが、なんと受講料が無料! テキスト代の12,202円のみで半年の講義を受けることができるという、破格の値段設定です。
スクールの特徴を考慮して、「就転職者」「社会人」「副業・主婦(主夫)」「独学者」向けに、おすすめスクールを分類してみました!
いまや無料でカウンセラーによる就・転職サポートや求人紹介が受けられるのは当たり前。今回は、就・転職に不可欠なポートフォリオにも載せられる作品がカリキュラム内で作れるスクールを選んでみました。
オンライン完結、時間に融通がきく、通い方のカスタマイズ性など、働きながらでも続けやすいスクールを選んでみました。
▼こちらの記事もおすすめ
社会人が働きながら通えるWebデザインスクール4選!転職を成功させる秘訣を卒業生に聞いてみた
今回の記事では詳しく紹介していないですが、副業を得るためにスキルアップしたい方や、お子さんを持つ方に嬉しいサービスのあるスクールはこちら。
気軽に単科から購入できる買い切りの講座や、サブスクリプション制のオンライン講座は、独学の方にもおすすめです。
![]() |
独学派:おまめフリーランスのフォトグラファーからLIGに転職。「ポートフォリオサイト」「古代文明のメディア」自作のためにWebデザインを学びはじめた。現在は自社デザイナーとして働いている。 |
---|
![]() |
スクール派:えびちゃん元銀行員。デジタルハリウッドSTUDIO by LIG卒業後、LIGに入社し、現在は自社デザイナーとして働いている。女性向け、綺麗めなデザインが好き。 |
---|
当スクールの卒業生に、スクール生活の様子や卒業後の進路、勉強のコツなどを聞いてみました。「スクールって実際どうなんだろう?」と気になる方はぜひ覗いてみてくださいね!
未経験で銀行員からWebデザイナーへ!元デジLIG生が語る、転職の秘訣とは?
ネイリストからWebデザイナーに転職!デジタルハリウッドSTUDIO by LIG卒業生・赤石さんにインタビュー!
元&現役文系大学生のふたりがダブルスクールをしてWebデザイナーになるまでのお話【デジタルハリウッドSTUDIO】
社会人が働きながら通えるWebデザインスクール4選!転職を成功させる秘訣を卒業生に聞いてみた
「最初はパソコンすら立ち上げられなかった」完全未経験だったエミイさんがSTUDIOに入って急成長したお話
私たち「デジタルハリウッドSTUDIO by LIG」の個別説明会では、カリキュラムの説明はもちろんのこと、みなさんのご希望やご状況をヒアリングした上で、これからどんなスキルや経験が必要か、真摯にアドバイスいたします。ぜひ少しでもご興味あれば、気軽にご予約ください!
デジタルハリウッドSTUDIO by LIGの説明会を予約する!
自分にあったスクールが見つかりますように!
以上、天でした!