使用色彩情感与您的观众更深入地联系

您可能听说过颜色可以影响情绪。 红色让人更生气，黄色代表幸福，等等。 色彩心理学是一个非常有趣的话题。 然而，对于网站所有者和设计师来说，真正的问题是：如何有效地使用颜色与观众建立联系？

换句话说，仅仅挑选出搭配在一起看起来很漂亮的颜色是不够的。 这就是为什么在本文中，我们将讨论颜色和情绪之间的联系。 然后我们将讨论使用颜色来更好地与观众建立联系的四种方式。

让我们开始工作吧！

色彩与情感的联系

视觉刺激和情绪之间有明显的联系。 最简单的例子是艺术——它可以激励一些人，让其他人想知道它是如何进入博物馆的。 颜色是几乎所有艺术的最基本组成部分之一，因此它们应该能够自己唤起情感，这是有道理的。

有很多关于颜色与其激发的感觉之间的联系的研究。 您之前可能听说过一些最著名的联系——红色通常与愤怒和兴奋有关，黄色与乐观和活力有关，蓝色与冷静等等。

同样重要的是要了解我们与颜色相关的情感可能会有很大差异，这取决于您的文化甚至语言本身。 出于本文的目的，我们将重点关注与西方文化相关的关联，但如果您的受众是全球性的，那么这是一个值得牢记的事实。

色彩理论可以以多种方式应用，其中包括网页设计。 有很多文献涵盖了一些最常见的颜色联想。 然而，关于颜色在网页设计中的实际应用的信息并不多，这就是我们接下来要讨论的内容。

使用颜色与观众建立联系的 4 种方法

事不宜迟，让我们看看使用颜色设计更有效网站的四种方法。 您应该能够将这些技术运用到您喜欢的几乎任何颜色组合中，所以不要害怕做一些实验。

1. 将特定情绪放在一个调色板中

每个网站至少有一个目标。 这可能涉及销售产品或服务、推广他人的产品、培养社区等。 网站所有者尝试实现这些目标的主要方式包括创建引人入胜的内容，以及通过智能设计让人们进入正确的心态。

例如，假设您经营一家电子商务商店。 您的主要目标可能是推动销售，并且您需要针对可以帮助您实现这一目标的一组特定情绪。 在这种情况下，这些感觉可能是：

• 激动
• 可能性
• 相信
• 害怕错过

传统色彩理论认为，使用红色、黄色和蓝色是专注于这些感觉的好方法。 问题是，您选择的调色板也需要看起来不错，并代表您的独特品牌。

例如，红色和蓝色具有出色的对比度，通常可以形成坚实的组合。 但是，将黄色与红色混合可能会更棘手。 红橙色调与较深的赭黄色搭配效果很好，但与通常想到的较亮的经典色调搭配效果不佳。

您想要的是一组不仅可以很好地结合在一起的颜色，而且还可以让您针对与您的目标保持一致的特定情绪。 为此，您需要查看颜色组合的快速指南，并阅读基本颜色引发的情绪。

一旦您有了一组喜欢的颜色，请记下它们，因为您会希望在整个站点的各种元素中使用它们。 在接下来的两节中，我们将讨论如何做到这一点的实际示例。

2. 围绕特定颜色设计网站标题

人们在访问您的网站时首先看到的是您主页的标题。 这使它成为为您想要在整个页面的其余部分关注的情绪设定基调的完美元素。

如果您遵循了我们在上一节中的建议，您应该准备好一个调色板。 现在，只需找出一种有效的方法来使用它。 我们非常喜欢的标题部分的一个例子可以在 ConversionLab 上看到：

没有什么华而不实的，但是这里的颜色使用非常好。 浅蓝色传达信任，橙色激发冲动。 将橙色与号召性用语 (CTA) 相结合是一个特别聪明的举动，使用蓝色作为背景覆盖个人照片是“如何激发对访问者的信任”的手册。

继续看第二个例子，Ontario Corn Fed Beef 网站使用绿色效果极佳。 正如您可能想象的那样，绿色是一种通常与自然、有机产品和类似主题相关的颜色。 如果你想玩出健康的角度，选择它作为食品相关的网站是完美的：

与往常一样，请记住，您选择使用的颜色需要相互配合。 如果您想在标题中包含文本，这尤其重要。 对于文本，经典的白色或黑色选项往往效果最佳，因为它们提供了良好的对比度并且具有高度可读性。

3.为您的号召性用语使用正确的颜色

在上一节中，我们谈到了如何将您选择的颜色与 CTA 相结合的具体示例。 如果您对 A/B 测试有所了解，就会有兴趣知道，在很多情况下，仅更改 CTA 的颜色就足以提高转化率。

让我们来看看一些通常最适合 CTA 的语气：

• 红人。 这些通常与激情和积极的营销有关。
• 橙子。 正如我们之前提到的，你可以用橘子来表现冲动。
• 蓝调。 许多网站使用蓝色调色板，因为它们具有镇静作用。 如果您想设计更具吸引力和受欢迎的 CTA，这可以发挥您的优势。
• 紫色。 纵观历史，紫色一直与奢侈品联系在一起。 这可以使它成为 CTA 的一个有趣选项。

请记住，这些只是让您的创意源源不断的一些建议。 你总是可以用你选择的颜色跳出框框思考。 但是，一般而言，您希望 CTA 在视觉上脱颖而出并引起强烈反应。

这意味着你需要问问自己，你想对你的设计有多大的积极性。 例如，实干家选择了一种非常诱人的更柔和的方法：

另一方面，Hupla 则采用大胆的红色和紫色组合。 这是一种激进的方法，但结合正确的图像，它可以引起一种“想要适应它”和紧迫感：

无论您为 CTA 选择哪种组合，测试它们总是明智的。 有些情绪可能不会那么有效，这取决于你的听众是谁。 这意味着 A/B 测试将是您最强大的盟友。

4. 不要害怕使用不太流行的颜色

在整篇文章中，有几种颜色引起了很多关注。 当人们谈论使用颜色来引发情感时，红色、橙色和蓝色往往会受到很多人的喜爱，其原因有两个：

1. 这些特殊的颜色可以完美地结合在一起。
2. 他们针对一组特别有价值的情绪，包括紧迫感、冷静、信任和冲动。

但是，您可以使用更多颜色。 色彩理论是一个非常深的兔子洞，除了蓝-红-橙三色之外，可能还有一些调色板可能更适合您的观众。

例如，黑色和黄色是一种出人意料的优雅组合。 我们经常将黑色与精致或边缘联系起来，黄色与它在视觉和情感上形成对比：

如果您不想在试图引起的情绪中表现得那么明显，您也可以更谨慎地使用颜色。 例如，Sweet Cecily's 的颜色都是柔和的，我们非常喜欢它对粉红色的使用。 由于这种颜色与青春和女性气质有关，因此它与目标受众产生了完美的共鸣：

主要的收获是在颜色方面你有很多选择，你可以在数百个元素中实现它们。你可以通过突出显示相关颜色来专注于你想要引发的情绪，或者对你的联想更加微妙要去。 关键在于实验，并知道你的听众是谁。

结论

您在网站设计中使用颜色的方式非常重要。 一些颜色组合的外观和感觉令人惊叹，而其他颜色组合会使您的网站看起来不和谐。 然而，使用正确的颜色不仅仅是风格。 您还需要了解颜色可以传达的情感，以及如何利用这些强大的效果。

让我们回顾一下在网页设计中使用颜色与访问者建立联系的四种方式：

1. 将带有特定情绪的调色板放在一起。
2. 围绕特定色调设计您网站的标题。
3. 为您的 CTA 使用正确的颜色。
4. 不要害怕使用不太流行的色调。

您对如何在网页设计中使用颜色传达情感有任何疑问吗？ 让我们在下面的评论部分中讨论它们！

Hardyguardy/shutterstock.com 的文章缩略图