颜色心理学

颜色和视觉提示对转化率有着巨大的影响。

在线受众的注意力有限。他们在浏览网站时，会以每小时一百万英里的速度消化信息。唯一能够吸引他们注意力的方法就是脱颖而出，与其他竞争者相区别。这就是颜色的作用。

颜色的价值不仅仅在于美学，我们对颜色的偏好也直接影响着您的在线营销和转化优化策略。颜色一直存在于我们周围，但我们很少考虑它对我们的影响。

继续阅读以了解如何掌握颜色心理学。

颜色理论

选择搭配的颜色有明确的科学依据。当然，其中也存在主观性因素（文化、世代观念和个人偏好），但心理学家和设计师会遵循一套最佳实践。用户体验设计师colm tuite将颜色分解为以下框架。

纯色、浅色、暗色和色调

纯色

这些颜色没有与其他色调混合。它们通常用于明亮的设计中。任何年轻、夏日、快乐、充满活力或“酷”的东西都可以从使用纯色中受益。

浅色

这些颜色与白色混合。它们传达出比纯色更轻盈、更平静、更不活跃的感觉。它们也被认为更加女性化。健康、水疗和美容行业的公司可以从使用这些颜色中受益。

暗色

这些颜色与黑色混合，在传达神秘、黑暗、邪恶或危险的情绪方面非常有效。当与纯色或浅色混合使用时，暗色在梯度方面也能很好地发挥作用。

颜色的意义

某些颜色与文化、情感和社会内涵有关联。以下是西方世界颜色的一些意义。

浅色和暗色可以帮助影响颜色传达的感觉。例如，深蓝色的较暗色会传达更多的安全和诚信感。浅蓝色会传达更多的宁静和和平感。由于某些组织的使用（例如品牌效应），一些颜色随着时间的推移已经发展出特定的含义。

例如，天主教会使用深紫色和红色，赋予这些颜色一种精神的意义。粉色也与女性化有关联。一些国家也采用了特定的颜色作为自己的代表（例如爱尔兰和绿色）。

保持简洁

在处理颜色时常见的错误是使用过多的颜色。通常最好使用一个突出的颜色，并搭配一个中性色，如白色、灰色或黑色。当使用过多颜色时，您可能会传达太多的情感或信息，这可能会导致观看设计的人感到困惑。

对比

大多数情况下，深色是明亮颜色的强烈补充。这就是为什么大部分图书都使用白色背景和黑色文字设计的原因。每种颜色都有一个对比值（白色是最亮的，黑色是最暗的）。黄色和绿色具有轻亮度（因此在白色背景上阅读会困难）。

例子

假设一位客户来到你的（假设的设计）公司寻找一款logo。这家公司是一家美容水疗中心，使用天然的有机产品。目标市场是女性，她想传达的是一种平和的信息，而不是充满活力的信息。因此，她知道色彩渐变是最好的选择，而不是纯色或阴影。用于传达宁静和女性特点的颜色有粉色、黄色、紫色和蓝色。

客户真的希望强调产品的有机性。其中一个选择是绿色，它传达了新鲜和环境的感觉。然而，以下这种绿色并不非常女性化：

因此，这种颜色需要稍微浅一些

如果您还想传达一点宁静的感觉，可以添加一点蓝色。

颜色与转化率

以下是关于颜色如何影响转化率的简要事实：

92.6％的人表示视觉维度是影响他们购买决策的首要因素（超过味道、气味等）。
研究表明，人们在最初观看产品后的90秒内会下意识地对其进行评价。其中90％的评价基于颜色。
一项研究发现，杂志读者对全彩色广告的认知度比黑白广告高出26％。
heinz将他们标志性番茄酱的颜色从红色改为绿色，在前7个月内销售了1000多万瓶，销售额达到2300万美元。

以下是关于颜色如何影响购买决策的其他事实：

在营销新产品时，了解消费者在购物时将外观和颜色放在其他因素之上的重要性。
85％的购物者将颜色作为购买特定产品的主要原因。
颜色可以增加品牌识别度80％。品牌识别度与消费者信心直接相关。
颜色在不同国家是不同的。在北美吸引人的颜色与在印度吸引人的颜色不同。查看下面的信息图表以了解不同颜色如何影响北美的在线消费者。
颜色并不是唯一影响消费者行为的因素。对于在线购物者来说，设计、时髦语言和便利性也会影响购物需求。

颜色以无数种方式影响我们的心理和身体。心理学家认为，颜色印象可以占据产品或服务被接受或拒绝的60％。错误的颜色组合可能会给用户体验带来与糟糕的文案或加载时间缓慢相同的后果。

性别

性别是我们在最近几节中讨论过的内容，但我们需要特别强调一下。在任何时候，你的受众都是男性和女性的某种比例。为了论证，我们假设是50/50，但实际情况是这个数字可能会根据你的业务和行业而波动。如果你不小心（并创建面向特定性别的营销形象），你可能会失去多达50％的网站流量和转化。

在我们的日常生活中，我们将世界视为个体。我们需要改变我们的视角，开始将世界视为营销人员。颜色是向与我们不同的人群进行营销的一种方式。

总的来说，研究表明，颜色与性别的关联是不确定的。

一些分析师所做的一些观察：

艾森克（eysenck）在1940年代初进行的一项关于颜色研究的回顾指出了以下与性别和颜色之间的关系的结果。多克斯（dorcus）（1926年）发现黄色对男性的情感价值高于女性，而圣乔治（st. george）（1938年）认为蓝色对男性来说比女性更显眼。
更早的一项由贾斯特罗（jastrow）（1897年）进行的研究发现，男性更喜欢蓝色而女性更喜欢红色。然而，艾森克的研究发现只有一个性别差异，即女性更喜欢橙色而男性更喜欢橙色。这一发现后来得到了birren（1952年）的进一步证实，他发现男性更喜欢橙色而女性将橙色排在最后。
吉尔福德和史密斯（1959年）发现男性对无色彩色更容忍，而女性对颜色更敏感且偏好更灵活多样。同样，麦金尼斯和谢勒（1964年）发现蓝绿色在女性中更受欢迎，而女性更喜欢色调而不是色度。他们还发现56%的男性和76%的女性喜欢冷色调，51%的男性和45%的女性选择明亮的颜色。在一项类似的研究中，普拉特（1967年）发现男性倾向于喜欢比女性更强的色度。

重要的是要记住，文化和社会背景一直在不断变化。人群中存在着如此多的差异，你不可能仅靠一种颜色方案来取悦每个人。你可以阅读所有的心理学研究，但如果你坐在那里试图做一个完美主义者，你永远都不会完成任何事情。

确定你的营销是否排除了男性和女性的最佳方法是与目标客户群体交谈。研究一下你的竞争对手正在使用的色彩方案。不要让决策靠猜测，但也不要过于纠结于找到“正确”的答案（因为你可能找不到）。

最好的答案在你的数据中。除了与目标客户进行定性研究外，确保你进行一致的a/b测试。

可访问性

在设计网站时，请记住您的受众对世界的感知方式不同。即使您视力完好，世界也未必如此。w3c web可访问性倡议已经整理了一份资源列表，以帮助网站所有者确保他们的网站对残疾人士是可访问的。以下是一个帮助您建立可访问颜色检查点的指南。

亮度

在本讨论中，亮度被定义为照亮物体的光的强度。可以通过红、绿和蓝色坐标的算术平均值来计算。w3c建议使用以下公式来确定颜色亮度：

亮度 = ((红色 x 299) + (绿色 x 587) + (蓝色 x 114))/1000

可见的颜色应该比125亮

颜色差异

颜色差异是您网站前景色和背景色之间的色调差异。以下是一个帮助您计算颜色差异的公式：

红色 = max(前景红色，背景红色) – min(前景红色，背景红色)

绿色 = max(前景绿色，背景绿色) – min(前景绿色，背景绿色)

蓝色 = max（前景蓝色，背景蓝色）- min（前景蓝色，背景蓝色）

=（红色）+（绿色）+（蓝色）

只有颜色差异大于500的情况下，背景色和前景色才可见。

经验法则

为了确保您的网站可访问，请首先遵循以下最佳实践：

使用足够大的字体大小以便阅读。虽然这个提示与颜色没有直接关联，但这是一个需要记住的重要信息。最终，颜色不是一个孤立的概念 – 它与您的网站、广告和落地页的其他元素一起发挥作用。
保持段落简短，以便信息易于理解（读者不会感觉像在看一块巨大的颜色块）。
在背景色和前景色之间使用互补且对比强烈的颜色。您可以使用调色盘来确定哪些颜色可能会搭配得很好。

与销售相关

当您为您的网站、落地页和行动呼吁按钮选择颜色时，您不仅仅是为了美学而选择颜色。以下是来自adpearance的ren walker的图表，概述了在行动呼吁按钮（在西方世界）的上下文中不同颜色的意义：

ren walker at adpearance提供的一张图表，概述了在行动呼吁按钮的上下文中不同颜色的意义：

哇，这有很多选择。你应该选择哪一个？即使您是一位颜色心理学专家，也很难只选择一种颜色 – 比如对于一个表单按钮。如果您想要创建一种紧迫感但又带有信任感，该怎么办？

缩小选择范围的最重要的方法是考虑您的表单的上下文。您希望收集什么类型的信息？如果潜在的潜在客户需要提供超出基本联系信息的个人信息，您可以选择一种安抚性的颜色，如绿色或蓝色。您还应该考虑页面的其他部分是什么样子。例如，红色按钮不会在一个以相同颜色为基础的页面上突出。选择对比强烈的颜色，使您的行动呼吁（cta）按钮在落地页上突出显示。

吸引受众的注意力

以这个常被引用的a/b测试为例：

performable是一款被hubspot收购的电子邮件营销平台，在将其行动呼吁按钮的颜色从绿色改为红色后，转化率提高了21%。

颜色变化的效果与cta的上下文有关。

左侧的页面非常适合绿色调色板。绿色的行动呼吁按钮与页面的周围环境融为一体。然而，红色提供了一种截然不同的视觉环境。该按钮在页面上与其他元素真正脱颖而出。

受到影响的网站元素

以下是最受颜色影响的一些常见网站元素：

文本链接

为了吸引人们关注单色链接，可以给它们一个淡淡的背景来突出它们。这种技术有助于提醒用户他们在您的网站上的位置。

导航栏

饱和的颜色可以吸引人们关注网站导航。这有助于将读者的注意力集中到这个非常重要（但很小）的网站部分上。

按钮

使用颜色使您网站的行动呼吁（cta）按钮与其他元素区分开。大而鲜艳的按钮将帮助用户了解他们在您的网站上应该采取哪些行动。

标题

充满活力（但简洁）的标题可以帮助突显你在网站上试图传达的最重要的概念。

列表项

如果你想要吸引人们注意你网站的某个特定功能或部分，你可以使用颜色的方式，不会使你页面其余的设计被压倒。

与品牌个性相辅相成

品牌个性是我们在本指南中早前讨论过的一个概念。颜色为自我表达提供了强大的机会。使用颜色来突出你现有的品牌形象，并确保你组合出一个连贯的风格。最终，颜色只是你品牌方程式的一部分，并且最终需要与你的声音、个性、语气和公司价值观相辅相成。

以下是我们建议市场营销人员采取的步骤：

步骤1 – 决定要传达的情感

这个决定将帮助你决定你想选择什么颜色，并且你是否需要与其他颜色混合。你需要从以下选项中选择一系列颜色：

单色：只使用属于同一色系的颜色（如棕色或蓝色）
类似色：使用相邻色轮上相邻的两种或三种颜色
互补色：选择色轮上相对的两种颜色
三角色：选择色轮上等间距的三种颜色

步骤2 – 选择最能传达你公司风格的调色板

温暖舒适的棕色 – 棕色唤起家庭、炉灶、舒适和温暖的感觉。你可以将不同色调的棕色与灰色或蓝色结合，创造出一种非常舒适的氛围。
活泼的绿色 – 如果你的品牌活泼或充满活力，考虑使用绿色、蓝色和橙色的调色板。这种配色方案将愉悦的、接地气的氛围与高能量结合在一起。
沉稳的蓝色 – 蓝色具有镇静和庄重的特点。你可以将你的配色方案与灰色、棕色或橙色结合，但你需要保持次要颜色的低调，以免过多地给用户带来混乱的外观和感觉。
充满活力的红色 – 红色能带来爆发力。然而，如果你不小心，就会冒着压倒你的受众的风险。提供足够的空白空间，让用户的眼睛得到休息。

步骤3 – 了解你的目标市场

你所在的行业与你网站的配色方案和品牌个性有着密切的关系。例如，金融网站应该朴实无华。如果你偏离了既定的道路，就会冒着混淆或引起顾客认知失调的风险。

你可能想使用彩虹色或明亮的红色和黄色。

相反，你可以选择柔和的绿色。它超越了与金钱（绿色）的明显关联。添加一些金色和黑色也可以加强财富的概念，并给人一种稳定感。

品牌可以以一种看起来现代和年轻而不是沉重和压迫的方式与金融世界相关联。

不要忘记留白。与其将整个网页都充满颜色，留白可以使页面显得清爽、轻盈。这对于金融网站尤为重要，因为它通过与用户群建立信任来推动业务。

要点

颜色是我们可以长时间讨论的事情，但在这个指南中，我们还有许多其他主题需要涵盖。现在是一个好时机，回顾一下涵盖的关键概念，并为接下来的内容做好准备。

选择能够很好地搭配的颜色有一定的科学依据。纯色、色调和色阶是你将要使用的最基本的颜色变化。了解你的颜色选择可能引起的情绪和感觉。
颜色带有社会和文化内涵。在考虑你的颜色选择对受众的影响时，请记住你的参考框架。
记住人们从不同的角度阅读你的内容。眼球并没有被创造得不同。我们中有些人视力完美，而其他人则费力地在屏幕上阅读文字。通过使用对比色来确保你的文字易于阅读。
红色和绿色是受视觉缺陷影响最大的颜色，尤其是在男性中。在使用这些颜色时要小心。
颜色可以帮助你提高转化率。在创建cta时，选择与你的颜色方案中其他部分形成明显对比的颜色。这种大胆会使你的视觉线索更加突出。记住，互联网上的人们的注意力有限，而且容易变化。你能够（快速）吸引他们的注意力越多，你就越容易与他们进行互动。
a/b测试应该成为你的转化率优化过程的一部分。不要争论要使用哪些颜色，让数据来决定。
注意你行业中的标准配色方案。如果选择的东西太特别，你的受众可能会产生认知失调。换句话说，人们将不知道你的品牌是关于什么的。
记住，性别对颜色有很大影响。一种安全的方式（并吸引广泛受众）是选择蓝色和绿色。
购买新产品时，消费者很受视觉外观的影响。不要在你的颜色选择和设计上采取任何捷径。有专业设计师和品牌顾问可以帮助你确定什么搭配得好，什么搭配得不好。最终，一切都应该与你的品牌个性相辅相成。
颜色可以帮助你突出网站上的元素（如导航、列表、某些按钮或内容等）。
颜色有可能增加品牌认知度80%。选择令人难忘的配色方案（但是出于正确的原因）。精心选择的配色方案将帮助你的品牌形象闪耀。
如果不确定，询问你的客户喜欢什么。看看面向相同受众的品牌使用的颜色。有很多免费和创意的资源可用，你不必盲目跳进。