html颜色深黑,网页中为什么不能使用纯黑色的文字或背景?

原标题:网页中为什么不能使用纯黑色的文字或背景?

如果你在设计上使用纯黑色,是否知道自己承担了可读性的错误?

一项调查发现“美国58%的成年人”在计算机上工作时经历了眼睛疲劳。设计师可以通过关注他们使用的黑色来减少设计者眼睛疲劳的可能性。

纯黑色文本和背景

当用户长时间阅读文字时,纯黑色文字和白色背景可能会导致眼睛不适,从而导致眼睛疲劳。

白色具有100%的颜色亮度,黑色具有0%的颜色亮度。色彩亮度的这种巨大差异导致用户看到的亮度级别不一致。这导致他们的眼睛在阅读时更难以适应亮度。

d6a2a28792a3f969f4e9743f277003fe.png

一个例子说明,当我们在黑暗的房间里打开一盏明亮的灯。光线条件的这种剧烈变化对我们的眼睛来说是苛刻的。但是,如果我们在黑暗的房间里开启昏暗的灯光,我们的眼睛就会更容易适应变化,因为我们的视网膜不会因对比度的急剧增加而受到过度刺激。

d66adfb794b6403a4ad04cb67a859b28.png

在白色背景上使用深灰色文字,而不是黑色,所以亮度变化不会太剧烈。这可以防止视网膜过度刺激,并允许用户读取更长的时间。

深灰色可以有不同的亮度。要找到适合文字的亮度,请调查用户看他们最喜欢的哪一个。

无障碍的高对比度

黑色对所有用户都不坏。视力受损但不盲目的低视力用户倾向于在高对比度模式下更好地阅读文字。在为它们设计时,您可能需要在界面上将黑色用于辅助功能设置。普通用户仍应使用深灰色。

411bc8332bb5a61d9f672742576abcd5.png

平衡对比度的可读性

高色彩对比度对于可读性很好。然而,色彩对比度太高,会在阅读时影响用户眼睛的光线水平产生很大差异。文本和背景颜色之间的对比平衡是让用户的眼睛更安全的好方法。

如果您不确定自己的色彩对比度,则可以使用色彩对比检查器来查找适合您的最佳范围。它表明,根据WCAG 2.0行业标准,您的色彩对比度是否过低。但是,它不会指示您的颜色对比度是否过高。这个决定留给设计师仔细斟酌决定。

文字颜色不限于黑白,但它是文字最常用的颜色组合。在设计师使用它之前,他们需要考虑它是如何影响用户的眼睛的。设计减轻眼睛疲劳的痛苦意味着用户可以花更多时间阅读和欣赏界面上的文字。

bc2b92b4d7e2662eff8ad1e12b521eb8.png

责任编辑:

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值