独学でWebデザイナーになるには?
Web業界の特徴は、業界が歴史が浅いため、他の業界経験者が多く転職してくる業界でもあります。もともとはグラフィックデザイナーの方、映像制作建築・空間デザインを行っていた方等、クリエイティブ業界の中でも転職する方も大勢います。需要も多いので未経験者でもしっかり勉強すれば、比較的転職しやすい業界でもあります。ここではどうやったら独学でWebデザイナーに転職できるか?独学の際のポイントを紹介していきます。
Webデザインの上達のポイント!
独学でWebデザインを学ぶ為にはステップがあります。こちらを参考にあなたに合った勉強方法を見つけて下さい。
- 好きなデザインのWebサイトをブックマーク
- Webデザインの基礎を紹介している書籍を購入
- Fireworks・Photoshopで好きなサイトのデザインを模写
- 制作したいWebサイトをデザイン
- 架空の会社・サービスを考えてデザインしてみる。
1.好きなWebサイトをブックマークする理由
初めはWebデザインが素敵だなと感じたサイトをインターネット上で探して、ブックマークしましょう。ブックマークの数は多ければ多いほど良いです。Webデザイン未経験の方が、デザインを独学で学ぶ為には最初は良いと感じるウェブサイトを沢山見て、何故良いと感じるのか考える時間が必要です。
2.Webデザインの基礎を紹介している書籍を購入
ブックマークしてある程度、量が溜まったら、書店でWebデザインに関する書籍を探しに行って下さい。最初は入門編で結構ですので、Webデザインを平易な言葉で説明している書籍が初めは分かり易くて、良いかもしれません。基本的なレイアウト、ユーザーインターフェースデザイン、色彩による心理効果等、デザインの基本を理解するのが理想です。
3.好きなサイトのデザインを模写する理由
未経験者の方はWebデザインのデータ作成に使用されている、アプリケーションソフト「Photoshop・Fireworks」の基本的なスキルを習得する必要があります。最初は何をつくれば良いか分からない方がほとんどだと思いますので、「Photoshop・Fireworks」に慣れる為にも、一番最初にブックマークしたウェブサイトを見ながらデザインを模写したり、スクリーンショットを撮ってから、模写する事をお勧めします。
レイアウトの方法、色の設定、文字ツール、オブジェクトをどう取扱うか?明度・彩度の・明るさの調整方法等、「Photoshop・Fireworks」独自の操作方法を習得して下さい。一つのサイトのデザインを模写するだけでなく、出来るだけ色々な種類のデザインを模写してみて下さい。最初は戸惑う事が多いと思いますが、慣れてくるとデザインの意図や目的が少しずつ理解できるようになってきます。「Photoshop・Fireworks」にも慣れてきたらこの勉強方法は終えて下さい。
4.最初は制作したいWebサイトをデザインしてみる!
ある程度「Photoshop・Fireworks」の操作方法に慣れ、Webデザインをするにあたっての流れが想像つくようになってきたら、次は自分で0からデザインしてみましょう。これは未経験者が転職活動時に提出する、ポートフォリオの一部となる大事な制作物となりますので頑張って挑戦して下さい。最初は自分のブログをデザインする事から始めるのが作りやすいかもしれません。他に制作したいWebサイトがあるならそちらを優先して下さい。
5.架空の会社・サービスを考えてデザインしてみる。
制作したいWebサイトやブログのデザインをある程度行ったら、次は架空の会社・サービスを考えてデザインしてみると制作しやすいですしポートフォリオにバリエーションが出てきます。例えば、架空の航空会社をネーミングから考えて、ロゴデザイン、ウェブサイトのデザインをと、次々に制作していきましょう。この制作過程は世の中のデザインが行われている基本的な流れを疑似体験できます。自分がつくりたいものを作るのでなく、プロのWebデザイナーとして就職する為に、より近い領域でデザインを勉強して下さい。
未経験者はデザインしたWebサイトの数がポイント!
未経験者の方がポートフォリオを制作するにあたって、最初はプロのクオリティにはなかなか辿りつけません。それでも転職活動を行う際にはポートフォリオの提出を求められます。未経験者の方は数を出来るだけ多くつくり準備して下さい。
HTML・CSS(コーデイングスキル)の上達のポイント!
最初に買う書籍は?
HTMLとCSSが一緒に学べるような基本的な事を丁寧に解説している本を購入して下さい。最初にHTMLとCSSの機能・仕組みや関係性を理解しないとコーディングスキルの上達は無理です。特に独学の場合は、Web上の情報だけですと、情報が多すぎるので、信頼できる情報を判別するのが困難だと思います。最初の一歩は書店で自分にあう一冊を見つけて下さい。
気になるWebサイトのコードを解読する
クオリティの高い、気になるWebサイトのコードをブラウザーで見て、どのような構成になっているか解読する事がコーディングスキルを上げる為のポイントです。プロのコーダー職の方も普段から勉強の為に、人の書いたコードを読み解く事をしている人も多いです。
自分でデザインしたWebサイトを実際コーディングしてみる
ある程度HTML・CSSを理解できたら次は自分でデザインしたウェブサイトをコーディングしてみましょう。未経験者が転職活動する際に、コーディングスキルがあると転職活動を有利に進める事が可能です。デザイナーのデザイン力やセンスはすぐには伸びませんが、コーディングスキルは技術と知識があればある程度早いスピードで習得てきますので、採用される確率が上がります。もちろんこちらもポートフォリオで紹介するようにして下さい。レンタルサーバーを契約してアップロードしておくのが理想的です。
最終更新日: