配色以外ではほとんど制御できないWebサイトのデザインを変更したいと考えています。私は、変更の決定をバックアップするためにユーザビリティの証拠を見つけたいと思います。または、その証拠を使用して私の提案を調整します。
現在のWebサイトでは、テキスト領域の背景に濃い青色の背景があります(#b5676背景に#D5D4D4テキスト)。そのデザイン全体の圧倒的な青さのため、テキスト領域の背後にあるより青みがかった木炭色(同じ#D5D4D4テキストの#2d3c53背景)のデザインに変更したいと思います。暗い背景によく見えるアクセントカラーを使用するなど、場所の周りに他の色の変更があるはずですが、ここで問題となっているのは、これら2つの配色の読みやすさです。
古いものと提案された新しいものを比較するスニペット:
私はGoogleで記事を検索して、さまざまな色の暗い背景の明るいテキストの読みやすさを比較していますが、何を試しても、「暗い背景」は常に「背景色」ではなく「どこでも黒い背景」を意味すると解釈されます閲覧ウィンドウのテキストの色よりも暗い」このため、青みがかった青とのコントラストがわずかに高いにもかかわらず、色の濃い背景よりも色の薄い背景のテキストの方が読みやすいという疑念を確認または反省するものは何もありません。
異なる色の暗い背景の使いやすさを比較する優れた研究や記事はありますか?
これに関する研究へのリンクはありませんが、色の選択に関する1つの素晴らしい議論はaccessibilityです。
アクセシビリティでは、色覚異常と、色とテキストの色の読みやすさが考慮されます。
カラーコントラストチェッカーツールを使用してコントラスト比を確認することは、何らかの方法でハードエビデンスを取得する1つの方法です。コントラスト比が高いほど、テキストが読みやすくなります。
WebAIMは、Googleなどの企業によって実証され、使用されているツールを提供します。
シナリオに役立つ記事を見つけるのは簡単ではありません。なぜなら、コンテキストはアプリケーション環境に非常に固有だからです。アプリケーションのシナリオに応じて、自分でアウトラインを作成する必要があると思います。あなたが使用した色についての私の個人的な意見は、それはあなたが伝える必要のあるアイデアに関連するものです。天気は陽気で信頼できるものである必要があります。それに加えて、長いテキストは暗い背景では良くありません。