現在位置: ホーム > 配色のポイント > 読みやすい背景色 >

固定レイアウトの背景色

デザイン領域の幅を固定するデザインの時の背景色の選び方を説明しております。

印象を壊さない背景色で

ブラウザウインドウのサイズによって、幅が可変して最大幅が変わるようなデザインであればあまり問題はないのですが、固定レイアウトの場合、800×600ピクセルに対応して作られたデザインはもっと広い画面で見れば大きく隙間が出来てしまう場合があります。

固定レイアウトの余白

この部分についつい色を使いたくなってしまいますが、使う場合でもほぼ白に近い色を彩度が低く、明るい色を使うようにしましょう。空いている面積がかなり大きいのでベースカラーなどを用いるとくどい印象になってしまいます。

この例ではベースカラーがHSB[30:60:80]、サブカラーにもHSB[30:40:60]と色相が30で統一感が出来ておりますので、背景の色として低彩度、高明度のHSB[35:5:95]を用いました。読みやすさを重視するために本文が入る部分の背景には色を付けておりません。

違和感を感じない背景色

もちろん必要ないと判断された場合には背景色を使う必要はありません。

投稿者 坂本邦夫 : 最終更新日 2007年04月28日 : 投稿日 2005年11月14日

コメント・トラックバック

コメント

コメントしてください

サイン・インを確認しました、 さん。コメントしてください。 (サイン・アウト)

(いままで、ここでコメントしたとがないときは、コメントを表示する前にこのウェブログのオーナーの承認が必要になることがあります。承認されるまではコメントは表示されません。そのときはしばらく待ってください。)


情報を登録する?