現代の情報社会において、WEBデザインスキルは非常に需要の高いスキルとなっています。
そのため、独学でWEBデザインを勉強して転職やフリーランスを目指している人も多いのではないでしょうか。
ただ、実際に勉強するとなると「どれくらいの期間勉強すればWEBデザイナーになれるんだろう」「そもそも独学って可能なの？」といった不安が出てくると思います。
そこで本記事では、独学でWEBデザイナーになるために必要な期間や、効率的な勉強方法を解説していきます。
ちょうど今からWEBデザインの勉強を始めようと考えていた方は、ぜひ始める前にこの記事を読んでみてください。
WEBデザインのスキルを身につけることで、未経験からでも大手制作会社への転職や、副業での成功を実現できる可能性が広がります。
実際に、私たち日本デザインスクールの受講生の中には、30代未経験からスキルを磨き、卒業1ヶ月で制作会社に転職。さらに副業でも成功し、収入を2倍にした方もいます！
「未経験だけど挑戦してみたい」「新しいキャリアに踏み出したい」というあなた。まずは、その一歩を踏み出すためのヒントを手に入れませんか？
以下の記事では、未経験から制作会社に転職を果たした方のインタビューを通じて、成功の秘訣を詳しくご紹介。未経験から転職するうえでのヒントを得られるのでぜひ読んでみてくださいね。
【お知らせ】
2000名以上の人生を変えるキッカケになった「好きなことで生きていく！WEBデザイナーという働き方セミナー」では、
などをお伝えしています。今だけ無料で開催しているので「WEBデザインの学び方がわからない」「WEBデザイン業界について知りたい」という方はぜひご参加ください。
＞＞詳しくはこちら
独学でWEBデザインを勉強するのに必要な期間（時間）
勉強のステップを紹介する前に、まずはWEBデザインの勉強に必要な期間を解説します。
WEBデザイナーになるために必要な勉強期間は、どのレベルのWEBデザイナーになりたいかによって大きく変わってきます。
なので、本項目では「WEBデザインの基礎を学ぶ場合」と「コーディングまで学んでWEBサイト制作を1人でできるようになるまで」の2パターンで解説します。
WEBデザインの基礎だけなら300時間(3か月～半年)
まず、WEBデザインの基礎を学んでデザインだけで稼げるようになるまでには大体300時間の学習が必要だと言われています。
WEBデザインだけで稼ぐために必要になるスキルは以下の2つです。
- デザインの基礎知識やコツ
- WEBデザインツール（主にPhotoshop）の操作スキル
「デザインにはセンスが必要」と考えている方は多いですが、実はWEBデザインは基本的な原則やルールを覚えてしまえば誰でも一定レベル以上のデザインを作成することができます。
なのでまずはデザインの基礎を徹底的に頭に叩き込み、基礎を踏襲したデザインをPhotoshopやIllustratorで作成できるようになることが重要であり、そのためには約300時間の学習が必要だとされています。
もちろん、300時間の学習を終えた後も日常的に「流行りのデザインをチェックする」「街中にあるデザインを分析する」などの勉強はする必要があるので、そこは忘れないようにしましょう。
コーディングスキルまで身につける場合は600時間（半年〜1年）
続いて、WEBサイトを1人で構築するためにコーディングスキルを身につける場合は大体600時間の勉強が必要だとされています。
具体的な勉強の内訳は以下の通りです。
- WEBデザインに関する知識（40時間）
- Photoshopの操作（30時間）
- Illustratorの操作（30時間）
- HTML、CSS（150時間）
- JavaScript（250時間）
- 実際のサイト制作（100時間）
こちらではWEBデザインだけで稼ぐ必要はなくなるため、WEBデザインとデザインツールに関する勉強時間を120時間と抑えめにしていますが、それだけ抑えてもコーディングに関する勉強だけで500時間は取られることになってしまいます。
なので、人によっては600時間よりさらに長く時間がかかってしまうことも考えられるでしょう。
ただし時間をかけた分、コーディングもしっかり行えるWEBデザイナーは受けられる案件の幅と単価が大幅に増えるため、学んだ分のリターンはしっかりあります。
フリーランスとしてもガッツリ稼ぎたいと考えている方は、時間をかけてでもコーディングまで身につけるようにすることをおすすめします。
独学でいち早くWEBデザインスキルを身につける独学ロードマップ
本項目では、独学でもいち早くWEBデザインのスキルを身につけるための効率的な方法をロードマップ形式で紹介します。
あくまでここで紹介するのは「最短でWEBデザイナーになるための最低限のスキルを身につける方法」のため、コーディングに関しては軽く基礎だけを触れる形で解説します。
しっかりコーディングも学びたい方は、今回紹介する手順に加えてHTML/CSS、JavaScriptの本格的な勉強も追加でおこなうようにしてください。
ステップ1.WEBデザインツールの基礎操作を覚える
効率的にWEBデザインの勉強をしたい場合、まずはデザインツールの基本操作から学んでいきましょう。
WEBデザイナーとして働くには「Photoshop」「Illustrator」「Adobe XD」などさまざなツールが必要だと言われていますが、今は制作の現場でも「Photoshop」が使えれば十分だとされています。
なので、まずはバナーを作るために必要な最低限の機能だけを覚えるようにしましょう。
最低限、次の機能を覚えればWEBデザインの基本であるバナーは作れます。
- 文字ツール
- 移動ツール
- なげなわツール
- 自動選択ツール
- レイヤースタイル
- カラーバランス
残りの機能は実際にデザインを作成しながら、必要になったときに覚えるようにしてください。
「本当にこれだけでいいの？」と不安になった方は、現役WEBデザイナーが最低限のツールだけでバナー作成しているこちらの動画を参考にしてみてください。
ステップ2.WEBデザインの基礎知識を覚える
最低限のツールの使い方を覚えたら、次は色彩理論やタイポグラフィ、レイアウトのルールなどのWEBデザインの基礎知識を学びましょう。
先ほども触れたように、デザインはセンスよりも原則やルールを学ぶことの方が重要になってきます。なのでこの項目で力を抜くことなく、専門書やオンラインの教材を活用してしっかりと理解を深めるようにしましょう。
▼WEBデザインの基礎・基本については以下の記事で紹介しているので、詳しく知りたい方はこちらで読んでみてください。
ステップ3.模写やトレースで良いデザインを覚える
模写・トレースは、他者の良質なデザインを手を動かして再現する学習方法です。
この方法はデザインの良い点や使われているテクニックを直接体感しながら学ぶことができるので、デザイン初心者には効果的な学習方法だと言われています。
ただし模写はあくまで学習目的で行うものなので、他者のデザインをトレースしたものを自作として公開、商用利用などは絶対にしてはいけません。
最悪の場合は著作者から訴えられ、二度とデザインの世界に戻ることができなくなると覚えておきましょう。
ステップ4.コーディングの基礎を身につける
先ほどはWEBデザインだけをする場合はコーディングの知識は必要ないと解説しましたが、最低限のコーディングの知識は持っておいて損はありません。
WEBデザイナーとして制作会社に就職した場合、制作はチーム単位でおこなうため、コーダーがWEB上に反映させられないようなデザインを次々に作成してしまうとトラブルが発生してしまいます。
- WEBサイトにアップできないデザインを作ってしまう
- コーダーとのコミュニケーションが取れない
といった弊害が起こります。
そのため、HTML/CSS基礎知識（HTML/CSSが何かわかり、簡単な修正ならできるレベル）は身につけましょう。
基礎知識であれば、Progateといった無料サイトやHTML/CSSについての本で十分学べます。コーダーに嫌われないWEBデザイナーでいるために、必ず勉強しておきましょう。
ステップ5.参考をもとにデザインをしてみる
模写やトレースを繰り返すことで得た知識や技術を活用して、独自のデザインを作成してみましょう。
これまで学んできたことをベースに、自分のアイデアやスタイルを取り入れることができます。参考デザインを元にしつつも、オリジナリティを持たせることが大切です。
独自の色彩やレイアウト、グラフィックを取り入れることで、他と差別化したデザインを目指しましょう。
デザインの際は、ユーザビリティやアクセシビリティも常に考慮すべきです。
エンドユーザーにとって使いやすく、見やすいデザインを心掛けることで、より良質なWEBページを制作できます。
ステップ6.WEBデザイナーを探して添削を受ける
独学でのデザイン学習も一定のレベルに達したら、外部の意見や評価が非常に価値あるものとなります。
経験豊富なWEBデザイナーに自身の作品を見てもらい、具体的なアドバイスや添削を受けることで、さらなるスキルアップが期待できます。
プロのデザイナーからのフィードバックは、自己評価が難しい独学の中での大きな指標となるでしょう。
その意見をもとに作品の修正やブラッシュアップを行うことで、より完成度の高いデザインを目指すことができます。
＜before＞
＜after＞
＜before＞
＜after＞
また、添削を受けることで、自分の弱点や盲点を知ることもできます。これは今後の学習の方向性を定める上で、非常に役立つ情報となるでしょう。
【お知らせ】
まずは無料でWEBデザインを学びませんか？
デザインに少しだけ興味がある方に向けて、豪華な無料プレゼントを用意しました。
✔️ WEBデザイン20レッスン
✔️ WEBデザイナータイプ診断
✔️ 60分でバナーが作れるレッスン動画
✔️ 月収3万円が叶う！副業ロードマップ
✔️月100万稼いだデザイナーによる特別動画講座
WEBデザインの独学に役立つ教材・コンテンツ
独学でWEBデザインを学ぶためには、自分で教材やコンテンツを探す必要があります。
中には無料で学べるものも多いので、積極的に活用していきましょう。
勉強しやすいコンテンツを選ぶことで、効率的に学習を進めることができますよ。
ここからは、独学でWEBデザイナーを目指す方に向けて、役立つ教材やコンテンツをカテゴリ別にご紹介します。
無料サイト
独学でWEBデザインを学びたい場合、無料サイトを活用してみるのもひとつの方法です。
WEBデザインやコーディングの基礎が分かりやすく解説されたものを無料で閲覧できるため、学びたいスキルに合わせたものを選びましょう。
また、WEBデザインギャラリーでは、現役WEBデザイナーの作品が多数掲載されているので、デザインの参考にしたい時におすすめです。
独学におすすめの無料サイト
| サイト名 | 特徴 |
| サルワカ | WEBデザイン初心者でも分かりやすい |
| chot.design | WEBデザインスキルを網羅的に学べる |
| Adobeラーニングとサポート | WEBデザインソフトの使い方が学べるAdobe社公式サイト |
WEBデザインが学べる無料サイトは、なるべく費用をかけずに勉強したい人におすすめですよ。
ブログ
WEBデザインの基礎知識を学ぶことはもちろん大切なのですが、実際のWEBデザイナーの働き方を知ることで、実践的なスキルを学ぶことができます。
そんな時に役立つのが、ブログです。
ブログは、WEBデザイナーとしての実践的なスキルを学べるだけでなく、WEBデザインを制作する時の参考資料にもなるので、積極的に活用しましょう。
独学におすすめのブログ
| サイト名 | 特徴 |
| 日本デザイン | WEBデザインスクールが教える実践的な情報が満載 |
| Photoshop VIP | Photoshopのノウハウを知りたい方におすすめの大人気ブログ |
| デザイン研究所 | 独学からWEBデザイナーになった人が運営する個人ブログ |
| デザナル | WEBデザイナーの基礎知識をカテゴリ別に分かりやすく解説 |
| WEBクリエイターボックス | 人気書籍の著者が手掛けるHTMLやCSSの基礎が学べるブログ |
現役WEBデザイナーのノウハウが詰まったブログは、独学でWEBデザインを学ぶ人にとって学びの宝庫と言えます。
図解や動画付きで分かりやすく解説されたものが多いので、参考にしてみましょう。
ここで紹介したものは数多くあるデザインブログのほんの一部です。お伝えしたもの以外にもWEBデザインを学べるブログを知りたい方は以下の記事を読んでみてください。
YouTube
WEBデザインを学べる無料コンテンツのひとつとして、YouTubeが挙げられます。
近年、在宅ワークや副業の需要が高まっていることから、WEBデザイン関連のYouTube動画が増えてきています。
特に、現役のWEBデザイナーが実践的に解説してくれる動画は、文字だけで説明されているものよりも実際の作業イメージがつきやすいというメリットがあります。
そのため、文章を読むことが苦手な方にもおすすめですよ。
独学におすすめのYouTubeチャンネル
| チャンネル名 | 特徴 |
| ゼロイチWEBデザイン：未経験からWEBデザイナーへ | 最速最短でWEBデザイナーになりたい方が、楽しくWEBデザインを学べる |
| HIROCODE.ヒロコード | 実務的なWEBデザイン知識が学べる |
| mikimiki web スクール | WEBデザインをイチから学びたいママ・主婦におすすめ |
| MappyPhoto | Photoshopの基礎を分かりやすく解説 |
| MUUUUU.TV | トレンドや実践的なWEBデザインを学びたい人のための、ワンランク上の動画チャンネル |
現役WEBデザイナーが発信する最新情報が無料で視聴できるので、独学でWEBデザイナーになりたい人はYouTube動画を活用しない手はありませんね。
書籍
独学での勉強手段として、最初に本をイメージする方も多いのではないでしょうか。
本は、WEBデザインの教材として最もポピュラーな選択肢です。
初心者向けから上級者向けまで、さまざまなレベルのWEBデザイン本が販売されているので、自分のレベルや目的に合わせたものを選びましょう。
独学におすすめのWEBデザイン本
| 書籍名 | 特徴 |
| 見るだけでデザインセンスが身につく本 | WEBデザインに必要な基本セオリーが、眺めているだけで身に付く初心者におすすめの本 |
| なるほどデザイン〈目で見て楽しむ新しいデザインの本〉 | Amazonベストセラー1位！楽しみながら学べるWEBデザイン本 |
| いちばんよくわかるWebデザインの基本きちんと入門[第2版] | 初心者におすすめ！一生使えるWEBデザインのテクニック集 |
| レイアウト・デザインの教科書 | レイアウトの基本的ルールから応用テクニックまでを分かりやすく解説した一冊 |
| これからはじめるPhotoshopの本 | 最速でPhotoshopを使えるようになりたい人におすすめの本 |
WEBデザインでは、流行やトレンドを意識することも大切です。
そのため、10年以上前に発売された本は情報が古くなっている可能性があります。
WEBデザイン本を探す際には発売日も確認し、最近のトレンドを取り入れたものを選びましょう。
他にもおすすめのWEBデザイン本がたくさんありますので、こちらの記事もぜひ参考にしてみてくださいね。
効率的にWEBデザインを勉強するコツ
WEBデザインを独学で学ぶ際、ただ学習するだけではなく、どのように効率よく学習するかも非常に大切なポイントとなります。
特に情報が溢れる現代では、賢い学習方法を選ぶことが成功のカギです。ここでは、効率的にWEBデザインを学ぶためのコツをご紹介します。
実際に作品を作りながら知識を身につける
理論だけを学ぶのではなく、実際にデザインを作成することで知識が定着します。
学んだことをすぐに実践することで、その知識の有用性や適用方法を直感的に理解できます。
特に、オリジナルのデザインを制作する際、問題や困難に直面するでしょう。その都度解決策を考え、乗り越えることで、実践的なスキルや知識を深めることができます。
また、定期的に自身の作品を振り返り、改善点や新しいアイディアを考えることも、大いにスキルアップの糧となります。
これらのプロセスを繰り返すことで、自分自身の成長を感じられるでしょう。
日常生活から意識してデザインを見る
日々の生活の中で、私たちは無意識に多くのデザインに触れています。街中の看板やウェブサイト、さらには雑誌や書籍のレイアウトまで、日常はデザインで溢れています。
これらのデザインを意識的に観察することは、自身のデザインセンスを磨く絶好のチャンスです。
特に自分が感じる「なぜこのデザインが良いのか」を考えながら見ることで、深い理解を得ることができます。
また、逆に気に入らないデザインに出会った時も、その理由を深掘りすることは有益です。
自分ならどうデザインするかを考えることで、より具体的な知識や技術の必要性を実感できるでしょう。
1人でも多くの人に自分の作品を見てもらう
デザイン作品は、他者の目を通して初めて価値がわかります。
自分では気づけない点や新しい視点を提供してもらえるため、フィードバックは非常に価値のあるものです。
作品を多くの人に見てもらうことで、多様な意見や評価が得られます。
自分のデザインがどのように受け取られるのか、理解を深めることができるでしょう。
しかし、必ずしもすべての意見に振り回されることなく、自分のデザインの方向性をしっかりと持つことも大切です。
受け取ったフィードバックを元に、冷静に次のアクションを考えることが求められます。
勉強前にもう一度把握しておきたい独学の実態
独学での学びは、多くの自由度を持ちながらも、その道のりは決して平坦ではありません。
特にWEBデザインのような専門的な分野では、知識や技術の更新が非常に早いため、独学の難しさが増します。
独学のメリット・デメリット
| メリット | デメリット |
| ・自分のペースで学べる ・場所や時間に縛られない ・興味がある領域に特化できる ・費用が抑えられる | ・疑問もった時に質問できる人がいない ・モチベーションの維持が難しい ・長期化すると孤独感を感じることがある ・最新情報に追いつけないのも自己責任 ・間違った情報や勘違いのまま覚えるリスク |
独学のメリットはやはり費用が抑えられること。ツールや本を買ったとしても勉強費用は数万円で抑えられます。
自分のペースで学べるのも良い点ですね。忙しい社会人でも無理せずにWEBデザインを勉強できます。
その一方で、何をすれば良いかわからなくなるのも大きなデメリット。
情報が溢れる中、どの情報が自分にとって有益なのかを見極めるのは難しいです。
また、独学では得られるフィードバックが限られています。
自分の作ったデザインが実際にどの程度の質なのか、第三者の視点での評価ができないのも独学の難しさの一つです。
独学者が注意すべき落とし穴
独学の最中には、自己満足に陥りやすいという落とし穴があります。
自分の中で完結してしまうと、新しい知識や技術の取得が停滞してしまいがちです。
また、間違った情報や古い知識を鵜呑みにしてしまうリスクもあります。
確実な情報源を選ぶことの重要性は、独学者にとっては特に大きいです。
さらに、継続的な学習のモチベーションを保つことの難しさも落とし穴の一つです。
定期的な自己評価や目標設定を行い、学習の方向性を常に明確にすることが求められます。
独学が不安・上手くいかないという方はスクールがおすすめ
独学でWEBデザインを学ぶ際、多くの方が困難や不安を感じることがあります。
そんな方々にとって、WEBデザインスクールは有益な選択肢となる可能性が高いです。
質の高い指導や継続的な学習のサポートが受けられるスクールの利用は、成功への近道となるでしょう。
WEBデザインスクールのメリット・デメリット
| メリット | デメリット |
| ・経験豊富な講師から直接指導される ・的確な知識や技術を効率的に学べる ・他の学生との交流で触発される | ・独学よりも費用がかかる ・スクールや講師によって指導の質が異なる |
スクールの最大のメリットは、経験豊富な講師から直接指導を受けられる点です。的確な知識や技術を効率的に学ぶことが可能となります。
また、他の学生との交流を通じて、新しい視点やアイディアを得ることができます。
このようなコミュニケーションの場は、独学では得られない貴重な経験と言えるでしょう。
しかし、スクールのデメリットとして、費用が挙げられます。継続的な学費は、一定の経済的負担となるかもしれません。
スクールによっては指導の質が異なるため、選ぶスクールによっては期待する成果が得られない可能性も否めません。
WEBデザインスクールの選び方のポイント
スクールを選ぶ際の第一のポイントは、講師の質や経歴をしっかりと確認することです。
実績のある講師からの指導してもらえれば、大きなレベルアップを見込めます。
また、カリキュラムの内容や受講生のレビューも重要な参考情報となります。自分の目的やニーズに合ったスクールを選択できます。
実際の授業の雰囲気や設備、サポート体制も確認しておきたいポイント。継続的な学習をサポートする環境が整っているかを確かめましょう。
【作品のBefore/afterあり】独学失敗後にスクールに通った方の事例
独学とスクールのどちらを選ぶか迷っている方のなかには、どれくらい違うのか気になる方もいらっしゃると思います。
どちらを選ぶか判断するための材料として、独学失敗後にWEBデザインスクール通った方がどれくらいレベルがアップしたかをお見せしますね。
独学失敗後にスクールに通った東本さん
東本亜弥さん
現在のお仕事：Wordpressへのサイト移行や、ロゴデザインのお手伝い、お客様へのWordpressマニュアル作成。
スクールに通ったことによる作品のbefore/after
| Before | After |
|---|---|
 |  |
独学でWEBデザイナーを目指す方からよくある質問
最後に、独学でWEBデザイナーを目指す方からよく聞かれる質問と、その答えをお伝えしていきますね。
独学をするのにおすすめなのは本とサイトどちらですか？
結論から言うと、本とサイトはどちらを使用して勉強しても構いません。
補足すると、両方を組み合わせて学習するのが、最もおすすめな方法と言えます。
そのためにはまず、本とサイトそれぞれメリットとデメリットを理解しておきましょう。
| メリット | デメリット | |
| 本 | 体系的に学べる図やイラストで理解しやすい情報の信頼性が高い | 最新の情報が反映されていない可能性がある（販売日が古いものには注意）質問や相談ができない |
| サイト | 無料で学べるものが多いスマホでも閲覧できるため、場所を選ばず学習できる最新の情報を確認できる | 情報量が多すぎるため、吟味が必要情報が間違っている可能性がある |
本とサイトを組み合わせて学習することで、デメリットをカバーすることができます。
例えば、
- 本でWEBデザインの基礎知識を身につける
- サイトを活用してトレンドや流行などの最新情報を学ぶ
このように、WEBデザインを独学する場合は、自分のレベルや目的に合わせて、本とサイトを上手に使い分けましょう。
資格の勉強をしたほうがいいですか？
資格の勉強は必須ではありません。WEBデザイナーは資格がなくても転職や案件受注ができるからです。
WEBデザイン業界は良くも悪くも実力主義。よい作品を作ることができれば、資格を持っているかどうかは関係ありません。
現に当社で活躍しているWEBデザイナーは全員資格を持っていませんし、当社がWEBデザイナーを採用するときも資格の有無を気にしていません。
ただし、どうしても入りたい企業が資格を必要としている場合は勉強をしましょう。
現役WEBデザイナーが資格について解説した記事はこちらです！
どのタイミングで仕事を取りはじめるべきですか？
独学をしている人が仕事を取り始める目安は次の2つです。
- プロのWEBデザイナーからOKをもらったとき
- 仕事が取れている人の作品と同じレベルになったとき
プロのWEBデザイナーに添削してもらえる場合はその人の意見を参考にしてみてください。
プロのWEBデザイナーが「これなら仕事が取れるよ」というレベルになれば、仕事を取り始めても大丈夫です。
教えてくれる人がいない場合は、ココナラというクラウドソーシングサービスで仕事を取れている作品がどんなものかを見てみましょう。
その作品と同じレベルのものが作れるようになれば、仕事を取れますよ。
知人にWEBデザイナーがいれば独学できますか？
1人で独学をするよりもWEBデザイナーになれる可能性は高まります。ただし、その場合は次の2つのことを確認してみましょう。
- 教えてもらう人の作品はクオリティが高いか
- 教えてもらう人はWEBデザインを教えた経験があるか
まず教えてもらう人の作品のクオリティが高いかを確認しましょう。
教えてもらう人の作品のクオリティが低い場合、その人から習ってもクオリティの高い作品を作れるようになれないリスクがあるからです。
また、その人にデザインを教えた経験があるかも聞いてみましょう。
全東大生が東大に入る人を育てられるわけではないように、WEBデザイナーになった人全員がWEBデザイナーを育てられるわけではありません。
特にWEBデザイナーのなかには感覚でよい作品を作れる天才肌の人もいて、そのような人に習ってもWEBデザインができるようにならないのです。
そのため、WEBデザインを教えた経験があるかは必ず確認しておきましょう。
まとめ
今回は独学でWEBデザインを学ぶのに必要な期間をお伝えしてきました。
お伝えしたことをまとめると次のようになります。
- 一般的には600時間かかると言われている
- デザインだけなら一般的な期間の半分以下になる
HTML、CSS、JavaScriptを独学で勉強をするのも良いですが、プログラミングはハードルが高いですし、ライバルも多いのでおすすめできません。
WEBデザイナーとして稼いでいくなら、デザインの分野に特化してまずは仕事を取れるくらいの作品を作れるようになりましょう。
デザインのクオリティが高ければ、コーディングができなくても十分仕事を取れますよ。
ぜひ今回ご紹介したことを参考にして、勉強してもらえればと思います。
あなたが独学でWEBデザインスキルを身につけ、WEBデザイナーとして活躍できることを願っています。
