WEBデザイナー未経験の僕が面接で教わったデザイン力を上げる方法

僕は実務経験無しの未経験でWEBデザイナーになる事ができましたが。

詳しく知りたい人は未経験からWEBデザイナーになった自分の経歴とかを見て下さい。

 

面接を合格してから初出社まで2週間ほど空いていたのでその間にデザイン力を少しでも上げてきてほしいと会社に言われました。

どうやってデザイン力を上げれば良いか分からなかった僕に会社の人がWEBデザイナー未経験の人にオススメなデザイン力を上げるトレーニング法を教えてもらいました。

<スポンサードリンク>

 

面接で教わったデザイン力を上げる方法

a531f37560d33d53825dca7c16d7d740

面接で会社の人に教わったデザイン力を上げる方法は

 

とにかくたくさんのバナーを模写する事でした。

 

 

新米のデザイナーがサイト全体のデザインをするのは難しい話です。なのでまずはバナーや細かいパーツ部分のデザインを極める事がデザイナーとしての最初の関門。

しかしバナーだからといって侮ってはいけません。枠や線の1pxのあしらい、グラデーション、フォントの字詰め行間など実際に作ってみると細かくデザインされているものばかりです。

バナーぐらいのサイズならそこまで時間をかけずに模写できるので僕は1日1個以上はバナーを模写していました。

 模写のポイントは重ねて模写するのでは無く、並べて模写し最後に本物バナーの上に重ねて違っていないかチェックします。

 

 

実際に僕が模写していたバナー(基本的に左(上)が本物バナーで右(下)が僕が模写したバナー)

改めてみるとしっかり模写できていないバナーも多いなぁ…

061004

 

写真やアイコンなど模写するのが難しいものはそのまま使うか空けておいてもOK

 

061001

フォントはまるっきり同じフォントが無ければできるだけ近いものを選ぶ事。

 

061002

ただそのデザインをマネするのでは無く、自分で考えてデザインをマネする事が大事。

 

サイズは300×300、300×100、728×100などさまざまなサイズのバナーを模写しましょう。

バナーはギャラリーサイトなどから自分が良いと思ったバナーを選びます。

 

■バナーだけを集めたギャラリーサイト。

Retrobanner

バナーデザインアーカイブ

バナーデザイン・サンプルデータベース

Banner Design Gallery

ブブンデザイン

 

 

バナーを模写していくうちに細かいデザイン部分が見えてくる

9ed7dd00fc90a3ffc71c9c95b3daeae6

実際に模写するとこの辺りが強く感覚でわかってくると思います。

枠でもただ線が1本あるだけじゃなくその内側に1px薄い線が引かれていたり、フォントに見えるか見えないかぐらいにドロップシャドウがかかっていたり、プロのデザインとはこんな細かいところまでデザインされているのかと感じるはずです。

全てのデザインには意味があるので、ここにドロップシャドウを薄くいれているのは文字がより一層際立てて読みやすくなるからだろう!など自分なりにデザインとしての理由もしっかり見つけだしましょう。

自然とデザインの事を考えれるようになればデザイン力が上がった証拠です。

 

 

模写したバナーは必ず保存しておこう

バナーを模写して終わりにするのは勿体ないです。

せっかく模写したバナーは必ず保存しておきましょう。

 

バナーで培ったスキルを仕事でバンバン使っていきましょう。模写したバナーを丸々使うのではなく自分が気に入ったバナーのデザインの一部を新しく作るバナーに使ったり上手く応用していきましょう。

自分はFireworksを使うので作ったバナーをLibraryファイルにまとめて仕事で使う時はデザインをコピペですぐ使えれるようにしていました。

 

 

こんな感じで

061005

 

何をすれば良いか分からないならとりあえずバナーを模写しておけ

91vrbzqgsvexxb03xgrg_patterns

WEB制作会社に入社が決まってから毎日バナーの模写をしていましたが、模写をしていたのとしていなかったのではスタートラインが全然違っていたと思います。

 

ある程度続けてきてワンランクアップ上にいくなら次は今まで模写してきたバナーの経験を生かしてオリジナルバナーを作成したりWEBデザイナー未経験の僕がデザイン力を上げる為にした事でも説明したサイト全体の模写を始めてみても良いかもしれません。

 

 

実際に僕が行っていた手順と期間は

・バナーの模写(1ヶ月)

・オリジナルバナー作成(640×240ぐらい)(2ヶ月)

・サイトの模写orオリジナルバナー作成(9ヶ月)

 

これを勤務時間外にほぼ毎日やっていました。

 

これからWEBデザイナーを目指す人やデザイン会社に入社する前にデザイン力を上げておきたいが何からすれば良いか分からない人はバナーの模写をやってみてはどうでしょうか。

 

▼ WEBデザイナー関係の求人サイトをまとめてみました!

WEBデザイナー系の求人サイトをまとめてみた

2014.08.27

▼ WEBデザイナー関連のオススメ記事!

未経験でWEBデザイナーになるにはどうすれば良いのか

2014.01.29

失敗しない未経験からWEBデザイナーになる為の教材・本の選び方

2014.01.30

読めば必ずスキルアップ!!WEBデザインの基礎を学べるサイトをまとめてみた

2014.02.12

WEBデザイナーを目指している人に見てほしい!僕が教わったデザインの三原則

2014.03.26

WEBデザイナー未経験の僕がデザイン力を上げる為にした事

2014.06.02

 

WEBデザイナーの服装にピッタリのネットショップはこちらのサイト


▲こういったキレイめスタイルがデザイナーらしくとても好印象!!

 

スポンサードリンク

WEBデザインのオススメ本・教材

Powered by amaprop.net