初心者向け講座早見表
前回のWeb系コラムでは、見やすいデザインを「コントラスト」の視点に注目してお話しました。今回は簡単にWeb全体をすっきりさせるデザインの基本的なコツについて説明したいと思います。
多くの情報をWebページに載せるとき、少し騒がしい印象を与えてしまうことがあります。デザインの基本的なコツを押さえて制作することで、ページ全体をすっきりと見せることが可能になります。
ポイントは、同じデザインのものを規則的に並べることです。同じデザインとは言い換えれば「デザイン上の共通の特徴」と考えられますが、このような特徴が存在する場合は色・形を問わず全てが当てはまります。
以下の例を見ますと、画像と文字がワンセットのデザインとなって規則的に繰り返されています。写真がたくさん配置されているデザインですが規則性の美しさによってすっきりとした印象を与えています。
上の例を少し詳しく見てみますと、画像右下の「ギフトランキング」では背景色「白」と「ベージュ色」が規則的に繰り返されています。同じ色を繰り返すことは単調な印象を与えがちですが、このように繰り返す際に色に変化をつけることで、より印象深いデザインを制作することができます。
同じデザインのものを規則的に並べるというコツは、バナー作成やボタン作成などの狭い範囲の視点においても大変有効です。例えば以下では、上部のボタン部分に同じようなデザインのアイコンが規則的に繰りかえされています。
以下も、角丸の形が規則的に繰り返されている例です。
多くのWebサイトは規則的なデザインの繰り返しによって構成されています。従って、もし既存のWebページに追加のバナーを作成する場合は、バナーを挿入する周りのデザインに繰り返されている規則がないかどうかを確認して、必要ならばそのデザインを取り入れるという工夫も大切になります。
同じデザインのものを規則的に並べるというコツは、Webページ全体だけでなくバナー作成やボタン作成においても使用することができる、非常に応用範囲の広いものです。ぜひ使ってみていただければと思います。
今回はデザインの基本的なコツとして「同じデザインを規則的に繰り返す」ことでWebページ全体から細部に至るまですっきりと見せることが可能であるというお話をしました。今後のご参考としていただければ幸いです。
（担当：斉藤 万幾子）
