未経験からWEBデザイナーを目指す人が持っておくと良いスキルやツール

f:id:S_ind_5:20190116163228j:plain

以前は「デザイナー＝美大卒」という印象が強かったけれど、
昨今は他業種から未経験でWEBデザイナーになる、という人も増えました。

これからWEBデザイナーを目指したい！という人もいると思いますが、
現在のWEB業界は言語やツール等の移り変わりも激しく、一体どれを勉強するのが良いの？
って分からなくなる人も多いかと思います（自分も最初はよく分かりませんでした）。

なので個人的にですが、「今ならこの辺の知識をつけておくとよいよ」というスキルやツールを紹介したいと思います。

まず最初に必須となるもの
知っておくと尚良し、なもの
- WordPressに関する知識
- Git

まず最初に必須となるもの

Photoshop・Illustratorなどのデザインツール

定番のAdobeのデザインツールですね。
この2つはデザイン制作によく使われるので、使えるようになっておいた方が良いです。
最近ではAdobe XDというUI・UXデザインのためのツールも登場しており、このあたりも余裕があれば触っておくと良いかもです。

また、最近はSketchやFigmaなどのデザインツールがありますが、個人的には最初はAdobeのツールを使えるようになっておいた方が良いかな、と思います。

Adobe Creative Cloud コンプリート|12か月版|オンラインコード版

HTML・CSS（と、jQuery / JavaScript）

WEBサイトを構築するための一番基本となる言語です。
実際これらの言語を業務で使うかどうかは企業によりけりだったりしますが（構築はエンジニアが行う場合などもある）、ある程度書けると「WEBサイトではどのような表現が可能なのか」を考える事ができ、破綻したデザインを作ってしまうことも減ると思うんでこの辺りも習得しておくべきスキルです。

欲を言えば、jQueryやJavaScriptも触れるようになっておくと尚良しですが、最初はjQueryあたりが少し触れる、程度であれば十分だと思います。

このあたりは、沢山の教本や講座などがあるんで、色々自分で探してみるといいかもですが、HTML5・CSS3対応で、あまり出版日が古くないものを買ったほうがよいです。

HTML&CSSとWebデザインが 1冊できちんと身につく本

コードエディタ

コードエディタも様々な種類が世に出ており、自分に合うものを選べば良いのですが…。
よく分からない！ってなったら、「Brackets」あたりを最初は使うと良いと思います。
操作に慣れてきたら、「エクステンション」で機能を追加するととても捗ります。

brackets.io

FTPソフト

サイトを構築するHTMLやCSS、画像などをWEBサーバーにアップロードするためのツール。
これもWindows・Mac共に様々なソフトがあるので、自分の使いやすいと感じるものを選ぶと良いと思います。
個人的にですが、「Filezilla」や「Cyberduck(Mac用)」あたりが使いやすいです。

ja.osdn.net

このあたりがWEBデザイナーになるに当たって必須かな、と考えられるものです。
そして以下は、身につけておくと尚良し、というものになります。