设计中的色彩心理学

每种颜色都是一个决定。按钮上的红色不是装饰，是一个转化赌注。医疗应用中的蓝色不是美学偏好，是信任信号。理解这一点的品牌会发布能有效转化的调色板。不理解的品牌会发布看起来很好但转化率为零的调色板。

这就是颜色心理学与真实设计决策相结合的真实样子。

颜色不是装饰性的

颜色是大脑在遇到视觉时首先处理的东西。在眼睛阅读标题或识别徽标之前，它已经对颜色做出了反应。这种反应是情感的、即时的，并且大多是无意识的。

这不是神秘主义。这是神经科学。颜色触发的协会是由文化、经验和背景构建的。红色并不普遍意味着"危险"。根据它出现的位置和周围的内容，它可以表示紧急、能量、激情、食欲或警告。

大多数设计师犯的错误是将颜色心理学视为查询表。红色等于兴奋，蓝色等于信任，绿色等于自然。这个框架太简单了，没有用处。颜色心理学是与背景相关的，不是普遍的。

每种颜色实际传达的是什么

这是诚实的分解。不是过度简化的版本，而是每种颜色在真实产品、真实品牌或真实界面中出现时所做的事情。

红色比任何其他颜色都更快吸引注意力。可口可乐、YouTube和Netflix使用它，因为红色触发紧急感和食欲。在用户界面中，红色是你的"立即行动"颜色：销售徽章、错误状态、中立页面上的主要行动号召。使用过多会失去含义。

蓝色是互联网最喜欢的颜色是有原因的。它表示信任、稳定和能力。PayPal、LinkedIn和Calm都依靠蓝色来说"你在这里是安全的"。风险是平淡。如果你所在领域的每个竞争对手都使用蓝色，你的蓝色身份就会消失在人群中。

绿色有双重作用。在健康和生态品牌中（Whole Foods、Beyond Meat），它显示为自然和健康。在金融科技中（Robinhood、Mint），它显示为金钱和增长。Spotify通过使用绿色来从事音乐，打破了常规，证明强势品牌可以推翻默认协会。

黄色是纯粹的乐观和温暖，但它是最难使用好的颜色。太多黄色会压倒。太少会消失。Snapchat、宜家和国家地理将其用作主导信号，而不是背景冲洗。它在小的、高对比度的剂量中效果最好。

紫色表示高端和非常规。Figma、Twitch和吉百利用它来脱颖而出，超越蓝绿色多数。在金融科技中，紫色说"我们不是你父亲的银行"。它读起来很有创意，但不幼稚。

橙色是红色紧急和黄色温暖之间的友好中间地带。Headspace、HubSpot和Fanta用它来感到精力充沛但平易近人。它是最强的行动号召颜色之一，因为它在浅色和深色背景上都很突出，而不会像红色那样发出警报。

黑色传达权威和奢华。Apple、Chanel和《纽约时报》用它来说"我们不需要颜色来有趣"。在编辑设计中，黑色是自信。在时尚中，它是高端。在科技中，它是毫不费力的复洗。

背景胜于理论

Spotify是绿色。Whole Foods也是。一个销售音乐流媒体。另一个销售有机杂货。同样的颜色，完全不同的协会。绿色在两个背景中的工作不同。

这是大多数颜色心理学建议崩溃的地方。它将颜色视为固定含义，而它们实际上是灵活的信号，根据三个因素而变化。

**饱和度和价值。**一个柔和的灰尘玫瑰色与霓虹热粉红色传达的东西完全不同。同样的色调，不同的星球。去饱和颜色显示为复杂和平静。饱和颜色显示为大胆和充满活力。

**相邻的颜色。**白色页面上的红色按钮读起来像自信的行动号召。同样的红色按钮在橙色页面上读起来像噪音。颜色不存在单独。它们与所有旁边的东西有关系。

**文化背景。**白色在西方设计中表示纯正。在东亚的某些地方，它表示哀悼。任何忽视地理的框架都是不完整的。

转换调色板的三个规则

如果你从这篇文章中什么都没有学到，就学习这三个。

**规则1：对比驱动行动。**任何界面中最重要的颜色决定不是你为行动号召选择的颜色。它是你在屏幕上的其他所有内容之间创建多少对比。按钮可以是任何颜色，只要它是其背景中视觉上最不同的元素。

**规则2：一致性建立认可。**选择更少的颜色并以相同的方式使用它们。Stripe始终使用紫色。Mailchimp一直使用黄色。调色板本身的重要性不如它在每个品牌接触点中的应用一致性。

**规则3：可访问性不是可选的。**8%的男性和0.5%的女性有某种形式的色觉缺陷。如果你的设计仅依赖颜色来传达含义，你排除了数百万用户。始终将颜色与文本、图标或模式配对。

如何测试你的调色板

四个测试。五分钟。不要在没有运行全部四个的情况下运送。

1. **眯眼测试。**眯眼看你的设计，直到一切都模糊。你仍然可以分辨主要行动在哪里吗？如果行动号召消失，你的对比度失败了。
2. **灰度测试。**将设计转换为灰度。层次仍然成立吗？如果一切都变平为相同的灰色，你的视觉识别对色调的依赖太多，对价值的依赖不足。
3. **背景测试。**在没有任何设计背景的情况下，向五个人展示调色板。问他们它属于哪种公司。如果他们的答案与你的意图差异很大，调色板没有沟通。
4. **可访问性审计。**通过WCAG对比检查器运行颜色组合。正文需要最小4.5:1比率。大文本需要3:1。

常见问题

颜色心理学真的会影响转化吗?

是的，但不是大多数文章声称的方式。将按钮从绿色更改为红色不会将转化增加21%。重要的是对比和背景。无论其特定颜色如何，突出的按钮都会更好地转化。

CTA按钮的最佳颜色是什么?

对页面其余部分具有最高对比度的任何颜色。没有通用答案。如果你的页面大多是蓝色，橙色会弹出。如果你的页面是中性的，几乎任何饱和颜色都有效。唯一的错误选择是与之混合的行动号召。

品牌调色板应该有多少种颜色?

三到五个。一个主要的，一个次要的，一个强调的，一个或两个中立的。更多会产生噪音。更少限制灵活性。约束是特征。