web-dev-qa-db-ja.com

読みやすさ、使いやすさ、目の疲れを軽減するための最良の色の組み合わせは何ですか?

新しいウェブサイトプロジェクトに最適な色のセットを選択しようとしています。

メインコンテンツには、従来の黒地に白のルックアンドフィールを使用したいと思います。ただし、プロジェクトの私のパートナーは、従来のWindowsフォームのルックアンドフィールに似た色の組み合わせを作成したいと考えています。

読みやすさ、使いやすさ、目の疲れを軽減するために使用するのに最適な色の組み合わせについて利用できる研究はありますか?

19
Nick Berardi
  • ここに、色覚異常または視覚障害者のための配色に関するいくつかの ヒント および 研究 があります。
  • 補色、または3つ以上の色を使用したい場合は、ここにいくつかの良いものがあります ガイドライン[pdf]
  • ウェブサイトのユーザビリティを自動的に評価するためのNISTの tools .

そして、上記がうまくいかない場合は、 このページ ゼルダシリーズ全体よりも便利なリンクがあります。

7

私はあなたのサイトでどの配色を使用するかを見つけるために Kuler をお勧めします。そのサイトで「Windows」を検索すると、使用したいウィンドウスキームがいくつか表示されます。一般的に、マーケティングの観点から言えば、特定の色の背景よりも白い背景の方が受け入れられる傾向があります。

4
Chris Klepeis

カラーマッチャー 、の使用を検討することもできます。

私はそれを使用しており、テキストを読みやすく、デザインが理にかなっている補色を見つけることが非常に役立つと思います。

2
ak3nat0n

特定の配色の読みやすさは被験者の性格に依存すると結論付けた研究について読みました。実際、読書障害のある人の中には、本のページにカラーフィルターを配置すると、すぐに速く読むことができる人がいることがわかりました。目に最もわかりやすい配色を選択し、フォントを適切なサイズにすることをお勧めします。避けるべきものは黄色です。同じ研究によると、黄色はほとんどの人にとって一般的に刺激的な色であるため、目に優しいと感じても、聴衆はそうではないかもしれません。目に暗い背景が見やすいと感じる人もいますが、オーディエンスがまだ独自の配色を使用していない場合、Webのほとんどがダークオンライトであるため、サイトが煩わしく見えます。

1
user353414

白は私の目をひどく緊張させます。

大量のテキストに関しては、私は通常、オフホワイトよりも黒を好みます。非常に明るいグレーの色合い。それでも十分に読みやすいですが、私の網膜を燃やしていません。

1
Spencer Ruport

いつでも決定をチェックして、ADAに準拠していることを確認できます。これは 開始 に適した場所です

1
northpole

オフホワイトの背景に黒いテキストが表示されます。デスクトップに背景画像や色はありません

1
fpmurphy

Windowsフォームの外観は、その外観が好きな訪問者のみを保持します。だから、すべてのMac、Linux、および他のWindows嫌いに別れを告げる。

個人的には、白地に黒が好きです。

0
samoz

いくつかのリソース アウト トピックを説明している があります。

原則として、白いテキストで黒い背景を避ける必要があります。それは多くの人にとって迷惑です。

0
Esteban Küber

過去には、Turbo Pascal 7のデフォルトの配色を多くするのが好きでした: 青に黄色 。科学的な関連性についてはよくわかりませんが、白地に黒よりも優れていると思います。

0
dfa

私は個人的に、ウィンドウの背景色に白ではなくC0DCC0(緑がかった)を使用しています。一日中画面を見つめなければならないときに目に優しい。これを1つのデータサンプル研究と見なしてください:)。

(固定色のOSXに対する嫌悪感を想像してみてください...)

0
Eugene