未経験+独学でウェブデザイナーを目指す人が【最初にやるべき勉強方法】

  • 未経験でウェブデザイナーになるには何を勉強すればいいの?
  • デザインとプログラムどちらから勉強すればいいの?
  • 正しい勉強方法ってあるの?

と不安に感じている方のために

未経験+独学で正社員のウェブデザイナーになった僕が行った勉強と
今からウェブデザイナーを目指す人が最初にやるべき勉強方法を紹介します。

本題の前に、ちょっとだけ自己紹介させてください

簡単に[2020年版]僕のスペック書いておきますのでよかったら読んでね

僕のスペック (簡易版)

■経験 / 実績

  • 現役webデザイナー兼、フロントエンドエンジニア兼、webマーケター (業界経験 8年)
  • web制作チームリーダーとして新人教育と社内書籍の選定 / 管理

■保有資格(資格はただの飾りと思ってるけど一応)

  • ウェブデザイン技能士
  • webクリエイター能力認定試験 エキスパート
  • ITパスポート

ウェブデザイナーを目指した当時の僕のスペック

・ホテル業界の専門学校を卒業
・楽器屋でアルバイト (借金生活)
・パソコン利用はネトゲと動画視聴だけ
・年齢24歳

(書いてて恥ずかしいな…)
そんな僕でも未経験+独学で
正社員としてウェブデザイナーになれました。

未経験+独学で正社員のウェブデザイナーになった僕がやった事

その1 参考書を買って html とcss の勉強

サイト制作にはプログラムを覚えるのが必須のため、
「これが肌に合わなかったら絶対になれない」
と思いhtmlとcssの勉強を始めました。

当時は分かりやすいサイトがあまりなかったため
参考書で勉強してました

その2 参考書を買って photoshop使用方法の勉強

当時photoshopは月額では利用できず、
数十万円というお金を払って購入しなければ
利用できませんでした

そのため参考書を買って無料期間中に
自分に適正があるか試しました
(結局購入するんですけどね・・・メッチャ高かったなぁ)

その3 資格を取得した

当時「webクリエイター能力認定試験 上級」が
話題になっていたので

時間管理が苦手だった僕は
資格を取ることを目標に勉強しました
(現場では資格なんて全然見向きもされないんですけどね・・・)

就活時アピールポイントになったので
取ってよかったなとは思えました

その4 ポートフォリオを作成した

webデザイナーの求人をみると
基本は「ポートフォリオが必要」と書かれていたので

自分で作った架空のサイトを
ポートフォリオとして作成しました
(今思うとダサすぎて見てられない・・)

その5 転職サイトにて正社員で未経験可の企業を探して応募

アルバイトの苦しみを身をもって知っていたので
「ブラックだろうと正社員で入社してやろう」
という気持ちで

未経験可の会社に応募しました
(アニメ、ゲームのサイトが作りたかったのであまり数はなかったんですけどね・・・)

入社後にアルバイトで
入社してくる人もいたのですが、
正社員に上がるにはテストがあり
最低でも1年はアルバイトのままだったので、
可能であれば正社員で就職をおすすめします

備考

今は勉強方法も多岐にわたり
勉強できる環境が増えたので

ウェブデザイナーへの敷居はすごく下がってます。

僕がやった事はあくまでも参考として心に止めて、
これから勉強する方は下記の

今からウェブデザイナーを目指す人が最初にやるべき勉強方法

を強くおすすめします

今からウェブデザイナーを目指す人が最初にやるべき勉強方法

その1 無料オンラインサービスで html とcss の勉強

通常プログラムを書くには
基本エディタと呼ばれるものが必要ですが

現在はエディタを使わなくても
ブラウザもしくはスマホアプリのみで
勉強が可能です

しかもヒントやチェックまでしてくれます
なにより基本勉強は無料でできます
(例: Progate)

※勘違いしてほしくないのですが参考書もうまく使って勉強はしてほしいです。言葉で説明したり体系的に理解するにはやっぱり参考書はオススメです

独学でウェブデザイナー目指す人に超おすすめな本33選【2020年版】独学でウェブデザイナー目指す人に超おすすめな本33選

その2 オンラインサービスやyoutubeで photoshopの勉強

photoshopは慣れるまで操作を覚えるのが大変かと思います。
最短で最低限の事を覚えたい場合は
schoo(有料)の動画で
勉強したほうが近道かと思います。

基本操作を覚えたら
【その3】のトレースをやれば自然と操作方法や
テクニックが身についていきます

その3 デザインやプログラムのトレース(真似して作ってみる)

基礎勉強が終わったら
ぜひやって欲しいのがこれです。

一番楽しみながら成長できる勉強方法です
好きなサイトやバナーを見つけて
トレースしてみてください。

なぜこれが気に入ったのか?
良いと思ったのか?
を考えて文章にすると
より勉強になります。

その4 twitterで情報収集

独学だと一人で勉強することになり
不安やモチベ低下につながります

twitterにはたくさんの
同じ目標を持った人がいます

そんな人たちと繋がることによって
情報収集とモチベーションアップにつながります

※怪しい教材とか売りつけようとしてくる人もいるので気を付けてください(マジで!気を付けて)

その5 ポートフォリオの作成

勉強なの?かと思うかもしれませんが
自分をアピールするためのサイトを作る
と考えるとお洒落なサイトにしたいと思いますよね?

実際に就活で使うことになるので
勉強も兼ねて作成することをお勧めします

まとめ

今から勉強するならオンラインサービスと
SNSを使って情報収集をして
いかに無駄なお金を掛けずに
有益な情報を吸収できるか?

につきると思います

スマホで勉強できる時代が来ています
SNSで同じ目標をもった仲間と繋がり
モチベーションを維持することも簡単です

ネットをうまく使って
勉強する事を強くおすすめします

独学でウェブデザイナー目指す人に超おすすめな本33選【2020年版】独学でウェブデザイナー目指す人に超おすすめな本33選

コメントを残す

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