你说的黑是什么黑?色彩对用户体验的影响

0 评论 3864 浏览 17 收藏 12 分钟

编辑导读:色彩心理学被广泛地运用到各个设计领域,这早已不是什么秘密。从日常的杂货到LOGO设计,色彩所起到的作用越来越大,它是给用户传递信息的最重要的因素之一。色彩对用户体验有哪些影响?文章对此进行了分析探究,希望对你有帮助。

当我们讨论色彩的时候,聊的更多的是色彩的搭配。虽然有些设计师认为有些色彩是一些纯粹的美学上的选择,但是实际上,色彩对于用户的心理和行为的影响相对更深,最终会反映在用户体验和行为反馈上。

当然,色彩理论是一个相对复杂的主题。从用户体验的角度上来说,色彩所涉及到的远不是配色方案这一个维度。通常,我们聊得最多的是不同色彩所产生的心理效应,以及多色彩搭配时,相互之间的影响和可访问性上的问题。

设计师可以将色彩更好地运用到设计中,而无需重新考虑整个过程。一旦设计师掌握了基础知识,色彩理论中最有意义的部分之一就是学习将更多意想不到的色彩融入他们的设计中。

01 色彩心理学和用户体验紧密关联

界面颜色的情感影响不容忽视。尽管有些颜色在Ui设计中是“通用的”(例如,黑色,白色和灰色,实际上几乎所有好的设计中都使用了其中的至少一种),但它们结合使用的颜色可能会对体验设计产生巨大影响。

当然,颜色的使用方式也会对颜色的感知产生巨大影响。以蓝色为例,在简约的布局当中,大面积使用蓝色作为主色调,和在大面积白底上使用很小的一抹蓝色用来强调 CTA按钮,所带来体验是截然不同的。

02 影响色彩体验的因素

1.  尊重文化差异

人类对于色彩都有着共通的认知,但不同国家对于色彩赋予了不同的含义。红色在中国象征着喜庆、财富和爱情,而在西方国家被赋予了流血、牺牲、暴力和激进的文化意义,贬义的味道更重一些。

而白色与红色相反,白色在中国代表了死亡、反动和投降,以白色为主的设计常常会被视之为过于「素」,认为不够吉利。而西方国家却认为白色高雅、纯洁和幸运,因此要根据不同的文化背景,使用不同的色彩,才能更好地降低被误解的风险。

​另外一方面,随着现代主义运动的普及,白色也拥有了更加现代的特征。在日本,白色甚至和当地文化结合,延伸出更加细腻独特的精神特质,随着日本战后设计领域的发展和崛起,白色在这一地区的含义则更加丰厚。

原研哉在《白》一书当中,针对白色的含义和特征进行了非常深入的探讨,之后的《Subtle》一书当中,虽是围绕纸来探讨微妙的体验,但是也没少提及白色本身的特征。

例如股票交易市场,在国际股票市场通常是绿涨红跌,这是因为红色在西方国家代表着财政赤字,绿色代表着财富;而在中国正好相反是红涨绿跌,这是因为在中国红色象征着财富。

设计师必须根据产品的目标受众来审视其调色板的文化含义,这一点很重要。如果产品要面向全球受众,请确保在使用的颜色和图像之间取得平衡,以防止负面的文化内涵。如果产品主要只针对特定文化,则设计师可以不用太关心所选调色板在其他文化中可能产生的影响。

2. 历史对配色的影响

时间变化对于配色所带来的影响不仅仅如此。比如中日两国在色彩使用上,还存在一个非常典型的差异,历史上日本在一个很长的周期内是作为中国的属国所存在的,这也使得中国自古以来崇尚饱和度较高的正色,而日本则大多使用饱和度偏低的间色,这一特征可以从两国的传统色上体现出来:

​▲ 中国传统色

​▲ 日本传统色

3. 性别误区

或许天生如此,女性不喜欢灰色、棕色和橙色。她们钟爱蓝色、紫色和绿色。而男性不喜欢紫色、棕色和橙色。男性喜欢蓝色、绿色和黑色。

只要记住,当你的产品目标用户群是男性时,选择能传达男性气概的色彩,想象下你把运动类应用的界面使用女性色彩,结果可想而知。

▲ 男女最喜欢的颜色

▲ 男女最不喜欢的颜色

02 针对色盲用户群体的设计

你有没有想过你的APP 使用人群中会有视力障碍者?

当人们谈论色盲时,他们通常指的是不能感知某些色彩。 大约8%的男性和0.

△ 正常人和红绿色盲看到的相同色彩

因为色盲有多重表现形式,例如红绿色盲,蓝黄色盲和单色色盲。所以运用多样的视觉线索来连接你APP 的重要状态是很重要的。绝不要仅仅依靠色彩来表示系统状态。 相反,应使用元素(如笔画,指示符,图案,纹理或文本)来描述操作和内容。需要注意的就是不要简单认为色盲就是简单的分不清红绿,色盲用户对色彩的感受差异不仅仅是单独某种的问题,是某些范围色光的敏感程度问题。

有趣的事实:Facebook的标志和不怎么讨喜的蓝色配色是特意挑选的。因为FB创始人马克·扎克伯格是红绿色盲,他对蓝色的识别是最好的。他曾说过,“蓝色是我生命中最丰富的颜色,我几乎可以看见这世上所有的蓝色。”

△ facebook

Photoshop有非常实用的工具来帮助模拟色盲,在「视图」的「校样设置」菜单内选中就可以使用了。这个功能让设计师可以看到在色盲用户的眼中你的界面是什么样子的。

△ pinterest登陆页红绿色盲视图

下面以点状图信息图形为例,来说明如何为色盲用户优化信息图:


​优化采用了这样一些手段:

  1. 调整配色,将色盲人士容易混淆的红、绿、橙色换为红、蓝、黄色。
  2. 调整明度,使图中几个颜色在明度上差异更明显。
  3. 为不同元素赋予不同形状。所有使用点元素的信息图,都可以参考这种解决方式。

在实际设计过程中,我们需要在美观和友好之间进行权衡。我们也可以采用一些交互手段,避免同一界面中元素太多太过杂乱的问题。

03 流行趋势对色彩的影响

这是更长维度上的变化,在短时间以内,流行色的趋势变化,对于用色也也同样存在影响。这种影响在时尚行业有着非常直接的体现,而在网页和UI设计行业,同样存在。比如2020年的潘通年度流行色是「经典蓝」(Classic Blue),也就明白了为什么iphone12今年的主打色是蓝色了。

所以,当你在设计的时候,如果你的目标用户群体有着清晰的地域或者性别偏向,你可以有目的地利用这些知识来规避设计陷阱,更好地发挥色彩本身的功能和优势。如果受众广泛,则可以尽量使用通用性更强的色彩来进行设计。

你知道世界上最受欢迎的颜色是什么吗?

是否存在一种色彩,是不分性别文化,大家都会喜欢的呢?确实有人通过大规模的调研和探索找到了一种世界上最受欢迎的色彩:马尔斯绿(Marrs Green)。来自全世界100多个国家3万多人响应号召完成了这项投票,并且最终选取出来的一款绿色。

 

作者:Fyin印迹;公众号:印迹拾光

本文由 @Fyin印迹 原创发布于人人都是产品经理,未经作者许可,禁止转载。

题图来自Unsplash,基于CC0协议

给作者打赏,鼓励TA抓紧创作!
更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 目前还没评论,等你发挥!