深色背景上的浅色文本与浅色背景上的深色文本:这使读者可以保持更长的聚焦时间?


11

我不想陷入无休止的黑暗与黑暗对立的战争,但是最近我发现了一些有趣的东西:尽管黑暗与黑暗的文字对我的眼睛来说仍然不那么累人(我个人也更喜欢(更多),让我关注文本内容似乎更好。换句话说,它有助于您将注意力集中在阅读的内容上。较长的文本需要花费几分钟才能阅读,因此这一点更加明显。

我正在寻找任何论文,研究,测量,Google Analytics(分析),以查看是否更容易理解文本,更多地吸引读者,使之更容易从内存中调用,而不是专注于可读性的内容。

有没有人做过表明一种方法或另一种方法的研究?


1
这可能归因于事实,因为只有文本和内容是通过光向您发出的,因此更容易看到“暗夜”。因此,较少的信息有助于视觉焦点。
扎克·格里森

有趣的理论。白色(浅色)可能需要更多的眼睛,从而使虹膜变窄,从而增加焦点,而黑色(深色)则需要更少的眼睛,虹膜会减轻(减轻肌肉压力)。
kcdwayne 2014年

@kcdwayne是的,的确如此,但是我仍然会对长期结果感兴趣,因为主题与回忆已读文本的能力之间没有任何联系。
petermolnar 2014年

@ZachariaSamuelGrierson白色背景上的黑色文本似乎更好,而不是深色背景上的浅色文本。
petermolnar 2014年

@petermolnar您介意我将此作为答案提交吗?
扎克·格里森

Answers:


11

长文本的良好印刷术的最基本基础是,该类型对于读者应该是“不可见的”,因此不会影响信息的交流。由此,我们得到了这样的原理,即衬线字体和轻巧的Sans比常规的Sans更好地是长文本,并且浅色的灯光倾向于比深色的灯光更合适。有这种普遍接受的印刷智慧的简短摘要这里。您确实无法将可读性与理解力和保留率相分离。

就是说,我知道缺乏保留的几个原因与排版无关,而且我也看到了这一领域的一些彻头彻尾的愚蠢研究(例如将文本列从中间切下并以1/4分隔的家伙)英寸,因为它“迫使读者将更多的精力集中在文本上”。因此,您在这种情况下的经验可能与类型有关,而可能与类型无关。

坚持印刷,最重要的是,阅读舒适的东西比不阅读的东西更容易被吸收。

验光领域大量研究,特别是视觉治疗,指出眼睛协调性差(行话中的“收敛不足”)与注意力不集中,缺乏固执甚至不喜欢阅读之间存在联系。(通常被误诊为诵读困难或注意力缺陷多动障碍。)各种形式的收敛不足的影响是一种使疲劳的眼疲劳。需要矫正镜片阅读但不戴眼镜的人也是如此。

可以得出结论,关于长篇文字的排版不理想的任何事情都可能对注意力和保持力产生负面影响。

通常,阅读长篇文章时最大的不适感是对比度过高。该妮加超的这个正在该集团的印刷版上亮纸白一本书,并试图在阳光直射下阅读。

当查看一般的暗场(例如,亮暗文本)时,眼睛的瞳孔会变宽。在不涉及技术细节的情况下,较宽的瞳孔==较不清晰的焦点,在类型的边缘略有模糊。光学就是这样工作的。这也是为什么在昏暗的光线下阅读如此痛苦的原因。瞳孔处于最大扩张状态,这意味着焦点处于最差状态。

看着浅色的页面,瞳孔变窄。较窄的瞳孔==更清晰的焦点(顺便增加了视野中物体的边缘对比度)。由此,您可能会得出结论,与衬线表亲相比,无衬线类型的结构比衬线的表亲要大,从衬线的背景中读取的内容要比衬线的表面更好,这是正确的。

Helvetica和类似的sans面孔与其背景形成强烈的对比,除非将重量最轻,否则当将其呈现为黑底白字黑底白字时,阅读时会感到不舒服。当我将文本设置为Sans时,我将使用最轻的字体和/或类似灰色的字体

传统的衬线文字表面(例如Caslon,Jenson和Garamond)在轻质基材上印刷的视觉对比度较小,因此阅读起来更舒适。像埃及板岩这样的平板衬线仅能以较轻的重量读取。粗笔和细笔的笔触强烈对比的Didone或Bodoni笔势太强,无法舒适阅读。

焦点问题可能很微妙。不必是暗夜问题。眼睛将红色和绿色的光聚焦的方式不同,如果您真的想让自己头痛,请将几页文字转换为绿色的红色,然后尝试阅读它们。这很痛!


这是一个很好的答案,而且很长,您在引用一些研究。我很高兴接受它,包括赏金,如果可以的话,请链接报价的来源。
petermolnar 2014年

1
不幸的是,我没有空闲时间来挖掘40多年的参考文献。我在这里给出的是我在实践中也发现是正确的,并且很容易针对自己进行测试。我怀疑,您可能会发现很难追踪的一部分是视觉信息。我已链接到包含许多出色文章的页面。
艾伦·吉尔伯森

同意所有事情,并对学生做出很好的解释。最近我试图回答类似的问题。然后是“真正的科学家” :)我只是想知道为什么人们坚持对那些很容易测试甚至在逻辑上理解的东西进行科学出版。
Mikhail V'7

3

许多人以各种方式和能力对此进行了研究。有些可以使用Google学术搜索找到。这是我发现的与问题有关的一些摘录及其来源:

2.2.2。颜色和视觉注意

在屏幕上的各种图形组件中,颜色是设计的强大组件之一。界面设计师必须能够理解如何在设计中应用颜色。正如Tufte(1989)所断言的那样,“熟练的计算机屏幕视觉设计(注意颜色,版式,布局,图标,图形和连贯性)实质上有助于质量和可用性。”多项研究表明,颜色对人类的影响信息处理。例如,Hoadley(1989)指出,颜色是视觉刺激的属性之一,可以引起人们的注意。此外,Marcus(1992)表示颜色是最复杂的视觉成分。此外,针对视觉注意,尤其是视觉搜索中的颜色进行了广泛的研究,

在几个任务设置中已经评估了颜色对人类绩效的影响。这些任务设置是检测非彩色干扰中的彩色目标,检测彩色干扰中的彩色目标,从而使目标的颜色与干扰的颜色不同,并检测包含特征(例如颜色和方向)结合的目标。例如,Treisman和Gelade(1980)报告说,将对象特征连接在一起需要引起注意,导致参与者在屏幕上检测到包含相等数量的棕色T和绿色X的绿色字母T时需要花费更多时间。另一项研究表明,在从彩色目标词和彩色非目标词列表中搜索目标词时,文本颜色差异会显着影响搜索时间,

显然,证据表明颜色会在各种情况下(例如,视觉搜索和阅读)对视觉注意力产生影响。上述研究操纵了目标和非目标的颜色,非目标被定义为干扰。另一方面,本研究没有探讨目标词和非目标词的颜色。而是研究了动画横幅图形(分散注意力)的颜色。

Zhang(1999)研究了类似的问题。在该研究中,鲜艳的色彩是动画横幅的重要属性,它可以极大地分散用户的注意力。亮度属性分为两个级别:亮色和暗色。没有色相的报道,这给进一步研究留下了困难。但是,结果表明,具有明亮颜色的动画图形比具有沉闷颜色的动画图形更能分散用户的注意力。

就图形中的颜色使用而言,已经很好地讨论了通用准则。Marcus(1992)建议对中心和外围区域使用适当的颜色。蓝色适用于大面积区域,例如屏幕背景。建议在视野中心区域使用红色和绿色,而在视野外围最好使用黑色,白色,黄色和蓝色。

此外,每种颜色组合可能会产生不同的效果。例如,研究表明,图形设计中无效的颜色组合会降低用户的性能和满意度(例如Latomia和Happ,1987年)。动画横幅图形的文本和背景颜色的有效组合是可以促进信息处理并提高点击率,横幅消息的可读性,品牌知名度,对Web外观的欣赏以及网页可用性的影响因素之一。

资料来源:关注度和感知可用性上的文化差异:研究动画图形的颜色组合

关于此问题,有两个概念需要进一步探讨。张的亮度研究使人分心,马库斯(Marcus)建议在不同的焦点区域使用不同的颜色。以下研究似乎在单个段落中解决了这两个问题!

注意力发现的结果表明,在任何背景下,最大饱和度和亮度的颜色最受关注(67%)。黄绿色,绿色,青色范围(45%)引起关注,其次是红色,品红色范围(30%)。优先发现表明,最优选具有最大饱和度和亮度的颜色(25%)。无论背景如何(25%),蓝色都是最理想的色调。在研究结果中还包括前景和背景颜色之间在注意力和偏好方面的关系。

资料来源:色相,饱和度和亮度对注意力和偏好的影响


我自己的结论是:

根据我所做的新阅读,不仅是摘录,还有我阅读的其他论文,在我看来亮度的对比度很重要。也许这就是为什么伟大的设计师经常避免使用纯白色和纯黑色的原因。该站点仅具有灰白色和深灰色。因此,我想找到的答案是,对于注意力而言,“暗开”与“暗开”的重要性不如亮度范围重要。但是,正如您提到的,我可以链接许多研究,这些研究表明,黑暗中的光更容易阅读。在这个问题上,其他人可能会提出一个矛盾,那就是通过在深色背景上使用光,眼睛可以更轻松地专注于这些东西。在我看来,这是一个准确的陈述,但又在合理范围内。纯黑色的背景不好。

这也与艾伦(Alan)关于对比度以及我们如何看待这些颜色的更多机械方面的出色答案相吻合:

通常,阅读长篇文章时最大的不适感是对比度过高。ni plus ultra正在拿一本用亮白纸印刷的书,并试图在直射的阳光下阅读。

当查看一般的暗场(例如,亮暗文本)时,眼睛的瞳孔会变宽。在不涉及技术细节的情况下,较宽的瞳孔==较不清晰的焦点,在类型的边缘略有模糊。光学就是这样工作的。这也是为什么在昏暗的光线下阅读如此痛苦的原因。瞳孔处于最大扩张状态,这意味着焦点处于最差状态。

当然,我不是科学家,心理学家或颜色理论专家,所以请自己阅读整个报告并得出自己的结论。


1

虽然这是一个主观的答案,但我认为答案是:它是主观的,并且完全基于过去的经验和您自己的潜意识期望。

我强烈注意到,当我从一个切换到另一个时,无论我是切换到暗光还是反过来,如果它与我在特定情况下所适应的条件都不相同,它将很难集中精神。

即使在两个紧密相关的环境(代码窗口和命令窗口)中,我仍然需要它们不同。例如,我不能轻松地使用浅黑代码窗口或黑白命令窗口。


0

根据我们的OP评论讨论。

这可能归因于事实,因为只有文本和内容是通过光向您发出的,所以更容易看到“暗夜”。因此,较少的信息有助于视觉焦点。

我们在OP中对此进行了更多扩展,但这将是我提交的答案。


0

我通常将房间保持黑暗以保持舒适。因此,白色的屏幕(像这样的屏幕)上很难看到黑色的文字。看起来好像是一个令人眼花white乱的白色斑点,上面有一些污点,难以阅读。
当阅读页面时,所有其他因素在某种程度上都是次要的。

我认为如果人们的房间的灯光更明亮,那么情况可能恰恰相反……无论哪种方式,现在是时候人们开始提供两种选择,而不是强迫自己的喜好或专门满足人们的喜好。平均。

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.