【WEBデザイン初心者向け】学習序盤のガイドライン

WEBデザイン

Webデザイナーの勉強を始めたばかりの人なら誰しも

「何を勉強すればいいんだ」「今やっている学習は意味があるのか?」
など不安になることも少なくないですよね

とはいえ、とにかくやればいいと分かっていても、
なかなか成長している実感がわきませんよね

僕もデザイナーをになりたての頃は
「いろんな勉強をして本を買い動画を読み漁り…」など、
同じところを行ったり来たりしていました。

 しかし、私が実際にフリーランスとして
収入を得るまでにした学習を真似すれば、
着実に成長することが出来ます。

そこで、この記事では、私がフリーランスになるまでにした
学習内容を具体的に解説します。

記事の最後に質問用公式LINEアカウントを載せているので、
学習がいまいち捗らないかたは、ご一読ください。

Webデザイナーの仕事内容

webデザイナーの仕事内容は、クライアントの要望に沿って
webサイトのデザインをすることです。

会社によって様々ですが、

伝えたいターゲットに届くよう構成を考えたり、
ユーザーに情報が伝わりやすいようレイアウトを考えたり、
クライアントの希望に沿ったテイストを
再現することがデザイナーの主な仕事です。

デザインがきまったらコーディングを行い、
必要があれば動きやアニメーションを付けます。

事前の計画に沿ったデザインを納品することが求められるので、
コミュニケーション能力が高いと
仕事がスムーズに進みやすくなるでしょう。

初心者がwebデザインを学習するときの心構え

私はwebデザインの学習を始めたての頃、
成長がとても遅かったです。

理由が今では明確で、
完璧に準備ができてから実際に手を動かそうとしてたからです。

この図を御覧ください。

とにかく手を動かしながら勉強しましょう。

そして、迷ったら相談できる人を見つけましょう。
成長スピードが倍くらい違います。

それではどうぞ!

初心者向けWebデザインの学習方法

一番の勉強方法は案件を受けることですが、極論すぎるので
私が素人に戻ったら何をするかをまとめます。

  • 動画教材で0~10まで一気に学ぶ
  • 模写:バナー、チラシ、webサイト

動画教材で0~10まで、体系的に一気に学ぶ

おすすめはUdemyです。

未経験からプロのWebデザイナーになる! 400レッスン以上の完全マスターコース
Web知識、Photoshop、Webグラフィックデザイン、HTML、CSS、実践的なコーディングなど、Webデザイナーとして働いたり、自分1人でサイトを作り上げるのに必要な全てが含まれています

理由は、体系的に10まで学べるからです。

webに限らずですが、全体を把握した上で
自分が理解できないところを潰していくのがナイス学習法だと思ってます。

模写トレーニング(共通)

Pinterestで写真を持ってきて模写をしましょう。

探すのに時間がかかりませんし、無限に素材があるので、好きなだけ取り組めます!

  1. Pinterestで画像を探す
  2. デザインソフトで横に並べる
  3. 模写する
  4. 気づきをまとめる

最初は上に重ねて書くのがオススメです!

時間がない人は、ノートに手書きで書いていくのも良いです。

ポイントは1pxとも見逃さずに完コピすることです。
これをやっていると、依頼者の意図や製作者の意図が見えてくるので
非常に時間効率の良いトレーニングです。

バナーは軽く見られがちですが、
webデザインで必要な工程を網羅できています。

これが出来るようになると、バナーのお仕事はもちろん、
Youtubeのサムネイルやヘッダーの作成依頼なども受ける事ができるので

取り組んで損のない学習です。

初心者向けコーディングの学習方法

コーディングもデザインと同じく、
Udemyでの体系的な学習をオススメします。

コーディングは基本を掴んで、後は応用です。
私がやっていたのは、LPの作成です。

ドットインストールやプロゲートのHTML,CSS,Javascriptの講座を一周ずつして
Pinterestでサイトの画像を探し、
HTMLとCSSだけで再現してみる、なんてことをやってました。

初心者向けWordpressの勉強方法

WordPressもデザインと同じく、Udemyでの体系的な学習をオススメします。

私は本でも学習しました。オススメは下記2つです

 

 

WordPressはPHP言語を使うので、
デザインやコーディングを学んだ感覚とは、少々異なります。

ここでアレルギー反応を起こして
学びが停滞するのがあるあるです。

WordPressを取得する場合は、企業務めで無い限り、
メンター(先生)をつけることを強くおすすめします。

とにかく水風呂に慣らすような感覚で、
繰り返し学習することで、PHPを手足のように
動かせるようになってくるはずです。

また、Wordpressが出来ると、一気に案件の単価が上がります。

しかも、PHPを習得できると、効率的なコーディングが出来るようになるので
普段のサイト作成の時間も大幅に短縮出来るでしょう。

私が無料で学習したサービス紹介一覧

ドットインストール(https://dotinstall.com/

プロゲート(https://prog-8.com/users/sign_in

まとめ

いかがだったでしょうか?

今回webデザインに興味を持って
この記事にたどり着いた人も少なくないと思います。

私が回り道をして得た知識は全部記述していきますので、
効率よくwebデザイナーになってください!☺

 

コメント

タイトルとURLをコピーしました