独学で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デザインスキル
- ソフトのスキル(Photoshop・Illustrator)
- コーディングスキル(HTML・CSS・JavaScript)
ソフト(Photoshop・Illustrator)の操作を学びながら、Webデザインのセオリーを身に付けましょう。
コーディング(HTML・CSS・JavaScript)の基礎知識も必要です。
必要なスキルについてさらに詳しくは、下記記事もあわせてご覧ください。
独学でWebデザイナーになるための勉強方法
必要なものを揃えて、必要なスキルがわかったら、後は勉強あるのみ!
独学でWebデザイナーになるためにおすすめの勉強方法をご紹介いたします。
- Webデザイン…Webサイトの模写
- ソフト…Adobe公式サイトや参考書 等
- コーディング…プログラミング学習サイト 等
Webデザインの勉強方法
Webデザインスキルを身につけるためには、Webサイトの模写がおすすめです。
デザインの見本サイト(下記など)を利用して、色々なWebサイトを模写してみましょう。
模写のやり方については、また別の記事で解説したいと思います。
デザインがうまくなるためには、とにかく経験値を積むしかありません
ソフトの勉強方法
ソフトのスキルは、Webサイトの模写をしながら、わからないところを下記Adobe公式サイト(もしくはGoogle)で調べる、だけでも身につけることは可能です。
ただ、それだけだとイマイチよくわからない場合は、PhotoshopとIllustratorの初心者向け参考書をそれぞれ1冊ずつ購入しても良いと思います。
私が実際に購入してみて、わかりやすかったと思う参考書を下記に挙げておきますね。
ソフトの機能は山ほどありますが、とりあえず、Webデザインを作るために必要な操作方法だけマスターすればOKです
コーディングの勉強方法
コーディングの勉強方法は、プログラミング学習サイトがおすすめです。
参考書よりもつまづきにくく、初心者の方が学習しやすいと思います。
おすすめのプログラミング学習サイトは以下のとおりです。
- Progate(https://prog-8.com/)
- ドットインストール(https://dotinstall.com/)
私は特にProgateがお気に入りです。キャラクターのワンちゃんが可愛い…!
独学でWebデザイナーになるための勉強の順番
独学でWebデザイナーになるための勉強の順番に特に決まりはありませんが、おすすめは以下のとおりです。
- Webデザインとソフトは一緒に習得する
- ソフトはPhotoshop→Illustratorの順で学ぶ
- コーディングは、HTML+CSS→JavaScriptの順で学ぶ
デザインとコーディングは、どちらから勉強し始めても構いません。
Webデザインとソフト(Photoshop・Illustrator)は、一緒に習得すると効率が良いです。
PhotoshopとIllustratorでは、一般的に使用頻度が高いPhotoshopから習得するのがおすすめです。
コーディングは、HTMLとCSSをセットで勉強してから、JavaScriptの基礎を学びましょう。
HTMLとCSSは同時に学んだほうが理解度が高まります
独学でWebデザイナーになるためにかかる期間・費用
独学でWebデザイナーになるためにかかる期間
早くて数ヶ月~半年程度
独学でWebデザイナーになるためにかかる期間は、早くて数ヶ月~半年程度だと思います。
私の場合は、数ヶ月程度勉強しました
私の場合、元々Webデザイナーになろうと思っていたわけではなく、趣味でHTMLなどのWebの勉強をしていただけでした。その期間が大体数ヶ月程度です。
たまたま、自社Webサイト運営の求人に応募したところ、採用されたのがきっかけでWebデザイナーになりました。
なので、就職してから仕事についていくことにかなり苦労しました。
就職してからのほうが頑張って勉強しました…
私のケースはちょっと稀かもしれませんが、みなさんが思っているよりは勉強期間は意外に短いと思います。
転職・就職活動期間は人それぞれですが、情報収集だけでも早めにしておくと効率が良いです。
勉強開始と同時に、職場探しも開始しましょう!
求人情報や会社情報を見るだけでも勉強になりますよ
独学でWebデザイナーになるためにかかる費用
独学でWebデザイナーになるためにかかる費用は、大体月々1万円以内だと思います。(あくまで目安です)
- Adobeソフト代:月々6,000円程度
- 参考書やプログラミング学習サイト代等:月々1,000~3,000円程度
独学の場合、ソフト代以外はほとんどかからないですね
まとめ:独学でもWebデザイナーになれる!
独学でもWebデザイナーになることは可能です。
独学でWebデザイナーになるための方法をまとめました。より詳しくは上記をご覧ください。
- パソコン
- インターネット環境
- Adobeソフト(Photoshop・Illustrator 等)
- Webデザインスキル
- ソフトのスキル(Photoshop・Illustrator)
- コーディングスキル(HTML・CSS・JavaScript)
- Webデザイン…Webサイトの模写
- ソフト…Adobe公式サイトや参考書 等
- コーディング…プログラミング学習サイト 等
- Webデザインとソフトは一緒に習得する
- ソフトはPhotoshop→Illustratorの順で学ぶ
- コーディングは、HTML+CSS→JavaScriptの順で学ぶ
早くて数ヶ月~半年程度
- Adobeソフト代:月々6,000円程度
- 参考書やプログラミング学習サイト代等:月々1,000~3,000円程度
コツコツ勉強できる方やあまりお金をかけたくない方には、独学がおすすめです!