it-swarm.cn

黑色背景上的白色文字

有什么理由要避免在黑色背景上使用白色文本?

27
Chandra Patni

这是 上面的文章 。引用文章引用:

但是,大多数研究表明,浅色背景上的深色字符优于深色背景上的浅色字符(刷新率相当高时)。例如,鲍尔(Bauer)和卡沃尼乌斯(Cavonius)(1980)发现,参与者在浅色背景上用深色字符阅读文本时,阅读文本的准确性提高了26%。

散光患者(约占总人口的50%)发现,阅读黑白色文字比阅读黑白色文字更难。这部分与亮度有关:在明亮的显示(白色背景)下,虹膜会闭合得更多一些,从而降低了“变形”透镜的效果。在黑暗显示(黑色背景)下,虹膜打开以接收更多的光,并且镜头的变形在眼睛上产生了更加模糊的焦点。

如果您想使用深色主题,请查看其他人如何使用它:

Windows控制台

Windows Console

  • 黑色灰色
  • 大字体
  • 胆大
  • 半衬线

表达混合

Expression Blend

  • 灰色蛋壳
  • 无衬线字体
  • ClearType(在LCD上放大,文本看起来是黄白色;您不会注意到蓝色)
32
Robert Fraser

Timothy Samara在 设计元素:图形样式手册 中提供了黑色和白色的解释。萨马拉告诉我们,黑色是“可见光谱中最强的颜色”。他进一步称它为主导,也是典型的虚无感。另一方面,我们知道白色是“所有”颜色,即整体感和清晰度。

占主导地位的较暗值颜色区域(黑场)将使我们的大脑扩展放置在其中的较浅值颜色。结果是,较轻值的对象将趋于渗入非常暗值区域的空白区域。实际上,白色字符在深色背景中看起来会更重。

字母之间需要一定的间距才能可读-它们必须足够接近才能看起来像一个分组的集合(看起来像一个单词),但又不能如此接近以至于字母之间的边界变得不清楚(并使该组看起来像一团)。当字母看起来更厚时,它们之间的表观空间会减小,单词会趋向于亮白色斑点。除非修改了字体显示方式,否则黑底白字的可读性将因此降低。

但是,只需在界面的样式表中(或用于定义如何/显示什么文字的任何方式)付出一点额外的努力就可以实现白底黑字。

  • 首先,“细”或“轻”(不是“窄”)字体或字体粗细将减少字母正文出血的影响。可选地,较大的字体大小将为字母字形提供足够的表面积,从而可以成功地与黑色背景进行战斗以取得视觉优势。
  • 其次,增加字母间距(对于较小的字体,则更大)将使字形具有看起来像字母所需的额外空间。这两种效果可以减轻黑色背景上的白色标准字体的可用性损失,从而使您可以使用所述替代颜色组合。
10
Matt

主要是关于对比度和媒介。如果对比度太高而不是在深色背景上发光的字母可能会使眼睛疲劳。

这是一个有很多想法的主题 有趣的对话

8
Kostya

黑色背景上的白色文字确实具有非常实用的用途,尤其是在环境光线昏暗甚至甚至是零的情况下,并且显示文字的设备会发出大量的光(例如全亮度iPad)。

5
Max Steenbergen

眼睛疲劳。但是,在某些情况下,一切都适当。

4
Glen Lipka

当您在充满阳光的房间中时,很难在黑色背景上阅读白色文本。当您有一台笔记本电脑而您没有坐在屏幕正前方时,也会遇到同样的问题。黑暗主题看起来很棒。

3
neoneye

我建议您看看 Blackle
这是一个反向的Google-黑底白字。
只需点击一下鼠标,然后转到该网站,即可将您的体验与常规Google进行比较。
(他们这样做是为了 节省能源 ,但至少在我看来,用户体验肯定会受到影响)

2
Dan Barak

几点:

  • 眼睛的虹膜会根据眼睛接收的光量进行调整。如果大部分区域为黑色,而您的光线非常明亮,则可能会使眼睛疲劳,因此,如果屏幕的强度等级较高,则建议灰色为黑色白色为白色黑色,但是,可以调整屏幕的强度级别,因此问题不大。

  • 正如Matt所引用的那样,在我们对所查看图像的感知中,明亮的区域扩展到了较暗的区域,因此当文本比背景明亮时,常规文本显得更粗体。如果文本以粗体开头,则黑底白字的结果可能看起来太粗体,但是,对于常规文本,我发现该文本似乎更加“突出”并且更易于阅读。
    如果我没记错的话,大多数文本都不是粗体的,因此优化常规文本的显示比粗体文本更有意义。

  • 如果您在黑暗的环境中阅读,那么当您将视线从屏幕上移开或回头看时,白色背景都会使眼睛疲劳。

  • 如果您在明亮的环境中阅读,则 请参阅此答案

  • 如果您正在阅读具有多种颜色/阴影(例如,读/写代码)的格式化文本或使用图像,则黑色背景上的较暗颜色比白色背景上的较亮颜色更容易感知(请参阅 公式为对比度)这里 )。

  • 一个普遍的(误)观念是白色的背景是可取的,但是,我所知道的那些确实尝试过使用现代屏幕的显示器和具有合适前景色的深色背景会更喜欢它。

  • 正如弗雷泽(Fraser)指出的那样,所引用的研究已经过时并且没有测量足够的因素(例如屏幕前的时间段,屏幕类型,房间照明,文本阴影和颜色的多样性)。

  • Cleartype用于现代LCD(新的“ LED”屏幕也确实是LCD,只是具有LED背光灯而不是荧光灯),黑白色和黑白色。这是一种通过使用子像素进行抗锯齿的方法,与较暗的像素无关。

1
Danny Varod

有时,样式要求在黑色背景上使用白色字体。如果需要,请确保仅使用无衬线字体,最好不要使用太细的字体。

0
Hisham

并非真正的答案,但:

那么,在黑色背景上使用灰白色效果更好吗?

最近最值得注意的情况是Microsoft Expression Blend。

0
James Ludlow

印度标准的车辆车牌采用深色调亮色,即使在远处也更易读。因此,我们应该考虑在较浅的背景屏幕上使用黑色字体。

0
Rajkamal Subramanian

自从它得到修复以来,有一段时间Safari(Mac OS X上的默认浏览器) 黑色的反锯齿浅色文本与白色的暗文本截然不同 ,使其显得太粗体(看上去 尤其是对于紧紧跟踪的非常粗体的文本而言很糟糕 )。

0
Kit Grose