相关分类
photoshop教程
Illustrator教程
CorelDraw教程
painter教程
Indesign教程
UI设计教程
sketch教程
设计理论
飞特网 顶部通栏广告

白底黑字or黑底白字,眼睛更喜欢哪一个?

wowo发布于:2017-6-30 11:27 |原作者: JustForTea|
平面教程 / 设计理论 121572| 0| 35 | 0| 6
wowo
福建省 南平市 网页设计师
发私信 + 关注
简介: 在人们的日常生活中,接触最多的书本、网页大部分都是白底黑字,这种方式已经成为一种阅读习惯。但是部分网站黑色背景浅色字体的搭配又让人们觉得体验很好、极具吸引力。那么就会有一些疑问:我们的眼睛更喜欢白底黑字还是黑底白字呢?哪一种搭配的可读性更高呢?针对这个问题, ...

版权申明:本文原创作者“JustForTea”,感谢“JustForTea”的原创经验分享!

在人们的日常生活中,接触最多的书本、网页大部分都是白底黑字,这种方式已经成为一种阅读习惯。但是部分网站黑色背景浅色字体的搭配又让人们觉得体验很好、极具吸引力。那么就会有一些疑问:我们的眼睛更喜欢白底黑字还是黑底白字呢?哪一种搭配的可读性更高呢?

针对这个问题,可以从生理感知和心理感知两个方面来探讨

一、生理感知

从人类眼睛的生理机制来研究。人类视力是由光线进入角膜,角膜屈光后进入瞳孔,经过瞳孔的调节之后进入水晶体,然后集中在视网膜上再传导至大脑,如此转化为我们看到的影像。在这一过程中,有一些独特的生理现象对我们的视觉造成微妙的影响。

1、侧抑制

(侧抑制效应图:同样的颜色但是左侧方块会看起来更深)

FEVTE编注:更多平面设计理论学习请访问飞特网平面设计理论知识栏目,地址:https://www.fevte.com/plan/shejililun/

侧抑制是指相邻的感受器之间能够互相抑制的现象,即在某个神经元受到刺激而产生兴奋时,再刺激相近的神经元,则后者所发生的兴奋会对前者产生抑制作用。当一个感受器受到刺激时,由此产生的神经冲动将对邻近部位的输入信号产生抑制性的影响。

(因为侧抑制现象,人们在明暗变化的边界上,常常在亮区看到一条更亮的光带,在暗区看到一条更暗的线条,这个更亮和更暗的区域就是马赫带效应)

总体来说,侧抑制网络在信息预处理中的主要功能有以下几个方面:

① 可以突出边缘,增加反差。

② 将很大的输入变化范围压缩到网络本身的动态范围之内,具有明显的亮度适应作用;

③ 可以对图像的细微间断处进行拟合,具有明显的聚类作用。

影响:在阅读文字信息时,盯住的字会最清楚,这个字周边的其他字就会被视觉中枢弱化。侧抑制也是造成人类多种视觉错觉的原因之一。

2、视觉适应

白底黑字or黑底白字,眼睛更喜欢哪一个? 飞特网 设计理论50b85951b28aa8012193a3dbf280.jpg

(锥形细胞和杆状感光细胞)

视觉适应是视觉器官的感觉随外界亮度的持续刺激而变化的过程。视网膜中包含锥状细胞和杆状感光细胞,锥状细胞负责在光线之下使视力清晰,并且感知颜色;杆状感光细胞让我们能在黑暗的环境感知弱光。视觉适应的机制就是这些细胞和神经活动的重新调整,可以分为暗适应和明适应。

① 暗适应:照明停止或者由明亮环境进入黑暗环境的时候,眼睛会暂时看不见事物,这个时候杆状感光细胞开始工作,提升对弱光的敏感度,使人类逐渐适应黑暗环境。(杆状感光细胞有障碍的人就是"夜盲症"啦,并且杆状感光细胞不能辨别颜色,所以黑暗中看什么都是一个颜色!)

② 明适应:照明开始或者由黑暗环境进入明亮环境,人眼感受性下降,眼睛过渡到明视觉状态。比如走出电影院,开始觉得阳光刺眼,但很快就能恢复正常状态。

影响:暗适应和明适应是人类眼睛应对环境光线刺激的反应能力,但是频繁的视觉适应会导致视觉迅速疲劳。

3、视觉后像

白底黑字or黑底白字,眼睛更喜欢哪一个? 飞特网 设计理论a8b55951b2aba8012193a329a358.jpg

(盯住白色区域看30秒,再看别处会看到白色区域的影像)

光刺激对视觉器官的作用停止后,细胞的兴奋并不随着刺激的终止而停止,感觉现象能保留一个短暂的时间,这种现象叫做视觉后像。比如盯着灯泡看数秒,再看别处,会看到发光灯泡的影像。

影响:强烈刺激会引起视觉器官兴奋,产生视觉后像,同时会加速视觉疲劳。

根据上面的几个视觉现象,可以得出这样的结论:

① 因为侧抑制的视觉现象,不论是白底黑字还是黑底白字,人类的眼睛都可以增加反差,让黑色字体更黑,白色字体更亮,从而清晰的识别文字。

② 因为视觉适应的原理,我们在光线充足的时候阅读黑底白字的信息,视觉聚焦于白色文字,黑色背景也会更暗,眼睛需要进行暗适应,所以会加速视觉疲劳。而在夜晚则相反,眼睛已经是暗适应的状态,阅读黑底白字的信息,不需要进行视觉适应,疲劳感不会增加。所以在晚上使用深色底浅色字的夜间模式会减少刺激,使眼睛更舒服。

③ 阅读黑底白字的信息时,因为侧抑制会使白色字体更加炫目,黑色背景更加沉重,长时间浏览白色字体,会产生强烈的光刺激从而产生视觉后像,造成视觉疲劳。所以即便在使用黑底白字的时候,也要通过降低对比度的方式,减弱这种光刺激,从而减轻视觉的疲劳感。而阅读白底黑字的信息时,聚焦的文字为黑色,不会产生光刺激,视觉后像的情况基本不会出现。

二、心理感知

1、背景颜色属性

白底黑字or黑底白字,眼睛更喜欢哪一个? 飞特网 设计理论53d95951b2eea8012193a3594b93.jpg

(图为#000000黑色和#FFFFFF白色)

① 黑色:黑色可以定义为没有任何可见光进入视觉范围(显示屏是主动发光,不发光即为黑色),黑色可以让其他颜色变得更亮,从而凸显出来。从色彩心理学上来看,黑色传递出高雅、正式、名望、权力的感觉,大面积的纯黑会给人一种严肃和压抑的感觉。

② 白色:一种包含光谱中所有颜色光的颜色,通常被认为是"无色"的,且明度最高,无色相(显示屏中把三原色组合在一起就发出白色光)。白色是一个中立的颜色,常常被用作页面的背景色,大多数的印象就是干净和简洁,大面积的白色会有一种舒张、放松的感觉。

2、搭配效果

白底黑字or黑底白字,眼睛更喜欢哪一个? 飞特网 设计理论e1225951b30da8012193a32fe80f.jpg

(单行字体效果对比)

① 白底黑字:传统的白底黑字整体效果比较干净清爽,阅读时焦点不会第一时间落在文字上,由于周围白色区域反光,读者的注意力会不时发生游离。但是因为侧抑制的现象,聚焦不反射光的黑色字体时,视觉刺激并不强烈,所以长时间阅读造成的视觉疲劳感较弱。

12下一页
35

好评
28

差评

刚表态过的朋友 (63 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

wowo
福建省 南平市 网页设计师
+关注 发私信

最新评论

您需要登录后才可以评论和提交作业 登录 | 立即注册
本周热点文章
2020 新飞特 从心开始
关于飞特| 广告服务| 付款方式| 版权申明| 网站地图| 联系我们| 加入我们| 举报| 帮助中心| 移动版| 手机版| 飞特网

委托设计