余白のデザインでレベルアップ

WEB制作の小技や機能 | 2012.11.22

ホームページを作成する作業とは、テキストを配置して、画像を配置して・・・とパーツを一つずつ置いていくような作業です。

当然、あらかじめデザイナーがデザインをしたものをコーディング作業で再現していくので、「正解」があるのですが、デザインを作成するPSDファイルとHTMLやPHPで作成するホームページは違うものですし、ホームページとして機能する為の独特のルールのようなものにも適用させていくわけで・・・寸分の違いなく再現することは出来ない場合があります。

しかし、ひとつずつ置いていくときにばらつきが出てしまうのが、パーツとパーツの間隔・余白です。

なので、一通り作成ができた後に、全体をよく見直して、間隔・余白が適当であるか再確認する事が大切です。
作成している時はパーツ、内容物、テキスト、画像などに目が行きがちですが、
確認時には、改めて『余白を見る』という意識でページ全体を眺めてみると、デザイン的にレベルアップする為の修正ポイントが見えてきます。

一通りの作成ができるとついつい「できた！」と思ってすぐに公開したくなってしまうのですが、
もう一度見直すというひと手間に真剣になる事は欠かせない重要な手順の一つです。