独学でWebデザインを学ぶのは難しい?【現役Webデザイナーが解説】

パソコンで学習している女性

今回は、独学でWebデザインを学ぶことは可能なのか?について解説しています。

ジョウ

筆者はヒューマンアカデミーWEBデザイン講座(WEBディレクターコース)、KENスクールのレスポンシブWebデザイン講座を受講済。そして現役Webデザイナーです。

Webデザインの独学は難しいのか?

独学でWebデザインを学習する難易度

結論、Webデザイン初学者が独学で、学習するのは、とても難しいです。なぜならば、Webデザインは、学習する範囲が広く、かつ、デザインには正解というものがありません。それゆえに、自分で学習の方向性が正しいのかやデザインのフィードバックなどもありません。
独学することは、おすすめしません。

Webデザイナーへの挫折率とその理由

Webデザインの独学の挫折率は、公式な統計数値がないものの、一般的に挫折率が高いと言われています。以下の理由があります。

  • モチベーションの維持が難しい
  • Webデザインの参考書を完走できない。
  • 疑問点を解決できない。

Webデザイン独学のメリットとデメリット

独学のメリット

費用を抑えられる

メリットは、学習費用を少なくできます。スクールによって大きく異なりますが、スクールに通うとなると、費用は、20万~40万ほどかかります。

自分のペースで学習できる

仕事やプライベートで学習できる時間が少ない方は、自分のペースで学習できます。週末だけや朝、仕事終わりの数時間だけ勉強するなどが可能です。

独学のデメリット

学習方法がわからない

自分で最適な参考書や学習ツールを選び、疑問点がでてきても、自分で解決していなけらばいけません。ウェブデザインについて、ネット情報は豊富にありますが、すべての疑問点を解決できる情報はありません。

挫折しやすい

独学では、自分のペースで学習できる反面、すべては、自分次第ということで、モチベーションの維持が難しいです。高い意識を保たないと、挫折しやすいのが現状です。

Webデザインに必要なスキル

デザインスキル

  • アドビソフトのillustrator、PhotoshopXDの操作。(Figmaも操作できれば理想)
  • コーディングの知識
  • コミュニケーション能力
  • 配色、フォント、レイアウト、あしらいの知識

コーディングスキル

  • HTML、CSS、JavaScriptの知識及び、コーディング技術
  • WordPressなどのCMSの知識及び、開発技術

コミュニケーション能力

  • クラインアントへのヒアリングや合意形成、チームメンバーとの意思疎通など。

Webデザインの独学方法

オンライン動画やYouTubeを利用した学習方法

オンライン動画で学習する際は、Udemyがおすすめです。Webデザインに関する講座が豊富で、
キャンペーン中は、一つの講座を3000円ほどで購入可能です。また、schooもおすすめです。
Webデザインについて初歩的なことを学習できます。

初心者向けWebデザイン独学ステップと期間の目安

Web制作の概要を学ぶ

まず、Webデザインを学ぶ前に、Web制作にかかわる用語やWebの仕組みを学習しましょう。
いわゆるWebリテラシーを学習することでWeb制作の全体像を把握します。

HTMLとCSSを学ぶ

HTMLとCSSは、Webサイトを作成する上でかかせない、マークアップ言語です。よくプログラミング言語と間違えられますが、正確には、マークアップ言語です。文章の構成や役割を示すことを意味します。 HTMLはWebサイトを作成する際に、コンピューターへ構成指示を出し、表示したい文章をマークアップします。

JavaScriptを学ぶ

JavaScriptは、Webサイトに動きをつけるプログラミング言語です。現在のWebサイトでは、動きのあるWebサイトがほとんどです。JavaScriptを学習することをおすすめします。

デザイン制作ソフトの操作方法を学ぶ

デザイン制作ソフトは、Adobeの製品一択です。Photoshopとillustrator、XD、余力があれば、Figmaなどのデザイン制作ソフトの操作方法をまずは、学習します。

Webサイトを制作する

実際に架空のWebサイトを作成します。ここでおすすめの制作方法は、実際の制作現場の流れのように、ヒアリングから企画、構成案、デザインカンプ作成、実装という流れで着手しましょう。

独学でWebデザイナーを目指す人へのアドバイス

挫折しないための学習計画の立て方

  • 自分のペースを把握する
  • 目標を設定する
  • 優先順位を決める
  • 学習開始時間を習慣化する

就職・転職、フリーランスへのステップアップの方法

実務経験を積むことが最善の道です。昨今はクラウドワークスやランサーズ、ココナラなどのクラウドソーシングでWeb制作案件が豊富にあります。まずは実務経験を積むことを優先して、バナー制作など比較的簡単な案件から挑戦していきましょう。

Webデザインの学習資料とツール

無料・有料の学習教材と推奨書籍の紹介

無料の学習教材

YouTube

YouTubeにも、Webデザインに関して発信している動画が多くあります。ただしWebデザインのさわりや基礎的な部分が多く、全体的に学ぶにはYouTubeだけでは困難です。

Chot.design
chot.designサイトの画像

Chot.designは、株式会社Donblerさんが運営している無料のデザイン学習サイトです。
デザインの基礎知識がテキストベースでまとめられており、すべて無料で学ぶことができます。

chot.design

SkillHub
SkillHubのサイト画像

フリーランス、起業したい人、転職したい人のための初心者から学べる学習サイトです。デザインから、コーディング技術まで幅広く学習できます。講座は、無料で13講座まで受講可能です。

SkillHub

有料の学習教材

ドットインストール
ドットインストールのウェブサイトの画像

ドットインストールは、3分以内の動画を通して、Webサイトのコーディングからアプリ開発などのプログラミングまで学べるサービスです。隙間時間で学習できるのがポイント。

ドットインストール

Udemy
Udemyのサイトの画像

Udemyは、カリキュラムベースでコンテンツが提供されています。 Webデザインに関しての動画が豊富にあります。アドビのソフトの学習などはUdemyがぴったりです!

Udemy

独学に必要な環境の構築

なんといっても、パソコンがなければ始まりません。Webデザイナーにおすすめのパソコンスペックをご紹介します。推奨スペックは、以下の記事で解説しています。

Webデザインにおすすめなパソコン3選

  • OSはWindowsもしくはMAC
  • CPUは、intel COREi5かintel COREi7又はAMDRyzen5以上のシリーズがおすすめです。
  • メモリは16GB以上。
  • ストレージはSSD。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

ABOUT US
ジョウ
個人法人営業職に3年程、携わり上司からの無謀な売上目標に病み、鬱一歩手前になる。そして何かスキルを身に着けたいと思い2020年4月からヒューマンアカデミーとKENスクールでWebデザインを学ぶ。そして無事、制作会社に就職!このブログではWebデザインに関する情報や私と同じように人生や仕事などに悩んでいる方に有益な情報を提供し、少しでも背中を押すようなブログを運営したいと思っています!!