Webデザインを仕事にするなら、最低限必要な知識と実践的なスキル

こんにちは、デザイナー・ブロガーの
ゆっきー（@elcielo_design）です。

今回はWebデザイナーとしてやっていくため
最低限勉強すべきことについての記事です。

この記事の目次

Webデザインを学ぶ前に

将来、Webデザインを仕事にしたいと
思っているWebデザイン初心者にとって
「勉強は何をすればいいのか分からない」
とはじめ感じる人は多いと思います。

独学・オンラインスクール・専門学校・大学
どの「勉強のスタイル」を選択するにしても、
学ぶ前にWebデザインにどんなスキルなどが
必要になるのか全体像の把握が入りますね。

把握ができていないと、せっかく学んだのに
やりたいことができない、思っていたのと違う
就職した場所では更に高いスキルがいるなどの
状況に陥る可能性がないとは限りません。

そこで、今回の記事では実践的に使える
Webデザインのスキルを習得するのに
どのようなものが必要になってくるのか
まとめてみたので確認してみてください。

実践で使えるWebデザインを習得するのに
最低限必要なのは大まかに以下の6つ。

絶対にこれら全て必要という訳でないですが
今、Webデザイン業界では主流のスキルです。

Webデザインをこれから仕事にしていくなら、
是非、どれも押さえておきたいですね。

では、それぞれのスキルについて
具体的に紹介・解説していきます。

まずは、ツールやプログラミングを
勉強する前に基本的なWebデザインの
知識をある程度知る必要があります。

それはツールやコードが分かりできても、
Webデザインの構造や機能が分からないと
どのようなWebサイトを作れば良いのかを
全く分からないからです。

Webデザインを制作していく上で、
デザイン全体の構造やレイアウト (ワイヤー)
画像・動画選定、フォント、色、トリミング

そういった細かい点でのスキルや知識が
必要になってきて１つずつ大切になります。

「イメージの例」

Webサイトの大まかな構造から細かい所まで
このように理解していくことが必要なので、
やはりWebデザインの基本的知識が入ります。

それに基本的知識がないと、
ツールやプログラミングを学ぶ目的や理由も
あまりよく分からなくなってくるでしょう。

　　「Illustrator」　　　「Photoshop」

Illustrator
主にアイコン・ロゴ・図形などの
デザインにWeb業界でも扱われるツール。
Photoshop
Webデザイン制作の際に、
昔から今でもメインで使われる有名なツール。
サイト全体のレイアウト・装飾・画像加工
様々なデザインの制作過程で役立ってきます。

一般的にはPhotoshopでWebデザインを進め
図形やイラストはIllustratorで作ったものを
Photoshopに入れるという感じで使います。

(レスポンシブサイトはIllustrator
メインでWebデザインをすることも。)

「補足」

近年はAdobe XD、Sketch、Figma等
Photoshopとは別のデザインツールで
全体デザインする場合も増えています。
(企業でデザインする場合は必要なところも多い)
(オンライン) スクールでPhotoshopは学べて
Illsutratorは学べばないところもありますが、
デザインスキルや表現の幅なども変わるので
基本はきちんと勉強しましょう。