你在说什么黑色?颜色对用户体验的影响
编辑指南:在产品外观设计的各个领域中广泛使用色彩心理学已不是什么秘密。从日常杂货到LOGO产品外观设计,色彩扮演着越来越重要的角色,这是向用户传达信息的最重要因素之一。颜色对用户体验有什么影响?本文对此进行了分析和探讨,希望对您有所帮助。
当我们谈论颜色时,我们会更多地谈论色彩匹配。尽管一些产品外观设计教师认为某些颜色是纯粹的美学选择,但实际上,颜色对用户的心理和行为具有相对较深的影响,最终它们会反映在用户体验和行为反馈中。

当然,色彩理论是一个相对复杂的主题。从用户体验的角度来看,色彩远不是配色方案的范畴。通常,我们谈论最多的是不同颜色的心理影响,以及多种颜色匹配时的相互影响和可及性问题。
产品外观设计分区可以更好地使用产品外观设计中的颜色,而不必重新考虑整个过程。一旦产品外观设计部门掌握了基础知识,色彩理论中最有意义的部分之一就是学习将更多意想不到的色彩融入其产品外观设计中。
01色彩心理与用户体验息息相关
界面颜色的情感影响不容忽视。尽管在Ui产品外观设计中某些颜色是“通用的”(例如,黑色,白色和灰色,实际上,几乎所有好的产品外观设计都至少使用其中一种),但是它们结合使用的颜色可能会给产品外观设计带来巨大的影响。
当然,颜色的使用方式也会对颜色感知产生巨大影响。以蓝色为例。在简单的布局中,大面积使用蓝色作为主要颜色,在大白色背景上使用少量蓝色以强调CTA按钮,则体验完全不同。
02影响色彩体验的因素
1.尊重文化差异
人们对颜色有共同的理解,但是不同的国家对颜色赋予了不同的含义。红色在中国象征着庆祝,财富和爱,而在西方国家,红色被赋予了流血,牺牲,暴力和激进主义的文化含义,并且具有贬义。
白色与红色相反。白色代表着中国的死亡,反应和投降。产品外观设计主要是白色,通常被认为太“素”并且不够吉祥。但是,西方国家认为白色是高雅,纯正和幸运的。因此,必须根据不同的文化背景使用不同的颜色,以更好地减少误解的风险。
另一方面,随着现代主义运动的普及,白色也具有更多的现代特征。在日本,白色甚至与当地文化融为一体,延伸出更多精致和独特的精神特征。随着战后日本产品外观设计领域的发展和兴起,该地区白色的含义更加丰富。在《 01003010》一书中,肯尼亚·哈拉(Kenya Hara)对白色的含义和特征进行了非常深入的讨论。在随后的书《白》中,尽管围绕纸张讨论了微妙的体验,但并未提及白色本身的特征。
例如,在证券交易市场中,在国际股票市场中,绿色通常是上升,红色和下降。这是因为红色代表西方国家的财政赤字,绿色代表财富。在中国,这与红色上升和绿色下降相反。这是因为中国的红色象征着财富。
产品外观设计部门必须根据产品的目标受众来检查调色板的文化含义,这一点非常重要。如果该产品面向全球受众,请确保在颜色和图像之间取得平衡,以防止负面的文化内涵。如果产品主要用于特定文化,则产品外观设计部门不必太担心所选调色板在其他文化中的可能影响。
2.历史对配色的影响
时间变化对色彩匹配的影响远不止于此。例如,中日之间在色彩使用上存在非常典型的差异。日本作为中国的附庸国已有很长的历史,这也使中国自古以来就非常欣赏高饱和度的正统色彩。而日本大多使用低饱和度的第二色。此功能可以体现为两国的传统色彩:
▲中国传统色彩
▲日本传统色彩
3.性别误解
女人不喜欢灰色,棕色和橙色是很自然的。他们喜欢蓝色,紫色和绿色。男人不喜欢紫色,棕色和橙色。男人喜欢蓝色,绿色和黑色。
只要记住,当您的产品的目标用户群是男性时,请选择能够传达男性气质的颜色。想象一下,您在体育应用程序的界面中使用女性颜色。结果可想而知。
▲男女最喜欢的颜色
▲男女最不喜欢的颜色
02产品外观设计针对色盲用户
您是否曾经想到过应用程序用户中会有视力障碍人士?
人们谈论色盲时,通常是指无法感知某些颜色。大约8%的男性为0。
△普通人看到的颜色相同,红绿色盲

因为色盲有多种表现形式,例如红绿色色盲,蓝黄色色盲和单色色盲。因此,重要的是使用各种视觉提示来连接APP的重要状态。切勿仅依靠颜色来指示系统状态。而是使用元素(例如笔触,指示器,图案,纹理或文本)来描述操作和内容。应该注意的是,不要简单地认为色盲就是不能区分红色和绿色。色盲用户对颜色的感知差异不仅是一个单一的问题,而且还是一定范围颜色的敏感性。
有趣的事实:故意选择了Facebook徽标和令人讨厌的蓝色方案。由于FB创始人马克·扎克伯格(Mark Zuckerberg)是红绿盲人,因此他对蓝色的认可是最好的。他曾经说过:“蓝色是我一生中最丰富的颜色。我几乎可以看到这个世界上所有的蓝色。”△脸书
Photoshop有非常有用的工具来帮助模拟色盲。您可以通过在“视图”的“校对设置”菜单中选择它来使用它。此功能使产品外观设计分区可以在色盲用户的眼中看到您的界面。
△pinterest登陆页面红色和绿色盲视图
让我们以点状图表信息图为例,说明如何为色盲用户优化信息图:
优化使用以下方法:
调整配色方案,以将色盲人士容易混淆的红色,绿色和橙色变为红色,蓝色和黄色。
调整亮度,使图片中几种颜色的亮度差异更加明显。
为不同的元素赋予不同的形状。使用点元素的所有信息图都可以参考此解决方案。
在实际的产品外观设计过程中,我们需要在美观和友善之间取得平衡。我们还可以使用一些交互方法来避免同一界面中元素过多和混乱的问题。
03时尚趋势对色彩的影响
这是较长尺寸的变化。在短时间内,流行颜色的趋势也会对颜色的使用产生影响。这种影响在时装行业中具有非常直接的表现,但在Web和UI产品外观设计行业中也存在。例如,在2020年,Pantone的年度时尚色是“经典蓝色”。它还了解为什么今年iphone12的主要颜色是蓝色。
因此,当您使用产品外观设计时,如果您的目标用户组具有明显的地理或性别偏见,则可以有目的地使用此知识来避免使用产品外观设计陷阱,并更好地利用颜色本身的功能和优势。如果受众广泛,则可以尝试为产品外观设计使用更多用途的颜色。
您知道世界上最流行的颜色是什么吗?
不论性别,人人都有喜欢的颜色吗?确实,通过大规模的研究和探索,有人发现了世界上最受欢迎的颜色之一:马尔斯·格林(Marrs Green)。来自全球100多个国家/地区的30,000多人对电话进行了回应,以完成投票,最终选择了绿色