(翻译)文本或背景色绝不能用纯黑色的原因

news/2024/4/17 11:09:58

  你知道纯黑色会导致视觉疲劳吗?调查发现,58%的美国成年人使用电脑工作时都体验过视觉疲劳。设计人员工作时可以关注黑色的用法,以减轻用户的视觉疲劳。

白底纯黑字

  用户长时间阅读文本时,采用白底纯黑字会造成视觉疲劳。白色的亮度为100%,而黑色为0%,这种亮度差异会形成强烈的光线强度,在用户阅读文本时过度刺激眼睛,使眼睛更努力地适应亮度[1]。
  举个例子阐述上面理论,当在黑暗的房间里打开明亮的灯时,光照条件的剧烈变化对人而言很刺目。但如果打开的是昏暗的灯,人的眼睛会更容易适应光照变化,视网膜并没有受到光线急剧增加带来的过度刺激。

在这里插入图片描述
  在白色背景上采用灰色文本,而非黑色,亮度变化不会太剧烈,能防止过度刺激视网膜,让用户阅读时间变长。
  研究发现:“白底黑字会过度刺激OFF神经节细胞,而黑底白字会过度刺激ON神经节细胞”。这意味着“黑底白字可以抑制近视加深,而白底黑字会刺激近视”。由于对比极性的显著影响,研究团队建议不要在白色背景上阅读黑色文本。[2]

纯黑底白字

  不采用纯黑底白字也是有原因的。纯黑色背景会消除屏幕散发的光线,这让人阅读起来很费劲,必须睁大眼睛才能吸收更多的光线。出现这种情况时,白色的文字可能会渗入黑色背景中,并导致文本模糊,这种效果被称为“晕影”,它会影响散光患者,而所有年龄段的人都可能有散光。
在这里插入图片描述
  不用黑色背景,采用深灰色背景能让屏幕发出更多的光线,文字也不会渗入背景中。这样可以减少眼睛疲劳,增加阅读时间。

采用高对比度以提高可访问性

  纯黑色并不是对所有用户都有害。患有弱视的用户(视力受损,但没有失明)更适合阅读纯黑色文本或黑底白字的文本。面向弱视用户设计时,设计人员需要使用黑色来实现可访问性。而对于视力正常的用户,应坚持使用深灰色以防止视觉疲劳。

平衡颜色对比度以提高易读性

  高对比色有益于提高易读性,但过高的话会形成强烈的光线强度,影响用户阅读。平衡文本和背景之间的颜色对比度是确保用户安全阅读的有效方法。
  如果设计人员不确定系统的颜色对比度,可以使用颜色对比度检查程序找到适合系统的最佳范围。基于可访问性指南,颜色对比度检查程序会提示设计人员系统的颜色对比度过低,但不会提示颜色对比度过高,是否过高留给设计人员决定[3]。
  文本颜色不限于黑色和白色,但这两种颜色是最常用的颜色组合。设计人员采用黑色和白色之前,应慎重考虑对用户视觉的影响。设计能够减少视觉疲劳,意味着用户可以花更多的时间阅读和享受界面上的内容。

原文地址:https://uxmovement.com/content/why-you-should-never-use-pure-black-for-text-or-backgrounds/
[1]原文:White has 100% color brightness, and black has 0% color brightness. Such a disparity in color brightness creates intense light levels that overstimulate the eyes when reading text. This causes the eyes to work harder to adapt to the brightness.
[2]原文:A research study found that “black text on a white background overstimulates the OFF ganglion cells while white text on black background overstimulates the ON ganglion cells.” This finding means that “white text from a black screen could inhibit myopia, while black text on white background may stimulate myopia.” The study advises against re
[3]原文:It shows you when your color contrast is too low based on accessibility guidelines. However, it doesn’t indicate when your color contrast is too high. That decision is left for the designer’s careful eye to decide.
https://www.zhihu.com/question/20612341?_t_t_t=0.09112283228113605


http://www.ppmy.cn/news/772369.html

相关文章

百度地图TextureMapView变黑

在用到百度地图的时候我们需要两个Fragmenta之间相互切换,但是用了一个MapView切换后会出现重叠卡死现象,这时百度提供了一个TextureMapView,这时问题又来了,TextureMapView出现了黑屏的问题,原因就是我在Application里面设置了an…

MySQL阶段_DAY17-DAY19(附笔记)

【注意】:管家婆知识的目录结构,一个针对于CRUD的小案例,也就是后端的CRUD 1、控制层 接收view传递的数据, 向service传递数据(调用service层) 向view返回结果 package controller;import java.util.List;import domain.ZhangWu; import servi…

【deepin】【qt】解决透明背景变为黑色问题

使用的操作系统版本和qt版本 我自己电脑的深度操作系统版本是20.7.1 64位,qt版本是qt5.15.2 。 参考博客 CentOS下Qt窗口透明效果失效,成黑色背景的问题 https://www.bbsmax.com/A/GBJrYLvZz0/ 实际操作 参照上面的博客试了试,我这边只需要用到下面的代…

桌面计算机图标变黑块,win7图标变成黑色方框怎么恢复 解决电脑桌面图标变成黑色方块...

win7图标变成黑色方框怎么恢复 解决电脑桌面图标变成黑色方块 在我们使用电脑时,是否会发现开机之后图标突然变成黑色方块,不管是刷新还是用软件进行病毒查杀清扫都无法解决。我们该如何解决这样的问题呢,小编今天就来和大家说一说。 第一种…

计算机桌面总是出现纯黑色,电脑桌面图标变成黑色方块该怎么解决?

有时候我们开机后,会突然发现自己桌面的图标都会带上一个黑色的方块,比较郁闷的是,不管怎么杀毒,这个问题都无法解决,其实桌面图标出现黑色方块,这并不是中毒的一种情况,而是桌面图标缓存错误加…

电脑桌面下栏和计算机里面全黑,电脑Win7系统开机后背景是黑色没有任务栏也没有显示桌面...

电脑在开机之后难免会遇到一些奇葩的问题,近日有用户使用的win7系统,在电脑开机进入系统后发现屏幕是显示黑色背景,一直没有显示桌面,也没有显示任务栏,更纳闷的就是还会自动打开资源管理器、记事本或其他页面等等。遇到这样的问题你是如何去解决的呢? 有的用户会认为这与…

将电脑磁盘变为黑色

将电脑磁盘变为黑色 桌面鼠标右键-----个性化-----颜色-----深色 然后磁盘里面以及其它软件部分地方也会变成黑色背景

python怎么调成黑色背景_怎么切换pycharm软件的背景颜色为黑色

有时候我们在使用pycharm软件时,想切换pycharm软件的背景色为黑色,怎么切换pycharm软件的背景颜色为黑色?下面来分享一下方法。 工具/原料 pycharm软件 电脑一台 方法/步骤 1 电脑的开始菜单上找到并点击打开【pycharm】软件。 2 然后…

word图片另存为变黑色_别处复制过来的 图像在word中粘贴后变黑怎么处理?

在 Word 中打印插入图片的文档时,图片会被打成黑色的色块,怎么办?(有链接http://oabbs.zol.com.cn/1/17_2517.html) 解决方法 方法一:关闭高级打印功能 依次点击电脑左下角的“开始”→“设置”→“打印机和传真”,在打…

百度地图 变黑问题 解决方法

有地图的页面 这样定义一下 public static Activity mgpaActivity; public static MapView mMapView; Override protected void onResume() { super.onResume(); mMapView.onResume(); getWindow().clearFlags(WindowManager.LayoutParams.FLAG_DIM_BEHIND); }然后跳转…

解决win10文件夹窗口变黑问题

今天,将win10升级到了19042.631版本,发现文件夹窗口背景颜色自动变成了黑色,如图(1)所示: 图(1) 文件夹窗口的背景颜色变成了黑色 这是因为win10把【个性化】里的的"选择默认应用模式"设置成了[暗]。 解决方法如下&…

电脑桌面下栏和计算机里面全黑,电脑桌面下面菜单栏变黑条了,为什么?

2017-10-13 下面的任务栏不见 了,而且控制桌面的任务栏(开始)和菜单栏单机也不反应怎么调出菜单栏 两种可能:1,你选择了隐藏任务栏和开始菜单! 你可以进控制面板---任务栏和开始菜单,把隐藏去掉!2&#xff…

计算机重启后桌面文件没有反应,电脑重启后桌面文件丢失背景变黑怎么办

好久没有打开过电脑了,今天一打开好像东西不见了,桌面怎么是黑色的,之前明明不是这样的,怎么办?学习啦小编为大家整理的电脑重启后桌面文件丢失背景变黑的相关资料,希望能帮助到大家! 电脑重启后桌面文件丢失背景变黑…

png背景变黑原理解析

最近有个项目,在加载同事提供的png图像后,发现图像显示全黑,一开始排查流程,使用自己的png测试却正常。于是有了这次的探索记录。 随手百度出来,很多人有这个疑问,但是大部分人的解决方案都是使用某些软件转…

Python学习笔记(十八)————python包相关

目录 (1)python包作用 (2)自定义python包 (3)导入自定义包 方式一: 方式二: (4)导入第三方包 ①pip安装 ②PyCharm安装 (1)pytho…

【IoT物联网】IoT小程序在展示中央空调采集数据和实时运行状态上的应用

利用前端语言实现跨平台应用开发似乎是大势所趋,跨平台并不是一个新的概念,“一次编译、到处运行”是老牌服务端跨平台语言Java的一个基本特性。随着时代的发展,无论是后端开发语言还是前端开发语言,一切都在朝着减少工作量&#…

机器学习28:《推荐系统-I》概述

在互联网领域,推荐系统(Recommendation Systems)的应用非常广泛。在音视频方面,如抖音、快手、哔哩等;在电商平台方面,如京东、淘宝、拼多多等。推荐有助于帮助用户快速发现潜在感兴趣的内容(音…

基于springboot+mybatis-plus+mysql+vue音乐网站管理系统

基于springbootmybatis-plusmysqlvue音乐网站管理系统 一、系统介绍1、系统主要功能:2.涉及技术框架:3.项目说明: 二、功能展示三、其它系统四、获取源码 一、系统介绍 1、系统主要功能: 音乐播放 用户登录注册 用户信息编辑、头…

android 支持键盘导航

编写:zhaochunqi - 原文:http://developer.android.com/training/keyboard-input/navigation.html 除了软键盘输入法(如虚拟键盘)以外,Android支持将物理键盘连接到设备上。键盘不仅方便输入文本,而且提供一种方法来导航和与应用交…

计算机键盘的区域,刘坚强办公学《新手学五笔打字》1-1 键盘区域的划分

原标题:刘坚强办公学《新手学五笔打字》1-1 键盘区域的划分 大家好,从今天开始,我们来学习五笔打字。因为打字是通过电脑键盘来操作的,所以对于新手来说,首先要做的是认识电脑键盘。 键盘就是这个黑色的长方形物体(如图…
最新文章