サイト名変更・お引越しのお知らせ

【ロードマップ】初心者からWEBデザイナーになるステップと方法を解説

初心者からWEBデザイナーになるステップと方法について現役のデザイナーが解説します。

このような内容の記事はネットや本にたくさんありますが、おおよそ方法としては間違っていないと思います。

ここでもっとも大切なのは「実行力」と「量」です。

何もわからない状態なので悩んだりして大変なこともありますが、楽しみつつ地道に出来るだけ早くWEBデザイナーになりましょう!

モグモグさん

長く学習していくと間延びしてダラダラしてしまうので期間を決めることがおすすめ!

対象
  • WEBデザイナーになりたい学生や社会人の方

WEBデザイナーの仕事を知る

まずはWEBデザイナーの仕事をざっと理解してイメージできるようにしましょう。

デザイン以外にもやることがあったり、幅広いスキルを求められたりします。

その分スキルさえあれば、キャリアは広がりますし働き方の自由度も大きいです。

WEBデザインの学習をする

WEBデザイナーの仕事がイメージできたら、早速学習を始めましょう。

学習のポイント

学習のポイントとコツを4つ解説します。

  1. 悩むより手を動かす
  2. 作ることをメイン
  3. できないことはできるようになるので諦めない
  4. 楽しむ

悩むより手を動かす

手を動かさない限りできるようにはならないので、方法論などに迷うよりもとにかく手を動かすことに時間を使いましょう!

作ることをメインに

多くのデザインツールやコーディングなどはやればやるほどできることが広がるのですが、全て網羅しようとするととても時間がかかり非効率です。

基本的な機能を覚えたら、「作る」ことを先に決めて足りないことを学習するようにしましょう。

メモ

有効性については、

遅延勉強法やパラシュート勉強法などが参考になります。

できないことはできるようになるので諦めない

自転車に乗れるようになるのと一緒で、最初はできませんが何回もやれば乗れるようになります。

デザインもできないことは何度かやればできるようになります。

大丈夫、できます。

メモ

センスとか独自性とかそういうものはもう少し後になって出てくることで

WEBデザイナーになるにあたっては影響しないと思っています。

楽しむ

楽しい => 夢中になる => 知らずにたくさん勉強していた

WEBデザイナーになったあともずっと学習は続いていきますので、学習やアウトプットを楽しんでいきましょう。

学習ロードマップ

学習のロードマップを解説します。

学習の方法はこちらを使いましょう。

方法の詳細は上の記事が参考になるので、時間の目安を記載します!

モグモグさん

おおよそ、2ヶ月〜3ヶ月くらい!

STEP.1
デザインの基礎知識を学習

3日〜1週間

STEP.2
デザインツール学習

Photoshopの学習

2週間〜3週間

Illustratorの学習

2週間〜3週間

STEP.3
UIデザインツール学習

XD or Figmaの学習

1週間〜2週間

STEP.4
コーディング学習

HTML/CSSの学習

2週間〜3週間

できるようになっていること

ここまで学習すると多くのことができるようになっています!

  • デザインの基礎知識がついている
  • PhotoshopとIllustratorの基本動作が使える
  • バナーやアイコンなどが作れるようになっている
  • XDもしくはFigmaがの基本動作が使える
  • WEBサイトやアプリケーションのデザインができるようになっている
  • HTML/CSSの基礎がわかる
  • WEBサイトをデザインしつつコーディングができるようになっている

WEBデザイナーになる

ここまででいろいろなことができるようになってきています。

最後のステップとして、学習したことをアウトプットしWEBデザイナーのキャリアに進んでいきます。

ポイント

  • ポートフォリオは目安として2週間〜1ヶ月で作ろう!
  • フリーランスでも転職や就職でも行動重視

ポートフォリオは目安として2週間〜1ヶ月で作ろう!

ポートフォリオも目安を決めて取り組みましょう。

公開せずにずっと作っているよりかは、どんどん他の方に見せつつブラッシュアップしていく方が最終的にいいものが作れます。

フリーランスでも転職や就職でも行動重視!

学習したとはいえ、受け入れられないことも多いです。

案件を取ったり面接をしたりどんどん行動し、足りない箇所を見つけて改善していきましょう。

まとめ

WEBデザイナーになる方法についてまとめました。

WEBデザイナーになれるよう応援していますので、この記事が参考になれば幸いです。

モグモグさん

質問や不明点があれば、Twitterやコメントしてね!

がんばろう!

コメントを残す

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