Webサイトのコンテンツの多い領域を白または明るい色にする必要がありますか?


9

読みやすいように設計された多くのWebサイト(nytimes.comilovetypography.comなど)では、コンテンツを読みやすくするために、白い背景に黒いフォントを使用しています。コンテンツの多い領域には明るい色のみを使用する必要がありますか、それとも暗い色の背景も同じように読みやすいでしょうか?

回答:


14

暗い背景は通常、明るい背景よりも読みにくいと考えられています。十分なレベルのコントラストも読みやすさにとって非常に重要です。

一般に、メディアコンテンツは多いがテキストが非常に少ないデザインには、暗い背景をお勧めします。背景が暗いと写真が目立つようになり、多くの写真サイトの背景が黒くなります。

ただし、テキストが多い場合は、明るい背景または白い背景を使用する必要があります。目にやさしく、新聞や本を読んでいるときに慣れ親しんでいるものを模倣しています。メディアコンテンツにライトまたはホワイトを使用することもできますが、芸術的な感じが少なくなります。

参考資料背景が暗い場合の明るいテキストと読みやすさ


5

読みやすさのこの側面の主な関心事はコントラストです。黒い背景の白いテキストは、白い背景の黒いテキストと同じように対照的です。透過光が少ないため、発光画面で見た場合、黒地に白の方が実際は黒地に黒よりも簡単です。

ほとんどのウェブサイトの白地に黒、または光に暗いスタイルは、紙のパラダイムに起因します。たとえば、紙の文書に精通している人は、白い背景と黒いテキストのワードプロセッサを簡単に認識でき、それがコンピューティングの標準になりました。私の意見では、それは本当に残念です。私は一日中白い画面をじっと見つめ、目を傷つけるのが嫌いです。

編集:これをもう一度読んで、私は私が個人的に白いウェブサイトによって私に吹き付けられた光の量が不快であると思うことを強調しなければなりません。私は可能な限り黒の背景を使用しており、読みやすさに問題はありません。他の答えは、これが標準ではないかもしれないことを示しています。


3
「発光しているスクリーンで見ると、黒地に白が実際に目にやさしい...透過する光が少ないため」本当です。もし私が非常に暗い部屋にいたなら、多分; しかし、画面の白は調整されているため、机の上の白い紙とほぼ同じように知覚された明るさです。私は、1つからもう1つを繰り返し見ると、目を調整する必要が少ないと思います。
e100 2011年

それはおそらく可能です。確かに、他の要因に依存できないということを示唆するつもりはありませんでした。
マシュー

1
反対に、暗い背景で明るいテキストを読むと、個人的に焼き付き(残像)の問題があり、判読できません。
horatio

@ e100:画面がかなり暗くなっている(約60〜70 cd /m²)か、デスクのライトがかなり明るいか、またはその両方だと思います。とにかく、印刷されたテキストと表示されたテキストの間を行き来する場合、生徒はその場合ほとんど何もする必要がないことに間違いなく同意します。
thebodzio

@MatthewRead:私はむしろ「輝度」と言いたいです。
thebodzio

0

私は言うでしょう:人々に彼らのために正しい組み合わせを選ばせてください。ある人は暗い人に明るい人を好み、他の人は明るい人に暗い人を好む–それについて科学的な調査を行ったとしても、どちらが良いかを言うのは難しい。また、視聴条件により、好みが変わる場合があります。シンプルなテーマの切り替えは非常に重要です。誰もが独自のCSSスタイルシートを使用するわけではありません。ところで、この件に関して私が見た2つの論文は、どちらかと言えば数千語という短いテキストサンプルに基づいています。約5チャプター、数千語の本のように、テキストが長い場合に何が起こるかを見るのは興味深いでしょう。

他の回答では、可読性の主な要素としてコントラストについて言及しています。この問題を考慮しながら、コントラストを総輝度から分離するのは不公平だと思います。bereastreetのリンクされた記事は、「…黒い背景の白いテキストはその反対のコントラストが高い…」と引用しています。私は多かれ少なかれ残りの引用に同意することができますが、これは単なるごみです:)。コントラスト coolorsの間の差として理解は、全く同じです。異なるのは、全体の輝度です。このような発言は、「知覚されるコントラスト」として定義する場合にのみ受け入れることができます。また、読書の利便性のためには、視聴条件も重要だと思います。周囲が暗い場合、明るい光の中でうまく機能するものは苦痛になる可能性があります。

1つは、コントラスト自体については、はっきりと強調することはできないと思います。それは、その「正しい」量であるべきだということです。「十分」であるだけでなく、「あまりない」。私は小さな出版社で働いていますが、150ページ以上の本を書いていると、人々が地獄のように明るく(捕虜が青に変わった)紙を選ぶことがよくあります。それは顧客としての権利であり、「特に高齢者(シック!)の人にとっては読みやすく、明るく白い紙に黒い文字を表示する」という主張によってしばしば支持されます。同時に、たくさん読んでいる人たちの間で、私自身の非公式調査を行っています。質問のすべては、過度に明るい紙が彼らの目を殺していると言いました。多くの場合、彼らはより古い問題(「黄色」に変わる可能性があった問題;)を利用しますが、それらを快適に読むことができます。ディスプレイについても同様だと思います。十分な対照–はい…あまり多くない。

そしてもう1つの注意点:紙(および地獄のように明るい紙)でテキストを読むことに言及するとき、表示条件として、私は2800〜3200 K程度の蛍光灯を想定しています。


0

すでに十分にカバーされている読みやすさの問題はさておき、Webサイトのターゲットユーザーはここで重要な役割を果たします。一部のグループは暗い背景によく反応しますが、他のグループは明るい背景を好みます。それは非常に主観的であるので、どのスタイルがどの聴衆に適しているかの例を示すのは難しい。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.