WordPress divi主题

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

by | May 13, 2022 | Divi主题使用教程 | 0 comments

5分钟生成10篇英文软文article forge软件试用

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

google广告开户

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

让我们开始工作吧!

颜色与情感之间的联系

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

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

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

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

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

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

1. 将带有特定情绪的调色板放在一起

每个网站至少有一个目标。 这可能涉及销售产品或服务、推销别人的产品、培养社区等等。 网站所有者尝试实现这些目标的主要方式包括创建引人入胜的内容,以及通过智能设计将人们置于正确的思维框架中。

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

WordPress divi主题
  • 激动
  • 可能性
  • 相信
  • 害怕错过

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

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

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

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

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

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

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

转换实验室网站。

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

继续看第二个例子,安大略玉米饲料牛肉网站使用绿色效果非常好。 正如您可能想象的那样,绿色是一种通常与自然、有机产品和类似主题相关的颜色。 如果您想突出健康角度,则将其用于与食品相关的网站是完美的选择:

安大略玉米饲牛肉网站。

fiverr建站WordPress程序员

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

3.为您的行动呼吁使用正确的颜色

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

让我们看一些通常最适合 CTA 的音调:

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

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

这意味着你需要问问自己,你想对你的设计有多积极。 例如,实干家选择了一种非常吸引人的更温和的方法:

独立站选品工具

DOERS 网站。

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

胡普拉网站。

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

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

在整篇文章中,有一些颜色引起了很多关注。 当人们谈论使用颜色来引发情绪时,红色、橙色和蓝色往往会得到很多人的喜爱,原因有两个:

高质量外链购买
  1. 这些特殊的颜色完美地结合在一起。
  2. 他们针对一组特别有价值的情绪,包括紧迫感、冷静、信任和冲动。

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

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

预订网站。

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

甜蜜的塞西莉的网站。

JasperAI 10000字免费额度试用

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

结论

在网站设计中使用颜色的方式非常重要。 一些颜色组合看起来和感觉都很棒,而另一些颜色组合会让你的网站看起来很刺眼。 然而,使用正确的颜色不仅仅是风格。 您还需要了解颜色可以传达的情感,以及如何利用这些强大的效果。

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

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

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

Hardyguardy / shutterstock.com 的文章缩略图

WordPress备份工具updrafplus

5分钟生成10篇英文软文article forge软件试用
tiktok
WordPress divi主题