BLOG

独学でWebデザイナーになるためのロードマップ【実体験】

独学でWebデザイナーになる方法
kanri
本記事はこんな方にオススメです
  • 未経験からWebデザイナーに転職・就職したい方
  • Webデザイナー初心者の方
  • フリーランスWebデザイナーになりたい方
  • 副業Webデザイナーになりたい方

『独学でWebデザイナーになりたいけれど、何からやれば良いかわからない

という方のために、独学でWebデザイナーになるための方法をまとめました。

えりー
えりー

私自身、独学でWebデザイナーになったので、実体験を元に記事を書いています。

今回の記事では、

  • 独学でWebデザイナーになるために必要なもの
  • 独学でWebデザイナーになるために必要なスキル
  • 独学でWebデザイナーになるための勉強方法
  • 独学でWebデザイナーになるための勉強の順番
  • 独学でWebデザイナーになるためにかかる期間・費用

などについて解説します。

独学でWebデザイナーになることは可能

『そもそも、独学でWebデザイナーになることは可能なのか?』

『スクールに通わないと難しいのではないか?』

という疑問を持つ方も多いと思いますが、独学でWebデザイナーになることは可能です。

冒頭でもお伝えしたとおり、私自身が独学でWebデザイナーになったという経緯がありますし、難易度もそれほど高くはないからです。

えりー
えりー

大学受験のほうがよっぽど大変だと思います…

独学でWebデザイナーになるために必要なもの

まずは、Webデザイナーになるために必要なものを揃えましょう。

Webデザイナーになるために必要なもの(最低限)
  • パソコン
  • インターネット環境
  • Adobeソフト(Photoshop・Illustrator 等)

必要に応じて参考書を買っても良いですが、最低限必要なものはこれだけです。

えりー
えりー

意外と少ないですよね。パソコンとインターネット環境がある方は、あとはソフトだけでOK!

パソコンとソフトについては、下記記事もあわせてご覧ください。

あわせて読みたい
【わかりやすい!】Webデザイナーにおすすめのパソコンの選び方
【わかりやすい!】Webデザイナーにおすすめのパソコンの選び方
あわせて読みたい
Webデザイナーに転職・就職するために必要なソフトは3つのみ
Webデザイナーに転職・就職するために必要なソフトは3つのみ

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

次に、Webデザイナーになるために最低限必要なスキルを把握しておきましょう。

Webデザイナーになるために必要なスキル(最低限)
  • Webデザインスキル
  • ソフトのスキル(Photoshop・Illustrator)
  • コーディングスキル(HTML・CSS・JavaScript)

ソフト(Photoshop・Illustrator)の操作を学びながら、Webデザインのセオリーを身に付けましょう。

コーディング(HTML・CSS・JavaScript)の基礎知識も必要です。

必要なスキルについてさらに詳しくは、下記記事もあわせてご覧ください。

あわせて読みたい
未経験からWebデザイナーになるために最低限必要なスキルは3つ
未経験からWebデザイナーになるために最低限必要なスキルは3つ

独学でWebデザイナーになるための勉強方法

必要なものを揃えて、必要なスキルがわかったら、後は勉強あるのみ!

独学でWebデザイナーになるためにおすすめの勉強方法をご紹介いたします。

独学でWebデザイナーになるための勉強方法
  • Webデザイン…Webサイトの模写
  • ソフト…Adobe公式サイトや参考書 等
  • コーディング…プログラミング学習サイト

Webデザインの勉強方法

Webデザインスキルを身につけるためには、Webサイトの模写がおすすめです。

デザインの見本サイト(下記など)を利用して、色々なWebサイトを模写してみましょう。

出典:https://muuuuu.org/

▼縦長のwebデザインギャラリー・サイトリンク集|MUUUUU.ORG
https://muuuuu.org/

模写のやり方については、また別の記事で解説したいと思います。

えりー
えりー

デザインがうまくなるためには、とにかく経験値を積むしかありません

ソフトの勉強方法

出典:https://www.adobe.com/jp/creativecloud.html

ソフトのスキルは、Webサイトの模写をしながら、わからないところを下記Adobe公式サイト(もしくはGoogle)で調べる、だけでも身につけることは可能です。

出典:https://helpx.adobe.com/jp/support/photoshop.html

ただ、それだけだとイマイチよくわからない場合は、PhotoshopとIllustratorの初心者向け参考書をそれぞれ1冊ずつ購入しても良いと思います。

私が実際に購入してみて、わかりやすかったと思う参考書を下記に挙げておきますね。

《おすすめの参考書》
『Photoshop しっかり入門(出版社:SBクリエイティブ)』『Illustrator しっかり入門(出版社:SBクリエイティブ)』

えりー
えりー

ソフトの機能は山ほどありますが、とりあえず、Webデザインを作るために必要な操作方法だけマスターすればOKです

コーディングの勉強方法

ソースコード

コーディングの勉強方法は、プログラミング学習サイトがおすすめです。

参考書よりもつまづきにくく、初心者の方が学習しやすいと思います。

おすすめのプログラミング学習サイトは以下のとおりです。

おすすめプログラミング学習サイト
出典:https://prog-8.com/
えりー
えりー

私は特にProgateがお気に入りです。キャラクターのワンちゃんが可愛い…!

あわせて読みたい
コーディングが苦手だったWebデザイナーが解説(コーディング勉強方法・スキルレベル等)
コーディングが苦手だったWebデザイナーが解説(コーディング勉強方法・スキルレベル等)

独学でWebデザイナーになるための勉強の順番

独学でWebデザイナーになるための勉強の順番に特に決まりはありませんが、おすすめは以下のとおりです。

おすすめの勉強の順番
  • Webデザインとソフトは一緒に習得する
  • ソフトはPhotoshop→Illustratorの順で学ぶ
  • コーディングは、HTML+CSS→JavaScriptの順で学ぶ

デザインとコーディングは、どちらから勉強し始めても構いません。

Webデザインとソフト(Photoshop・Illustrator)は、一緒に習得すると効率が良いです。

PhotoshopとIllustratorでは、一般的に使用頻度が高いPhotoshopから習得するのがおすすめです。

コーディングは、HTMLとCSSをセットで勉強してから、JavaScriptの基礎を学びましょう。

えりー
えりー

HTMLとCSSは同時に学んだほうが理解度が高まります

独学でWebデザイナーになるためにかかる期間・費用

独学でWebデザイナーになるためにかかる期間

独学でWebデザイナーになるためにかかる期間

早くて数ヶ月~半年程度

独学でWebデザイナーになるためにかかる期間は、早くて数ヶ月~半年程度だと思います。

えりー
えりー

私の場合は、数ヶ月程度勉強しました

私の場合、元々Webデザイナーになろうと思っていたわけではなく、趣味でHTMLなどのWebの勉強をしていただけでした。その期間が大体数ヶ月程度です。

たまたま、自社Webサイト運営の求人に応募したところ、採用されたのがきっかけでWebデザイナーになりました。

なので、就職してから仕事についていくことにかなり苦労しました。

えりー
えりー

就職してからのほうが頑張って勉強しました…

私のケースはちょっと稀かもしれませんが、みなさんが思っているよりは勉強期間は意外に短いと思います。

転職・就職活動期間は人それぞれですが、情報収集だけでも早めにしておくと効率が良いです。

勉強開始と同時に、職場探しも開始しましょう!

えりー
えりー

求人情報や会社情報を見るだけでも勉強になりますよ

独学でWebデザイナーになるためにかかる費用

独学でWebデザイナーになるためにかかる費用は、大体月々1万円以内だと思います。(あくまで目安です)

独学でWebデザイナーになるためにかかる費用(目安)
  • Adobeソフト代:月々6,000円程度
  • 参考書やプログラミング学習サイト代等:月々1,000~3,000円程度
えりー
えりー

独学の場合、ソフト代以外はほとんどかからないですね

下記費用がかかる場合があります。

  • パソコンとインターネット環境が無い場合はその費用
  • サーバー・ドメイン代など
    (サーバー:月500円程度~、ドメイン:年1,000円程度~)

まとめ:独学でもWebデザイナーになれる!

独学でもWebデザイナーになることは可能です。

独学でWebデザイナーになるための方法をまとめました。より詳しくは上記をご覧ください。

Webデザイナーになるために必要なもの(最低限)
  • パソコン
  • インターネット環境
  • Adobeソフト(Photoshop・Illustrator 等)
Webデザイナーになるために必要なスキル(最低限)
  • Webデザインスキル
  • ソフトのスキル(Photoshop・Illustrator)
  • コーディングスキル(HTML・CSS・JavaScript)
独学でWebデザイナーになるための勉強方法
  • Webデザイン…Webサイトの模写
  • ソフト…Adobe公式サイトや参考書 等
  • コーディング…プログラミング学習サイト
おすすめの勉強の順番
  • Webデザインとソフトは一緒に習得する
  • ソフトはPhotoshop→Illustratorの順で学ぶ
  • コーディングは、HTML+CSS→JavaScriptの順で学ぶ
独学でWebデザイナーになるためにかかる期間

早くて数ヶ月~半年程度

独学でWebデザイナーになるためにかかる費用(目安)
  • Adobeソフト代:月々6,000円程度
  • 参考書やプログラミング学習サイト代等:月々1,000~3,000円程度
えりー
えりー

コツコツ勉強できる方やあまりお金をかけたくない方には、独学がおすすめです!

ABOUT ME
えりー
えりー
Web・グラフィックデザイナー / ブロガー
2018年よりフリーランスWeb・グラフィックデザイナー 兼 ブロガーとして活動しています。
都内IT系企業にて研鑽を積んだ後、起業しました。
IT・デザイン業界歴は10年以上。
今までに関わらせていただいたクライアント様は300社以上となります。
ブログでは、自身の経験を元に、Web制作のことや、就職・転職に役立つ情報を発信しています。
記事URLをコピーしました