(翻译)黑底白字样式的使用时机

  很多网站使用浅色背景配黑色字体来显示网站内容,以便于用户阅读。但使用黑底白字样式显示网站内容也有其可取之处。了解这两种样式的使用时机,使设计人员设计的网站不会损害用户的可读性。

阅读 VS 跳读

  用户阅读或跳读网站内容。阅读是将注意力集中到词语上以便完全理解主题。而跳读是通过略读内容以泛泛了解主题。黑底白字样式的使用时机取决于用户是跳读还是阅读网站内容。

段落文本

  用户阅读的内容属于段落文本。为便于用户阅读,段落文本不应使用黑底白字样式显示。迫使用户长时间盯着白色的文字会伤害他们的眼睛,白色会以几乎相同的剂量刺激人眼中所有三种颜色敏感的视觉受体,使得阅读黑底白字样式的段落文本给眼睛带来压力[1]。
  白色还会反射所有波长的光。段落文本中的单词和字母结构紧凑,当白色的文本反射光时,反射光散射并进入邻近的单词和字母,使得单词和字母的形状难以辨识,影响用户可读性。而使用黑色字体,黑色吸收了每个单词和字母周围的光,使它们易于区分。

在这里插入图片描述
  这就是最好选择用带点灰色的浅色背景和黑色字体显示段落文本的原因。背景带点灰色,减少单词的反射光,易于眼睛辨识。黑色字体的效果更好,黑色不会反射所有可见光谱内的光。因此,阅读时盯着黑色字体不会带给眼睛太多压力,黑色吸收了照射到单词上的光。
  如果网站使用黑色背景,则段落文本应偏灰色。灰色字体没有白色字体那么亮,不会带给眼睛太多压力。灰色字体反射的光较少,易于用户阅读。记住,如果是在黑暗没有光的房间阅读文本,黑底白字样式的文本也没有那么难看,因为黑暗的房间里没有光线反射。
在这里插入图片描述

文章标题、章节标题和标签

  用户跳读时使用黑底白字样式显示内容的效果比较好。用户通常会跳读文章标题、章节标题和标签,使用黑底白字样式显示这些内容,可以有效地突出内容以吸引用户注意。
  白色会反射可见光谱中所有颜色的光,这使文字光亮清楚。跳读不用长时间的视觉凝视,只需快速扫视即可看到标题、标题或标签,不用担心用户的眼睛压力太大。

在这里插入图片描述
  将黑底白字样式作为高亮显示工具用于突出显示用户跳读的文本,这是一种巧妙的做法。而浅色背景配黑色字体更适合显示需阅读的段落文本。正确应用黑色和浅色,让用户畅览网站内容,不会感到眼睛疼痛。

原文地址:https://uxmovement.com/content/when-to-use-white-text-on-a-dark-background/

[1]原文: Forcing users to fixate on the white text for a long time can strain the user’s eyes. This is because white stimulates all three types of color sensitive visual receptors in the human eye in nearly equal amounts . This makes reading white paragraph text on dark backgrounds stressful on the eyes.

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值