ネットショップのコントラスト・配色

ネットショップのコントラスト・配色について　/　ネットショップのユーザビリティ・アクセシビリティ

ネットショップに限らず、ホームページや紙媒体でも同じ事ですが、背景の色とテキストの色、バナー画像などの色とその周囲の色の組合せなどはネットショップの見易さを大きく左右する項目の一つです。

ネットショップと配色やコントラストの選択の仕方

一般に背景の色と文字の色の明るさの差が大きいほど、文字は読みやすくなります。例えば、以下の文字を見比べてください

全て、黒字に文字を記載しています「ネットショップ」ですが、背景色と文字の色に違い（コントラストの差がでるほど）文字が読みやすくなっていると思います。

基本的には、白地に黒の文字色が最も読みやすいとされていますが、ウェブを閲覧する場合は、パソコンのモニターという発光体を見ることになりますので、薄いグレーの背景色に、黒字である方が、目に優しいと言われています。

また、彩度の高い背景を採用すると、全体的に目が疲れてしまうというデメリットもあります。

色の組合せについて

この他、色にはそれぞれその色が持つ特性というものがあり、色の組合せによりサイトのイメージも異なってきます。また、色を下手に組み合わせると、それこそ、上記の例のように非常に見づらくなることもあります。