网站的高内容区域是否需要为白色/浅色?


Answers:


14

通常认为深色背景比浅色背景可读性差。足够的对比度对可读性也很重要。

通常,对于媒体内容很多但文本很少的设计,我建议使用深色背景。较深的背景确实可以使照片脱颖而出,并且您会发现许多摄影网站的背景都为黑色。

但是,如果文本很多,则应使用浅色或白色背景。它在眼睛上更轻松,并且模仿了我们在阅读报纸或书籍时所习惯的方式。您也可以将浅色或白色用于媒体内容,但它的手感较淡。

进一步阅读:深色背景上的浅色文本与可读性


5

与可读性有关的主要方面是对比度。黑色背景上的白色文本与白色背景上的黑色文本形成对比。在发光屏幕上观看时,黑底白字实际上比黑底白字更容易在眼睛上看,因为透射的光更少。

大多数网站上的黑白色或浅黑样式可归因于纸张范式。例如,熟悉纸质文档的人可以轻松识别带有白色背景和黑色文本的文字处理器,这已成为计算的常态。在我看来,这确实是一种耻辱。我讨厌整天凝视着我的白色屏幕并且伤害我的眼睛。

编辑:现在重新阅读此内容,我应该强调一点,就是我个人觉得白色网站向我发射的光量不舒服。我尽可能使用黑色背景,并且可读性没有任何问题。另一个答案表明这可能不是常态。


3
我不确定“在发光屏幕上观看时,黑底白字实际上更容易使人眼...因为传输的光较少。” 是真的。如果我在一个非常黑暗的房间里,也许;但是屏幕上的白色已经过调整,因此它的感知亮度与我桌上的一张白纸几乎相同。我相信,当我反复看一看时,眼睛的调整也要少一些。
e100

那可能是可能的。我当然不是要暗示它不能依赖其他因素。
马修(Matthew)

1
另一方面,当我在深色背景上阅读浅色文本时,我个人遇到烙印(残像)问题,发现它们不可读。
horatio 2011年

@ e100:我猜你的屏幕要么变暗了(我说大约60-70 cd /m²),要么桌子上的光非常亮,或者两者都:)。无论如何,我绝对同意在这种情况下,如果学生在打印和显示的文字之间来回移动,几乎没有什么事可做。
thebodzio 2011年

@MatthewRead:我宁愿说“亮度”。
thebodzio 2011年

0

我会说:让人们为他们选择正确的组合。有些人更喜欢黑暗中的明亮,而另一些人更喜欢黑暗中的明亮-很难说哪一个更好,即使有人对此进行了一些科学调查。此外,偏好可能会随着观看条件的变化而改变。简单的主题切换将是无价的–并非每个人都使用自己的CSS样式表。顺便说一句,我所见过的几篇论文是基于相当短的文本样本-大约两千个单词。有趣的是,看到文本较长时会发生什么,例如一本书大约有5章,每章有数千个单词。

其他答案提到对比度是可读性的主要因素。我认为在考虑此问题时将对比度与总亮度分开是不公平的。关于bereastreet的链接文章引用了“……黑色背景上的白色文本与相反的文本具有更高的对比……”。我或多或少会同意其余的报价,但这只是普通的垃圾:)。被理解为冷却器之间的差异的对比度完全相同。是总亮度不同。只有当我们将某些东西定义为“感知的对比”时,这样的陈述才能被接受。我还认为观看条件对于阅读方便至关重要。在黑暗的环境中,在明亮的灯光下有效工作可能会很痛苦。

我认为对对比度本身不能太清楚和坚定地强调一件事,那就是它应该是“正确”的。不仅“足够”,而且“不多”。我在小型出版社工作,而我经常看到人们在他们的150余页书本中选择明亮如地狱(POW变成蓝色)。作为客户的权利是他们的权利,经常得到这样的支持:“它更容易阅读,特别是对于年纪大的人来说,在明亮的白纸上写着漂亮的黑色文字”。同时,我在阅读很多的人中进行了自己的非正式调查。所有被问及的人都说,过分明亮的纸正在杀死他们的眼睛。他们通常会选择较老的期刊-那些有机会变成“黄色”的期刊;)只是为了能够轻松地阅读它们。我认为显示器也是如此。足够的对比–是的…只是其中的太多而已。

还有一点需要注意:当我提到在纸上阅读文本(并且纸在明亮的地狱中;)时,作为查看条件,我假设使用荧光灯,大约2800-3200K。


0

除了已经涵盖的可读性问题之外,网站的目标受众在这里起着重要的作用。有些小组对深色背景的反应更好,而另一些小组则喜欢浅色的背景。很难给出哪种风格适合哪个受众的示例,因为它具有很高的主观性。

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.