【独学orスクール】未経験からのWebデザイン勉強法を比較

そんな方に向けて、独学とスクールを比較しながら費用・学習期間・仕事への活かしやすさ別に比較しました。

この記事でわかること

それでは解説をしていきます。

Webデザインの学習スタイル3つの比較

未経験者がWebデザインを勉強する場合、3つの学習スタイルがあります。

1. 独学で学ぶ
2. オンラインスクールで学ぶ
3. 通学タイプのスクールで学ぶ

それぞれのざっくりとした比較を一覧にして見ました。

	独学	オンラインスクール	通学タイプのスクール
学習コスト	○	△	×
好きな時間に学べる	○	○	×
好きな場所で学べる	○	○	×
学習期間の短さ	△	○	○
モチベーション維持の しやすさ	△	△	○
講師がいる	×	○	○
仲間がいる	×	×	○
就職サポート	×	○	○
PCの準備がいらない	×	×	○

それぞれにメリット・デメリットがあるのでさらに詳しく説明をします。
自分に合った勉強方法で悩んでいる方は、ぜひ参考にしてみてください。

独学：自分のペースに合わせて学べる

Webデザインの勉強は独学でも十分可能です！
基本的な使い方から応用まで、専門書や動画サービスが豊富にあるのでお金をかけずに空いてる時間で自由に学ぶことができます。

独学は、お金をかけずに自分のペースでコツコツ学習していきたい方におすすめできる勉強法です。

デメリットは、自分でモチベーション維持をしながら続けなければいけない点です。
自分のペースで学習はできますが、学習時間を取らなければいけません。
「いつまでに習得する」という期間と目標を決めてから進めることが大切です。

独学での学習方法① 専門書から学ぶ

Webデザインの基礎であれば、専門書から学ぶことができます。
独学だと「基本は本を読む、検索でわからないことを調べる」という方法で学ばれる方が多いです。

おすすめの専門書

初めて学ぶ方にはWebデザインと構築に必要なHTML/CSSの基礎知識が一緒に書かれている本がおすすめです。
また、デザインの幅を広げたい方はデザインに特化した本もあるので参考にしてみてください！

独学での学習方法② 無料Web学習サイトから学ぶ

最近は無料のWeb学習サイトも増えてきました。
実際に手を動かしながら学べるので、理解力も深まります。

すでにPC環境が整っている方は、まずは試してみてください。

chot.design

chot.designは、WebデザインやUI/UXデザインについて学べる学習サイトです。
無料で学べるのは基礎的な部分ですが、これからデザインを始める方にとってはおすすめのサイトです。

Progate

Progateは実践的にプログラミングが学べる学習サイトです。
Progateのサイト内で、実際にホームページを作ることができるので、より実践的に学ぶことができます。
無料で学べるのは基礎的な部分ですが、まずはホームページ制作を理解したい方にとってはおすすめのサイトです。

ドットインストール

ドットインストールは3分の動画でプログラミングが学べる学習サイトです。
無料で見れる範囲が広いので、これからプログラミングを始める方は十分に学ぶことができます。

独学での学習方法③ 動画サービスの活用

Photoshopことはじめオンライン講座

これからWebデザインを学ぶ方には必須ソフトの「Adobe Photoshop」

すでにPhotoshopを購入してる方は、Adobe公式のオンライン講座を見ることができます。
Photoshopのプランによって見れる動画が限られますが、基本的な使い方は学べますのでまずはこちらの講座を見ながらPhotoshopに慣れていただくことをおすすめします。

オンラインスクール：独学よりも効率よく・短期間で学べる

Webデザインの基礎やホームページの制作手順であれば独学で十分に学べますが、修得までに時間がかかります。

よくある挫折としては「調べても分からないことがでてくると学習を止めてしまう」というものです。

誰かにすぐ聞ける、自分の不得意なところを見つけてくれる環境があれば、モチベーションを維持しながら効率よく学ぶことができますよね。

オンラインスクールであればこのような問題を解消できるので、独学よりも効率よく・短期間の学びで仕事に繋げたい方にはおすすめです。

効率よく学べるオンラインスクール紹介

オンラインスクールはたくさんあるので、以下の観点から厳選をしました。

• 未経験からスタートできること
• 受講内容と受講料のバランスがいいこと
• 実績のある有名なスクールであること

TechAcademy

＼ 無料体験の申込で受講料が10,000円割引に！ ／

受講タイプ	オンライン
コース名	Webデザインコース
料金・プラン	4週間プラン：174,900円／学生 163,900円 8週間プラン：229,900円／学生 196,900円 12週間プラン：284,900円／学生 229,900円 16週間プラン：339,900円／学生 262,900円 ※すべて税込
個別レッスン	4週間プラン：7回 8週間プラン：15回 12週間プラン：23回 16週間プラン：31回
習得スキル	Webデザインの原則／ワイヤーフレーム／画像加工／HTML/CSS3／Sass／jQuery レイアウト・配色・タイポグラフィ、Webデザイン原則 HTML/CSSの理解とコーディングスキル 画像加工・ワイヤーフレームの理解 モバイルデザインの理解とレスポンシブデザイン対応 jQuery・Sassによる効率的な制作 オリジナルWebサイトのデザインスキル
総学習時間	160時間
対応時間	15:00～23:00
チャット	あり
教科書	受講後も閲覧可能
キャリア支援	転職サポートあり
無料体験	Webデザインコースの無料体験あり
その他	・受講に必要なソフトやPCは自分で用意 ・先行申込みで受講料5％割引あり

＼ 無料体験の申込で受講料が10,000円割引に！ ／

CodeCamp

＼ 無料カウンセリング申込で受講料が10,000円割引に！ ／

受講タイプ	オンライン
コース名	デザインマスターコース
料金・プラン	2ヶ月プラン：198,000円 4ヶ月プラン：308,000円 6ヶ月プラン：363,000円 ※すべて入学金＋税込
個別レッスン	2ヶ月プラン：20回 4ヶ月プラン：40回 6ヶ月プラン：60回
習得スキル	Photoshop・Illustrator・HTML/CSS・JavaScript・jQuery・Bootstrap
総学習時間	120～240時間
対応時間	7:00～24:00
チャット	あり（＋16,500円）
教科書	受講後も閲覧可能
講師の指名	可能
キャリア支援	就職・転職サポートあり
無料体験	無料カウンセリングあり
その他	・受講に必要なソフトやPCは自分で用意

＼ 無料カウンセリング申込で受講料が10,000円割引に！ ／

DMM WEBCAMP

＼ 無料体験受付中！ ／

受講タイプ	オンライン
コース名	Webデザインコース
料金・プラン	4週間プラン：169,800円 8週間プラン：224,800円 12週間プラン：279,800円 16週間プラン：334,800円 ※すべて税込
個別レッスン	4週間プラン：8回 8週間プラン：16回 12週間プラン：24回 16週間プラン：32回
習得スキル	Photoshop/Illustrator/Adobe XD Webデザインの原則／情報設計／サイトストラクチャ設計／ナビゲーション設計／ UI基礎実践（情報設計）／バナーデザイン／サイト制作
総学習時間	160時間
対応時間	15:00～23:00
チャット	あり
キャリア支援	副業サポートあり
無料体験	無料体験あり　※メンタリング・カリキュラムの体験が可能
その他	・Adobe Creative Cloud コンプリートプランを2ヶ月分無償提供 ・返金保証制度 ・学習期間延長OK（＋88,000円）

＼ 無料体験受付中！ ／

通学タイプのスクール：独学よりもモチベーションを維持しながら学べる

通学タイプのスクールだと、PCやソフトを用意しなくともすぐに学習がスタートできます。
修得までのスピード感や、受講後の就職支援を受けることができるのはオンラインスクールと同様です。

また、通学することで気持ちの切り替えや、同じスクールに通う仲間がいることで学ぶ意欲が強まりますよね。
お互いの気づきを共有することも”学び”に繋がります。

独学よりも効率よく・短期間で学び仕事に繋げたい、スクールの講師や仲間と同じ空間を共有したい。
そんな方には通学タイプがおすすめです。

通学可能なスクール紹介

通学・オンラインどちらでも受講可能なスクールを紹介します。
そのため、外に出にくい状況下での学習スタイル変更や、ライフスタイルやお仕事に合わせた選択など、自由に選ぶことができます。

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

＼ 個別相談会実施中！ ／

受講タイプ	通学・オンライン
コース名	Webデザイナー専攻
料金・プラン	6ヶ月：分割 5,400円〜／一括 495,000円 ※税込
習得スキル	Illustrator・Photoshop・Adobe XD・HTML・CSS・JavaScript・jQuery・ 名刺・バナー作成・画像加工・画像切り取り・サイト作成の流れ・デザイナーのためのフォント概論 ・ Web概論 デザインの基礎原則・デザインの企画提案・Webサイトの構成・オリジナルWebサイト制作・レスポンシブデザイン
総学習時間	112時間
受講期間	6ヶ月
教室	上野、池袋、大宮、北千住、川崎
営業時間	▼上野校の場合 火～金 12:00～22:00 土・日 10:00～20:00
キャリア支援	就職転職サポートあり
無料体験	個別説明会あり
その他	・Mac・ディアルディスプレイ完備 ・LIG運営のコワーキングスペース使い放題

＼ 個別相談会実施中！ ／

インターネット・アカデミー

＼ 無料体験実施中！ ／

受講タイプ	通学・オンライン
コース名	Webデザイナーコース
料金・プラン	分割 10,560円〜／一括 367,400円 ※税込
習得スキル	HTML/CSS・JavaScript・Dreamweaver・Photoshop・Illustrator
総学習時間	48～96時間（授業数24回）
受講期間	3～4ヶ月
教室	渋谷、新宿
営業時間	▼渋谷校の場合 (月火水金) 14:00～18:00 (木) 休校 (土日) 10:00～18:00
キャリア支援	就職転職サポートあり
無料体験	無料体験・資料請求あり
その他	・PC・ディスプレイ・自習室完備 ・豊富なコースの中から自分でカスタマイズ可能

＼ 無料体験実施中！ ／

まとめ

未経験からWebデザインを学ぶために、独学とスクールのメリット・デメリットなどをまとめました。
Webデザインを学ぶには、時間やお金の面からの投資は必要です。

この記事から、自分に合う勉強法を見つけていただけたら嬉しいです！