许多设计为易于阅读的网站(例如nytimes.com或ilovetypography.com)使用白色背景和黑色字体,以使内容易于阅读。是否有必要只为内容丰富的区域使用浅色,或者深色背景是否同样具有可读性?
网站的高内容区域是否需要白色/浅色?
深色背景通常被认为比浅色背景可读性差。足够的对比度对于可读性也非常重要。
一般而言,我会为具有大量媒体内容但文本很少的设计推荐深色背景。较暗的背景确实可以使照片脱颖而出,您会发现许多摄影网站都有黑色背景。
但是,如果您有很多文本,则应使用浅色或白色背景。它在眼睛上更容易,它模仿了我们在阅读报纸或书籍时所习惯的东西。您也可以将浅色或白色用于媒体内容,但它的艺术感较差。
进一步阅读:深色背景上的浅色文本与可读性
对可读性这一方面的主要关注是对比。黑色背景上的白色文本与白色背景上的黑色文本形成对比的方式相同。在发光屏幕上观看时,黑底白字实际上比白底黑字更容易在眼睛上观看,因为透射的光更少。
大多数网站的白底黑字或浅底黑字的风格归因于纸张范式。例如,熟悉纸质文档的人可以很容易地识别出具有白色背景和黑色文本的文字处理器,这已成为计算领域的常态。在我看来,这真的很可惜。我讨厌整天盯着我的白屏,伤害我的眼睛。
编辑:现在重新阅读这篇文章,我应该强调,我个人发现白色网站向我发出的光量让我感到不舒服。我尽可能使用黑色背景,并且在可读性方面没有任何问题。另一个答案表明这可能不是常态。
我想说:让人们为他们选择正确的组合。有些人更喜欢黑暗中的明亮,其他人更喜欢黑暗中的黑暗——很难说哪个更好,即使有人对此进行了一些科学调查。此外,偏好可能会随着观看条件的变化而变化。简单的主题切换将是无价的——不是每个人都使用自己的 CSS 样式表。顺便说一句,我看到的关于这件事的几篇论文都是基于相当短的文本样本——大约几千字。看看当文本较长时会发生什么会很有趣,比如一本大约有 5 章,每章几千字的书。
其他答案提到对比度是可读性的主要因素。我认为在考虑这个问题时将对比度与总亮度分开是不公平的。bereastreet 上的链接文章引用“......黑色背景上的白色文本与相反的对比度......”。我可以或多或少同意其余的报价,但这只是纯粹的垃圾:)。对比,被理解为冷却器之间的差异,是完全一样的。不同的是总亮度。只有当我们将某些东西定义为“感知对比”时,这种说法才能被接受。我也认为观看条件对于阅读的便利性至关重要。当周围环境很暗时,在明亮的光线下效果很好的东西可能会很痛苦。
有一件事,我认为不能太清楚和坚定地强调对比度本身就是它应该是“正确”的数量。不仅“足够”,而且“不多”。我在一家小型出版社工作,我经常看到人们为他们的 150 多页的书选择明亮的纸张(POW 变为蓝色)。这是他们作为客户的权利,经常得到这样的说法的支持:“它更容易阅读,尤其是对于老年人(原文如此!),漂亮的黑色文本在明亮的白纸上”。与此同时,我正在对经常阅读的人进行我自己的非官方调查。所有被问到的人都说,过于明亮的纸张正在扼杀他们的眼睛。他们通常会选择较旧的问题 - 那些有机会变成“黄色”的问题;),只是为了能够舒适地阅读它们。我认为显示器也是如此。足够的对比——是的……只是不要太多。
还有一点需要注意的是:当我提到在纸上阅读文字时(纸上的文字亮得像地狱;)),作为观看条件,我假设荧光灯约为 2800-3200 K。
撇开已经充分涵盖的可读性问题不谈,您网站的目标受众在这里发挥着重要作用。一些群体对深色背景的反应更好,而另一些群体则更喜欢浅色背景。很难举例说明哪种风格适合哪些观众,因为它是高度主观的。