最近微信键盘的 macOS 版本发布了,出于尝鲜的心态,我第一时间下载了这个输入法。尽管微信键盘的词库目前还不如我使用过的原生输入法,但我被微信键盘的配色所吸引。

让我们从微信开始,探讨色彩和视觉感受之间的联系。提前声明,我并非设计师,只是从一名“预备役”心理学和神经科学学生的角度出发,探讨为什么微信的配色让人感到十分舒适。

一、生理学与设计

想要探讨视觉系统,就要先了解一下人眼的运作机制。人眼的视网膜上有视锥细胞和视杆细胞两种光感受器。其中,视杆细胞主要感受弱光、暗视觉以及没有颜色的视觉,视锥细胞主要感受强光、明视觉以及有颜色的视觉。现在,如果我们分析「微信」的配色,那么我们需要分析的是视锥细胞。

视锥细胞分为S、M、L三种细胞,不同的视锥细胞数量不同,其中S、M、L三种名称代表着细胞主要响应的波长是短/中/长。

根据BenRG的绘制,S/M/L细胞主要响应的频率具体如下图所示:

从这个图表中,我们可以得出的结论为:人类的M和L视锥细胞都对绿色比较敏感,尤其是M视锥细胞。

此外,根据冯琛莉的研究《人视网膜视锥细胞数量及在黄斑部分布研究》,发现M/L锥细胞平均数量约为S锥细胞平均数量的9.7倍(冯 et al.)

综合来看,M/L视锥细胞都对绿色比较敏感,并且M/L视锥细胞的平均数量又约为S视锥细胞平均数量的9.7倍,我们可以得出一个结论:人体的视觉对绿色的感知是极为敏感的。

那让我们把目光回到微信和微信键盘的设计:

在设计中,微信的许多元素都大量使用绿色,这可以更好地吸引用户的注意力。在微信键盘中,绿色的背景提示色可以让用户的视觉焦点放在备选字上,而在微信中,绿色的字体也可以更好地显示用户发送的内容。

因此,在一些设计海报中,设计师们也愿意通过绿色来引导受众看自己想让他们看的内容,达到「视线焦点引导」的作用:

Mac 宣传语

绿色,作为一种十分具有色彩张力的颜色,可以让用户不必刻意辨别自己需要关注的信息,而是被引导着聚焦于重要信息,这就是微信配色的第一个奥秘。

二、色彩心理学与微信

在设计中,颜色的亮度、饱和度和色调都是考虑的因素。色彩可以影响人的脑电波,例如红色可以引起警觉,而蓝色可以让人放松。

通常情况下,绿色被视为安全的提示颜色,给人以镇静、放松警惕的感觉 (杨 and 吴)。同时,绿色还代表着活力和前卫,这与微信定位为一款“小而美”的聊天软件非常契合。

在消息发送后,由于绿色代表着“成功”、“通过”的含义,绿色的气泡可以为用户提供强烈的反馈,告知用户“这条消息已经成功发送”。

而对于接收到的消息,白色的气泡框则会给人以稳重、理性和客观的视觉感受。

如果把气泡颜色改为红色,例如上面这张对比图,我们就可以清晰地感受到不同颜色对用户感受的影响:绿色聊天框让用户感到安全,而红色聊天框则让用户感到危险。

这就是微信配色的第二个奥秘——色彩心理学的神秘之处。

三、不只是微信

除了微信,还有其他的即时类聊天软件的配色也很有意思,例如蓝色也是一个非常常用的配色,在QQ和iMessage中都有使用。

QQ

还记得上面的那张图吗?人眼对蓝色不那么敏感,相对应的,用户就会更关注于发送的信息。并且,蓝色也是一种冷色调,能够让人在亢奋的状态下,回归理智、平静,是带有理性的色彩。(杨 and 吴) 因此,选择蓝色也是一个不错的配色方案。

四、最后说点

微信现在真的「小而美」了嘛?

我只能说,作为一个聊天软件,微信还有提升的空间;但作为一款App,微信的设计和配色是可以称得上「美」的。

此外,如果你想了解更多关于颜色与情感的内容,可以查询「色彩情绪关联模式」等关键词。

五、参考文献

冯琛莉, et al. “人视网膜视锥细胞数量及在黄斑部分布研究.” 中华医学会第十二届全国眼科学术大会论文汇编, Aug. 2007, p. 235.

杨雯迪, and 吴东. 基于色彩心理学对手机应用软件UI界面使用感影响的研究. 2020, pp. 73–75.