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

ネットショップのコントラスト・配色について

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

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

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

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

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

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

色の組合せについて

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

本当に売れているネットショップが押さえている様々なポイントやテクニックをネットショップの開業から販促までを解説。

・初心者の為のネットショップ開業ガイド
　 |-変化するインターネット環境
　 |-ネットショップのユーザビリティ
　 |-ネットショップとデザイン
　 |-アクセシビリティとネットショップ
　 |-お客様を想定する

・ネットショップ運営チェックポイント
　 |-ネットショップコンセプト
　　　 |-ネットショップであることを明確に
　　　 |-ショップのセールスポイント
　　　 |-特徴のあるロゴ
　　　 |-情報の更新が適切である
　 |-ネットショップ構造・ナビゲーション
　　　 |-ネットショップのレイアウト
　　　 |-トップページへのリンク
　　　 |-グローバルナビゲーション
　　　 |-ラベリング
　　　 |-商品の分類
　　　 |-検索フォーム
　　　 |-サイトマップ
　　　 |-パンくずリスト
　 |-店舗情報
　　　 |-特定商取引法に関する表記
　　　 |-プライバシーポリシー
　　　 |-買い物ヘルプページ
　　　 |-店舗連絡先
　　　 |-よくある質問
　 |-ネットショップのコンテンツ
　　　 |-販売商品の説明
　　　 |-ネットショップの商品写真
　　　 |-ネットショップのバナー作成
　　　 |-ネットショップのキャッチコピー
　 |-ユーザビリティ・アクセシビリティ
　　　 |-リンク切れがない
　　　 |-機種依存文字・フォントの利用