如果问你,为什么提示图标要设计成红色?

Recommand
北京/UX设计师/5年前/1212浏览
如果问你,为什么提示图标要设计成红色?Recommand
京东RED

这篇文章拿去写ppt吧


街道上的红绿灯🚥 ,为什么表示停止的是红灯?

手机上的app📱,为什么表示警示或提示信息要设计成红色?

这篇文章来讲一下这个问题。



一. 人是如何看到颜色的?


首先,颜色这个概念并不是物理学上的定义,而是生理学上的,因为世界上并不存在我们所熟知的所谓赤橙黄绿青蓝紫,一般说我们看到了的颜色,只是我们看到了那个颜色对我们视觉形成的一种颜色的光,比如说我们看到一个物体在我们人眼看来是红色的,是因为该物体吸收了除红光以外的其它波段的光。我们就把这段波长叫做红色,我们看到的不同波长也对应了不同的颜色。


事实是,我们人为的将这些光脑补了定义叫做颜色。


1. 生理基础

了解了颜色是什么,再了解一下人眼对各种颜色的生理基础。


人能通过光波而感受到颜色这要归功于我们眼球后面的视细胞(optic cell),它位于视网膜内,能把光刺激转变成神经冲动的细胞。


视细胞由外节、内节、胞体和终足四部分组成。胞体是含核的膨大部分,终足相当于轴突,内、外节相当于树突。外节是视细胞的感光部分,有细胞膜内陷折叠而成的片层(或圆盘)结构,其内含有感光物质。内节稍粗,含有大量线粒体,是能量代谢最旺盛的部位。外节和内节相连,从内节有9对小纤毛伸入外节,起传递兴奋和物质的作用。


眼球后面那段长方形就是视神经的位置


在人的视网膜里扮演着光的传感器的角色的视细胞,分别是视锥细胞(cone cell)和视杆细胞(rod cell)视锥细胞大概600~700万个,实杆细胞大概一亿2500万个左右,这些细胞给了我们这个五彩斑斓的美妙世界。




带有尖尖一边的是视锥细胞(cone cell),没有尖尖的是视杆细胞(rod cell)



下面分别讲这两个细胞:


· 视锥细胞(cone cell)- 主要负责强光感知颜色,对弱光和明暗的感知不如视杆细胞敏感;而对强光和颜色,具有高度的分辨能力。在视网膜的黄斑中央凹处,只有视锥细胞,光线可直接到达视锥细胞,故此处感光和辨色最敏锐;视锥细胞可以产生明视觉,对物体细节和颜色分辨力强,我们能够读书看报刷手机,多亏了视锥细胞。


· 视杆细胞(cone cell)- 主要负责在昏暗环境中产生暗视觉,但只能辨别明暗,不能分辨物体的细节和颜色。在视网膜中紧贴于色素细胞层,多分布于中央凹的周缘,视杆细胞内含有一种叫做视紫红(rhodopsin)的结合蛋白,暴光时可分解为视蛋白及视黄醛(维生素A醛),经过酶的作用,分解为维生素A。在暗处维生素A又可重新合成视紫红质,故此视杆细胞在弱光时候更能发挥其作用。每当我们仰望浩瀚星空和月圆月缺,都是视杆细胞的功劳。



当视杆细胞和视锥细胞接收到的信息后,被传送给视网膜上的近100万个节细胞。这些节细胞,将来自视杆细胞和视锥细胞的信息通过视神经发送到大脑,我们就感受到了这多姿多彩的世界。



2. 色彩的原理

视觉的两大特性是色彩和明度,明度可以包括黑白和各种灰。但大自然中的颜色可是非常庞大的一个数量,颜色和颜色之间也没有泾渭分明,各种颜色之间有着无法计数的中间色,然而,为什么偏偏把红黄蓝三种成为三原色呢?


我们先分清楚三原色和三基色:


· 三原色 - 是绘画里的概念,指的是红、黄、青三原色,通过这三原色颜料的混合,可以调出其他各种颜色的颜料,而通过其他颜色的颜料却不能调出这三种颜色;颜料和其他不发光物体的三原色是品红(相当于玫瑰红、桃红)、品青(相当于较深的天蓝、湖蓝)、浅黄(相当于柠檬黄)。




· 三基色 - 是光学里的概念,白光也就是太阳光经过色散后成为七种颜色的单色光,其中的红、绿、蓝三种色光可以混合为其他颜色的光,而不能由其他任一颜色的光合成;其实,可见光并不是由三种颜色混合而成,但是人类只能按照三种颜色去识别色彩,因为人眼对不同光感细胞对不同的波长可见光的吸收光率是不相同的;


 看到了吗?red光 650-700




结合,光感三基色和印刷三原色来看,印刷的三原色是模仿了人类可以感知的光感波长,而调和出了与之相匹配并适应印刷技术的三种颜色。


二. 那为什么是红色对用于警示和提示?


心理学上认为,人的第一感觉是视觉,对视觉影响最大的则是色彩。人的行为之所以受到色彩的影响,是因人的行为很多时候容易受情绪的支配。


从上图我们看到RGB三种光来说,对于红色频率的电磁波最为敏感,人的视觉对蓝光的敏感度最低。这也就直接解释了,之所以警示⚠️作用的视觉信息通常设计成红色, 是因为人对红色的光波最为敏感,最容易引起人的注意,这也间接的说明了,邻近红色的那段暖色区域,相对来说都是人的敏感阶段,相对于冷色暖色更容易引起人的注意,不同波段的不同色彩也使人的情绪受到不同的体验刺激。


手机app的提示



人对颜色的感受不单源于对大自然的先天的色彩的自然的认知,比如蓝色的天空、鲜红的血液、金色的太阳等等最原始的影响。也会受不同地域、不同国度和民族、不同性格和不同社会文化等等的影响,比如中国人觉得红色代表喜庆,幸福等等。


所以我们在做设计的时候,就要灵活的运用颜色给人带来的不同方面的体验感受,来传递要表达的视觉信息。



· 红色 - 是波长中给人刺激最敏感的一种颜色,是最吸引人注意力的颜色,我们可以利用红色设计在品牌VI中,结合品牌自身的调性达到传递出刺激、热情、轰轰烈烈、奔放和力量,还有庄严、肃穆、喜气和幸福等等感受;另一方面在UI设计中,很多警告和错误提示为了引起用户的注意也使用了最刺激的红色,这时候如果很多主要按钮和文字等等也大量的出现红色,就会对用户造成一定的困扰;



· 绿色 - 是波长中仅次于红色的颜色,对人也有着较强的吸引力,而且人的原始的生理体验是从大自然中更多的体会到绿色光波,所以绿色通常带给人的感受是生长,生育,健康,自然等等,有着消除疲劳,提高工作效率的作用,所以我们可以看到很多环保♻️新能源,健康食品等等相关的视觉方面的设计,用绿色的较多;在UI设计中,绿色可以代表用户做了正确的操作之后的提示;



· 蓝色 - 是波长中对人刺激最弱,最不易被吸引的颜色,蓝色没有红色那样热烈奔放,也不会像红色那样过多的存在给人带来焦虑和烦躁,相反蓝色引起人的情绪波动较弱,常给人冷静,平和,和谐,信任和安全的感受。UI设计中,B端的业务通常较多的使用蓝色,来体现其系统的商务性和专业度,也通常用蓝色来平缓B端用户在使用时的情绪波动,提高工作效率;


SAP的B端系统(放大看)



希望设计师们都能有理有据有说服力,找到科学的设计理论依据。探索科学的设计方法,我们一起努力吧! 



引申阅读/引用理论或文章书籍等:

· 牛顿是发现光是有红橙黄绿青蓝紫,七个颜色组成的, 他是发现了光波。真正发现三原色的是托马斯·杨格(Thomas Young)和赫尔曼·冯·赫尔姆霍兹(Hermann von Helmholtz)
· 适当补充维生素A防止夜盲症:因为视杆细胞功能结构的重要组成成分是维生素A,因此缺乏维生素A,感弱光能力降低,出现夜盲症,喜夜间活动的动物视杆细胞发达。
· 负后像效应:色盲往往是成对出现的,成对的色彩之间的神经节细胞层面是互相抑制的,红色与绿色相互抑制,蓝色和黄色等等。色盲就是特定的视锥细胞发育出现问题,红绿色盲如果绿色视锥细胞有问题,就失去了对红色细胞的抑制作用,俩颜色就都看不出来了😢 
· 参考书《认知心理学》- 威廉.冯特
· 参考书《设计心理学》- 唐纳德.A.诺曼 


15
Report
|
30
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
相关收藏夹
干货文章
干货文章
干货文章
干货文章
作品收藏夹
用户体验
用户体验
用户体验
用户体验
作品收藏夹
设计图标
设计图标
设计图标
设计图标
作品收藏夹
交互学习
交互学习
交互学习
交互学习
作品收藏夹
UI-学习
UI-学习
UI-学习
UI-学习
作品收藏夹
设计方法论
设计方法论
设计方法论
设计方法论
作品收藏夹
大家都在看
Log in