颜色在用户体验中的作用

了解色彩心理学是创建适用于数字设计的调色板的关键方面。 虽然颜色有时被一些设计师认为是纯粹的审美选择，但事实上，它是设计对用户心理影响的关键组成部分，因此也是用户体验。

经过深思熟虑的调色板可以将设计从“好”提升到“出色”，而平庸或糟糕的调色板可能会降低用户的整体体验，甚至会影响他们使用网站或应用程序的能力。

虽然色彩理论通常是一个复杂的主题，但在 UX 设计中使用色彩不仅仅是创建一个看起来不错的调色板（例如可访问性以及同一色调中不同色调的心理影响）； 设计师可以逐渐在他们的设计中更好地使用颜色，而无需重新考虑他们的整个过程。 一旦设计师掌握了基础知识，色彩理论中最有价值的部分之一就是学习将更多意想不到的颜色融入他们的设计中。

色彩心理学

颜色理论和颜色对用户的心理影响是一个复杂且通常是主观的话题。 但有些方面可以在更普遍的层面上解决。

诸如主要颜色（主要、次要和三次）的共同含义、传统调色板以及颜色含义的文化差异之类的事情都相当简单。 设计师可以轻松学习这些基础知识并将其应用到他们的工作中。 但是，在UX 设计中使用颜色时，还有一些细节需要学习。

界面颜色的情感影响不容忽视。 虽然某些颜色在 UX 设计中是“通用的”（例如黑色、白色和灰色，其中至少有一种用于几乎所有优秀的设计），但它们组合在一起的颜色会对一个用户的感知。

当然，使用颜色的方式也会对其感知方式产生巨大影响。 例如，在现代简约设计中用作原色的蓝色与在更复杂的企业设计中用作强调色的相同蓝色具有非常不同的感觉。

颜色的文化差异

设计师容易忽视的一个问题是围绕不同颜色可能存在的文化差异。 例如，在许多西方文化中，白色与纯洁、纯真和希望等事物联系在一起。 但在亚洲部分地区，白色与死亡、哀悼和厄运联系在一起。

无论文化如何，有些颜色通常具有积极的含义（例如橙色），而其他颜色（例如白色）在不同国家/地区之间差异很大。 当试图创建一个吸引尽可能多的观众的设计时，这肯定会使设计师的生活复杂化。

设计师要根据产品或网站的目标受众来看待他们的调色板的文化含义，这一点很重要。 如果产品要面向全球受众，请务必平衡用于防止负面文化内涵的颜色和图像。 如果产品主要只针对特定文化，设计师可以较少关注所选调色板在其他文化中可能产生的影响。

将 UX 颜色与品牌匹配

品牌价值应该在创建调色板中发挥关键作用。 但它们并不是唯一重要的因素。 行业规范也很关键，竞争对手已经使用的颜色也是如此。 使用与品牌的主要竞争对手几乎相同的调色板是制造混乱并确保品牌不会脱颖而出的好方法。

当然，这也有例外。 以麦当劳和温迪为例。 两者都是彼此直接竞争的快餐店。 两者都使用红色和黄色调色板。 然而，看看他们的标志，温迪的标志主要是红色的，带有黄色的口音，而麦当劳则相反。 他们的包装也以不同的方式使用这些颜色，进一步区分品牌。 因此，即使从包装中去除了徽标和其他识别标记，两者也不会轻易与其他混淆。

创建支持品牌价值观的品牌调色板的第一步是了解各种颜色的含义，以及如何使它们更亮/更亮/更暗/更暗/等。 可以影响他们。 以下是不同颜色含义的基本分类：

• 红色——红色是危险和激情的颜色，也是兴奋的颜色。 这是一种非常强烈的颜色，可以引起人们的强烈反应。 将其淡化为粉红色使其更加女性化和浪漫，而将色调变暗为栗色则使其更加柔和和传统。
• 橙色——橙色是一种非常有创意的颜色，也与冒险和青春有关。 它也非常有活力。 由于橙色与 70 年代风格的紧密联系，它也能唤起一种复古的感觉。
• 黄色——黄色是快乐、乐观和开朗的。 它在儿童和成人的设计中很受欢迎。 更柔和的色调通常被用作中性的婴儿颜色，而明亮的黄色在创意设计中很受欢迎。 较深的黄色变成金色，这与财富和成功有关。
• 绿色——绿色有多种联想。 一方面，它激发了财富和传统的感觉（尤其是较深的色调），而另一方面，它与环保主义和自然密切相关。 青柠通常与更新和生长有关。
• 蓝色——蓝色最常与忠诚和信任联系在一起。 较亮的蓝色可能与交流有关，而较暗和较深的蓝色可能与悲伤和抑郁有关。 蓝色是世界上最受欢迎的颜色，这或许可以解释为什么这么多公司选择蓝色作为品牌宣传。
• 紫色——紫色是另一种具有多种含义的色调。 长期以来，它一直与皇室和​​财富联系在一起（因为紫色染料在许多古代文明中很少见，所以它是为皇室保留的）。 但它也与神秘和灵性有关。 紫色也可以唤起创造力。
• 黑色——黑色意味着精致和奢华。 然而，它也可能与悲伤和消极有关。 根据与黑色一起使用的其他 UX 颜色，它可以给人现代或传统、正式或休闲的感觉。
• 白色——白色与纯洁、纯真和积极有关。 白色在极简设计中也很受欢迎，因为它的中性和简单。 像黑色一样，白色很容易呈现出与它一起使用的其他颜色的特征。
• 灰色——灰色有不同的含义，具体取决于上下文。 它可以是保守和复杂的，也可以是肮脏和沉闷的。 它可以是无情的或喜怒无常的。 它也可能与悲伤和悲伤有关。
• 棕色— 棕色（实际上是深橙色）与脚踏实地和接地气有关。 它也与自然甚至舒适有关。 而且，当然，它可能与肮脏或肮脏有关。

了解这些基本颜色含义为设计师提供了坚实的基础，可以在此基础上为任何品牌或产品构建调色板。

然而，色彩理论既是科学又是艺术。 仅仅因为一种颜色通常与一种特定的感觉或情绪相关联，并不意味着它不能通过将其与不同的颜色组合、改变确切的色调或改变它在其他设计元素中的使用方式来以其他方式被感知。

使用非常规的 UX 颜色

非常规地使用 UX 颜色是让品牌与众不同的好方法。 虽然它比简单地组合设计师想要组合的任何旧颜色需要更多技巧，但学习如何在 UX 设计中使用意想不到的颜色并不难。

在将非常规颜色添加到设计中时，强调色是最容易开始的地方。 例如，一家律师事务所网站可能会使用传统的海军蓝和灰色调色板。 但是添加一些石灰绿色的口音，突然之间，该设计与其他拥有海军蓝色和灰色网站的律师事务所的海洋区分开来。 或者看看 Hogan Lovells 的这个例子，它使用白色、灰色和石灰绿色调色板来创建一个绝对从其他法律行业网站中脱颖而出的现代网站。 与一般的合法网站相比，它会吸引更年轻、更现代的人群。

Berdan Real Estate 是另一个使用意想不到的调色板的网站。 房地产网站使用黄色和桃色，这两种颜色都比一般的房地产网站（大片的蓝色、红色和绿色占主导地位）更有活力。

保险通常不被认为是一个现代的、开创性的行业，但这并不意味着他们的设计不能。 Lemonade 的网站使用带有紫红色调的灰色和白色配色方案。 在一个不以冒险着称的行业中，这是完全出乎意料的。

在网络上的实践中使用了许多其他非常规的 UX 颜色示例，可用于激发灵感。

60-30-10 规则

60-30-10 规则是一个简单的理论，用于创建平衡良好且视觉上有趣的调色板。 这个想法是一种颜色——通常是相当中性的东西（无论是字面上的还是心理上的）——占调色板的 60%。 另一种补色占调色板的 30%。 然后使用第三种颜色作为其余 10% 设计的重点。

这种方法使设计师更容易开始尝试非常规的调色板，而不会超出行业或品牌的预期规范。 添加一些意想不到的色调可以提升设计，否则它符合特定公司的预期。 这也可以是创建比竞争对手更具前瞻性的品牌调色板的第一步，从而使品牌与众不同并使其更令人难忘。

结论

虽然色彩理论是一门复杂的学科，但学习基础知识并不是特别复杂。 从那里，设计师可以利用他们的知识为他们的设计创建更多样和更复杂的调色板。

精心设计的调色板，尤其是包含一些意想不到的色调的调色板，不仅仅是一种审美选择。 它会对用户产生显着的心理影响，用户体验设计师应该利用这些影响来创造更好的体验。

• • •

进一步阅读 Toptal 设计博客：

• 设计心理学和真棒用户体验的神经科学
• 黑暗的用户界面。 好和坏。 该做什么和不该做什么。
• 可持续产品设计的情感品牌
• 发挥你的灵感——情绪板指南
• 有说服力的设计：有效地使用高级心理学