H/D Log /デザイナーのブログ – H.a.r.T Design

サイトのリニューアルも中途半端なままになってしまっていて、このブログも最低3日に1回は書きたいと思っていたにもかかわらず、全くできていない状態です。。
サイト内の整理は年末年始中、もしくは年明けに完了させ、ブログ3日に1回更新は来年の目標にしたいと思います。

年末年始は12月29日～1月4日までお休みさせていただきます。
あと1週間ほどですが、ラストスパートに向けて頑張ります！
また、お休み中は電話・メールのお返事が遅れることがあるかもしれませんがご了承くださいませ。
自宅にいる際には、極力早めにお返事いたします。

今日はわたしの制作の進め方について簡単にまとめてみました。

1.ワイヤーフレーム
簡単なレイアウト・枠組みですね。
クライアントに企画書などと一緒に提出する場合はPhotoshopなどで書きますが、提出の必要がなければ手書きでさくっと終わらせます。
photoshopで書き出す場合も、ノートに手書きでいくつか案を出し、その中から絞って提出用に清書する形です。
webの場合も紙の場合も、この時点でサイズを決めておきます。
 

2.フォント・配色
フォントと配色の候補をいくつか出していきます。
フォントは英字・和字ともに３～５つずつくらい、配色は３パターンくらい。

3.実際に配置してみる
1で作ったワイヤーフレームをもとに、webの場合はPhotoshop、紙の場合はIllustratorもしくはIn Designで作っていきます。
この時点ではまだ、ただ並べただけの状態です。
フォントと配色はだいたいこの段階で、決定します。

4.素材を作る
装飾部分や素材の作り込みです。
webでも紙でもIllustratorを使うことが多いですが、ものによってPhotoshopの場合もあります。これを3で作ったファイルに配置していきます。

 

なかなかフォントや配色が絞り込めないこともあったり、場合によっては作業を進めていくうちに順番が変わってくることもありますが、基本的にはこのように進めています。
クライアントへの確認は、3を叩き台にして4を行いながら修正していくという形が多いですが、この部分は相手によって変わります。
また、2を一番最初に行い、1のワイヤーフレームで色を乗せてしまう場合もあります。

色んなやり方で試してみましたが、個人的にはこの順番が一番やりやすくスムーズにいっています。
ただもっといい方法もあるかもしれないので、そのうち変わってくることも・・・？

写真はLOFTで見つけたクリスマスカード。
キラキラしてて可愛いです。

今日は久しぶりに夜の時間にゆとりがあったので、自炊をすることができました。
自炊じゃないと体の調子が悪くなります。

年末までもう少し。仕事納めに向けてあと一息です。

外に出る時には裸眼なので視力がいいと思われてるようですが、実はとっても悪いのです。
何年も前はコンタクトを使用していましたが、ドライアイなので合わず(すぐに目が疲れる)眼鏡に戻りました。といっても、眼鏡は仕事以外ほとんどかけないので、「目が悪いって言ってもそこまで悪くないんじゃないの？」と言われることも多々あります。
視力がどんどん下がっているのに放置しすぎたせいで(？)、裸眼でなんとなーく見えている状態に慣れてしまってます。

テレビを見る時も裸眼なので、ぼやけてます。芸能人は声で判断することも。

web用の素材を制作中です。
手描きで書いたパーツを、Illustratorにてライブトレースします。

これが一体どんなふうに使われるのでしょう。