情報を見せる背景色

最も大事なのは色ではない

これはウェブサイトで一番大事なのは情報であり、色ではないというスタンスに立つ場合の背景色・壁紙についての考え方です。検索エンジンなどであなたのホームページを見つけてくれた方は、配色を見に来るのではなく、内容を見にくるのです。

ビジネス書や検索サイトを考えれば、わかりやすくなると思います。ビジネス書だけでなく小説なども同じ事ですが、最も大事な部分は文字の情報です。また検索エンジンそのものにおいても最も重要なことは検索結果の表示です。どちらも文字の情報をいかに読みやすくわかりやすく伝えるかが重要だということがおわかりいただけるかと思います。

特に壁紙は模様が入っているため、よほど白に近い色でなければ、文字の読みやすさを妨げこそすれ、助けてくれることはありません。

下の表は背景色と文字色による読みの速さに関する調査の結果で、最も見慣れている白地に黒がやはり一番読むのが早いということになります。判読性の順位とは離れたところからも文字を読めるという距離の順位を表しています。つまり白地に黒が最も早く読め、離れたところからでも文字を読みやすいということになります。

読みの速さに関する色彩対比の効果

(資料)D.G.Paterson and M.A. Tinker, "How to Make Type Readable," 1940, p.120.
配色	相対的読みの速さ	大学生に判定された 判読性の順位
白地に黒	100.0%	1
白地に緑	97.0%	4
白地に青	96.6%	2
黄地に黒	96.2%	3
黄地に赤	95.2%	5
白地に赤	91.1%	6
赤字に緑	89.4%	7
黒字に橙	86.5%	8
白地に橙	79.1%	9
緑地に赤	60.5%	11
紫地に黒	48.5%	10

文字情報が大事な時の背景色は白

このような理由から文字を中心として読ませたい場合は背景色は白を選ぶことをおすすめします。サービスや情報を邪魔するような色はいくら美しくても本来伝えたい内容を邪魔しないようにしましょう。

どうしても背景色をつけなければならない場合はごく薄く付けるようにしましょう。ただしさみしいからとかかわいい壁紙を見つけたなどという曖昧な理由で選んではいけません。