设计的影响——色彩和情感指南

已发表: 2022-03-11

见红。 情绪低落。 嫉妒得绿。

流行的成语表明,人们长期以来一直将颜色与他们唤起的情感联系起来。 人们将红色与愤怒(或欲望)联系在一起,蓝色与抑郁联系在一起,至少从莎士比亚时代开始,绿色与嫉妒联系在一起。 (他在作品中至少三次将绿色与嫉妒相关联。)

用户体验设计师可以利用颜色来产生巨大的影响,以影响人们的情绪以及他们的实际行为。 颜色对人们如何看待设计有着最大的影响,但是太多的设计师没有花费必要的时间和精力来为他们的项目正确创建调色板。

这会导致大量浪费的精力和调色板,这些都不一定会影响对产品的理想反应。 在最坏的情况下,即使设计的其他所有内容都经过优化,颜色也会让人厌烦。

有正面和负面的颜色吗?

有一个普遍的想法,即某些颜色本质上是积极的或消极的。 大多数情况下,暖色(黄色、红色和橙色)被认为是积极的,而冷色(蓝色、绿色和紫色)​​被认为是消极的。

尽管如此,这些关联并不是硬性规定。 例如,红色(暖色)可以唤起愤怒或危险的感觉(想想 Holly Golightly在蒂芙尼的早餐中关于“卑鄙的红色”的独白),而绿色(冷色)可以唤起成长和新开始的感觉。 这就是色彩心理学和色彩理论如此复杂的原因之一。 似乎有无穷无尽的因素可以影响颜色的感知方式以及它如何影响人类的行为和思想。

文化差异也会对颜色含义产生深远影响。 在许多西方文化中,白色在很大程度上与纯洁与和平有关,但在一些亚洲国家,白色与死亡和哀悼有关。

设计师必须注意他们调色板中的颜色如何相互协调,以及每种颜色如何影响周围的其他颜色。

颜色的心理影响

暖色往往是充满活力和活泼的。 它们通常充满活力,可以为设计增添活力。 暖色不是融入背景,而是在屏幕或页面上“流行”,并倾向于处于设计的最前沿。

温暖的配色方案在黑色背景下弹出
Hourly 应用主页上的红色和暖米色调色板产生了冷色调无法产生的能量和紧迫感。

暖色需要注意的一件有趣的事情是,三种原色(红色和黄色)中的两种是暖色的,橙色是一种辅助色,是两者的组合。 这意味着在大多数情况下,暖色是纯粹的暖色,即原色,不能与其他颜色混合。

冷色比暖色更容易被认为是平静的。 但是,情况并非总是如此,尤其是因为作为辅助色的绿色和紫色是通过将冷色(蓝色)与暖色(黄色产生绿色和红色产生紫色)相结合而产生的。 这意味着虽然这些色调被认为是“冷色调”,但它们可以呈现出暖色调的一些特征。

颜色寓意:蓝色沉稳值得信赖
Whitetail 杜松子酒网站的平静蓝色给人一种放松的印象。

绿色,尤其是更轻更亮的版本,可以与生活和正能量联系在一起。 紫色,尤其是当它更亮(如紫红色)或更亮(如薰衣草)时,可能是一种非常活泼的颜色。

更改色调的值会更改颜色关联
较亮的值(例如亮紫色和紫红色)赋予冷色更多能量。

中性色(棕色、棕褐色、灰色、白色和黑色)往往具有与它们结合的颜色的特征,尽管它们也可以减弱或增强这些效果。 例如,将暖色与白色相结合可以创造出一种看起来更轻(在重量方面,而不仅仅是在整体活力方面)和无忧无虑的设计。 将这些相同的暖色与黑色相结合可以使它们显得更加强烈和戏剧化。 冷色搭配黑色可以让它们更加神秘,而搭配白色可以让它们更加沉稳和放松。

颜色对消费者行为的影响

颜色可以影响一个人的情绪或思想,但它也会影响他们的行为吗?

是的,一点没错。

营销人员长期以来一直依靠颜色来影响消费者采取某些行动。 这就是为什么商店橱窗里用来吸引路人注意力的标志通常是黄色的,而销售价格通常用红色表示。

其中许多选择更多地基于传统而不是硬科学,但这反过来又在消费者中产生了期望。 当他们看到红色的价格时,他们认为他们所看到的任何东西都在打折或清仓。 当他们在窗口中看到黄色标志时,他们会花一点时间阅读它,因为他们希望它包含相关信息(黄色是人眼最容易看到的颜色之一,因此它自然会引起注意)。

颜色的心理影响:红色与销售有关
ASOS 网站使用红色来表示销售价格,向客户发出信号,表明他们得到了一笔划算的交易。

以下是每种色调如何影响消费者行为的简要概述(有关使用颜色进行营销的更多详细信息,请参见 Suyati 的此信息图)。

  • 红色与购买和销售密切相关。 如果使用过多,它可能会使一些客户拒之门外。
  • 橙色可用于号召性用语,但如果过度使用也会令人恼火。 这就是为什么在徽标或强调色之外不经常看到它的原因。
  • 黄色吸引焦点并抓住消费者的注意力。
  • 绿色很容易被人眼处理,因此经常被用来营造一种放松的感觉。 它也与金钱和运气密切相关。
  • 蓝色是世界上最受欢迎的颜色,因此它被广泛用于各种通信中也就不足为奇了。 它还与忠诚度、诚实和权力密切相关,使其成为大公司和更保守行业(如银行和保险)的企业的热门选择。
  • 紫色在美容产品行业中被大量使用,尽管它也被认为与奢侈品有关(比如 Asprey,它甚至将其标志性香水命名为紫水)。
  • 在营销中使用黑色通常是复杂和优雅的。 它广泛用于大多数行业的通信中。
  • 白色通常与清洁有关,因此在医疗保健行业很受欢迎。 由于它与简单性相关,它也被用于科技行业。
  • 灰色也与简单有关,营销人员经常使用灰色来安抚和安抚消费者。

同样,每种颜色对消费者行为的影响在很大程度上受其使用方式以及内容上下文的影响。

诚聘美国全职自由 UI 设计师

创建情感强大的调色板

许多用户体验设计师认为某些颜色“不能”在某些情况下使用。 这种想法已经过时,在现代设计中没有立足之地。

让我们看看潘通 2019 年度代表色:活珊瑚橘。 这是一种强烈的色调,许多设计师可能会回避在很多项目中使用这种色调。 (注意:我并不是为了追随潮流而提倡加入这个特定的潮流,但这是一个很好的实验起点。)

毕竟,Living Coral 在银行网站或销售男士西装的网站(虽然是那些可以摇滚珊瑚西装的男士的道具)上的位置是什么? 但这里的调色板可用于包含活珊瑚的各种行业,只是为了证明在正确的环境中使用时,几乎任何颜色都可以用于设计师想要的任何项目。

不确定这有什么帮助? 想想那些带着项目来找设计师并坚持使用特定的“品牌颜色”的客户,即使这种颜色是可怕的。

以下是四个包含活珊瑚色的调色板示例,适用于各种行业。

颜色和品牌:创意调色板
这个调色板既有趣又时髦。 对于针对儿童或创造性追求的网站来说,这将是很棒的。


企业网站的最佳颜色组合
对于法律、银行或保险等传统行业来说,这是一个很好的调色板,但是 Living Coral 的加入让它更容易接近,并且可以帮助它吸引年轻的观众。


设计师的色彩理论:几乎任何颜色都可以融入品牌
这个调色板更加柔和,对于服装公司或其他内容应该比设计元素更突出的网站来说非常棒。


颜色的心理影响可能是深远的
这个调色板感觉传统(想想科德角的夏天),同时也让人感觉清新和放松。

四种不同的调色板,四种完全不同的感觉。 几乎可以围绕任何颜色进行相同类型的实验。

在设计中加入看似不和谐的颜色的另一种方法是通过添加黑色、灰色或白色来改变色调的值。

可以通过添加黑色、白色或灰色来更改颜色关联
左侧的亮色可以通过添加(从左到右)黑色、灰色或白色来改变其情感影响。

创建一种更柔和的颜色(添加灰色)会让人感觉更放松。 添加黑色使颜色变暗,给人一种更传统或保守的感觉。 添加白色来淡化颜色会给他们一种更天真、更平和的感觉。

色彩理论中最容易被忽视的部分之一是设计师相信自己直觉的能力。 颜色是高度主观的,虽然有一定的指导方针,但它仍然是一个相对未经研究的设计领域。

设计师应该按照自己的直觉尝试各种调色板和想法,然后进行用户测试以证明他们的直觉是否正确。 用户测试、A/B 测试和其他收集有关各种调色板功效的数据的方法对于创建最终设计非常宝贵。

结论

颜色和情感之间的关系是优秀用户体验设计最重要的方面之一。 正确的调色板鼓励人们在网站或设计师希望他们采取的应用程序上采取行动,而错误的调色板可能会在访问者采取任何行动之前将其拒之门外。

选择正确的调色板既是艺术又是科学。 在设计初始调色板时,设计师应遵循他们的直觉以及可用的研究,然后进行测试和重新测试,以确保调色板加强了设计的整体目的。

•••

进一步阅读 Toptal 设计博客:

  • 可能性范围:首选 UI 颜色指南
  • 设计心理学和真棒用户体验的神经科学
  • 因果——探索色彩心理学
  • 增加用户参与度的情感设计
  • 颜色在用户体验中的作用