颜色在UX中的作用

本文概述

• 色彩心理学
• 将UX颜色与品牌相匹配
• 使用非常规UX颜色
• 总结

了解颜色心理学是创建在数字设计中很好工作的调色板的关键方面。尽管有些设计师有时将颜色视为纯粹的美学选择, 但实际上, 颜色是设计对用户以及用户体验的心理影响的关键组成部分。

经过深思熟虑的调色板可以将设计从”好”提升为”出色”, 而中等或较差的调色板会降低用户的整体体验, 甚至会干扰他们使用网站或应用的能力。

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

尽管有些过度使用, 但灰色/白色/蓝色调色板对于金融网站非常有效, 因为蓝色通常与忠诚度和对颜色心理学的信任有关。

色彩心理学

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

诸如主要颜色(原色, 第二色和第三色)的通用含义, 传统调色板以及颜色含义中的文化变化之类的东西都非常简单。设计师可以轻松地学习这些基础知识并将其应用于他们的工作。但是, 在UX设计中使用颜色时, 还有一些要学习的要点。

基本的颜色含义很容易学习和记住, 尽管在数字设计中也可以很好地使用更细微的含义。 (Vandelay设计)

界面颜色对情感的影响不容忽视。尽管某些颜色在UX设计中是”通用的”(例如, 黑色, 白色和灰色, 实际上几乎所有好的设计中都使用了其中的至少一种), 但它们结合使用的颜色可能会对UX设计产生巨大影响。用户的感知。

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

网站配色方案之间的细微差异对网站所唤起的情感有很大影响。 Zutano和P＆N Bank都使用红色和白色阴影, 但是它们的网站在情感上有着完全不同的影响。

颜色的文化差异

设计师往往忽略的一个问题是, 不同颜色之间可能存在文化差异。例如, 在许多西方文化中, 白色与诸如纯洁, 纯真和希望之类的事物相关。但是在亚洲部分地区, 白人与死亡, 哀悼和厄运有关。

某些颜色通常具有积极的含义, 与文化无关(例如橙色), 而其他颜色(例如白色)在不同国家/地区之间差异很大。在尝试创建吸引尽可能多的受众的设计时, 这无疑会使设计师的生活复杂化。

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

在世界各地的各种文化中, 颜色可能具有完全不同的含义。 (信息很美)

将UX颜色与品牌相匹配

品牌价值在创建调色板中应发挥关键作用。但是它们并不是唯一的重要因素。行业规范也是关键, 竞争者已经在使用颜色。使用与品牌的主要竞争产品几乎相同的调色板是一种产生混淆并确保品牌不会脱颖而出的好方法。

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

红色是危险和激情的色彩, 也是兴奋的色彩, 这也许可以解释为什么维珍航空(Virgin Atlantic)将其用作品牌(以及紫色, 这意味着豪华)。

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

• 红色-红色是危险, 激情和兴奋的颜色。它的颜色很浓, 可以引起人们强烈的反响。将其变浅为粉红色可使其更具女人味和浪漫气息, 而将褐红色调为较暗的颜色可使其更为柔和和传统。
• 橙色-橙色是一种非常有创意的颜色, 也与冒险和青春相关。它也非常有活力。由于Orange与70年代风格的紧密联系, 因此还可以唤起复古的感觉。
• 黄色-黄色是快乐, 乐观和开朗的。它在儿童和成人设计中都很受欢迎。柔和的色调通常被用作性别中性的婴儿色, 而明亮的黄色在创意设计中很受欢迎。较深的黄色阴影变成金色, 与财富和成功相关。
• 绿色-绿色具有多种关联。一方面, 它激发了财富和传统的感觉(尤其是深色), 而另一方面, 它又与环保主义和自然紧密相关。柠檬绿通常与更新和生长有关。
• 蓝色-蓝色通常与忠诚度和信任有关。较蓝的布鲁斯可能与交流有关, 而较暗和较暗的布鲁斯可能与悲伤和沮丧有关。蓝色是世界上最受欢迎的颜色, 这也许可以解释为什么这么多公司选择品牌选择蓝色的原因。
• 紫色-紫色是具有不同含义的另一种色调。长期以来, 它与皇室和财富有关(由于紫色染料在许多古代文明中很少见, 因此保留给皇室使用)。但这也与神秘和灵性有关。紫色也可以唤起创造力。
• 黑色-黑色代表精致和豪华。但是, 它也可以与悲伤和消极情绪联系在一起。根据黑色旁边使用的其他UX颜色, 它可以感觉到现代或传统, 正式或休闲。
• 白色-白色与纯度, 纯真和积极性息息相关。由于其中立和简单, 白色在极简设计中也非常受欢迎。白色与黑色一样, 很容易呈现其他颜色的特征。
• 灰色-灰色具有不同的含义, 具体取决于上下文。它可以是保守的和复杂的, 也可以是肮脏而乏味的。它可以是无情的或喜怒无常的。它也可能与悲伤和悲伤有关。
• 棕色-棕色(实际上是深色的橙色阴影)与脚踏实地接地有关。它也与自然甚至舒适有关。并且, 当然, 它可能与肮脏或肮脏有关。

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

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

这种植物浇水应用程序的概念为其原色使用了漂亮的绿色阴影, 并以对用户有意义的方式使用了蓝色, 黄色和红色重点。 (艾米·霍利·赫斯特(Amy Holley Hirst))

使用非常规UX颜色

UX颜色的非常规使用是区分品牌的好方法。尽管比单纯组合任何旧颜色要花更多的技巧, 但设计师要学会如何在UX设计中使用意外的颜色并不难。

在设计中添加非常规颜色时, 强调颜色是最容易上手的地方。例如, 一家律师事务所的网站可能会使用海军蓝和灰色的传统调色板。但是, 加上一些柠檬绿色的装饰, 突然之间, 该设计就与其他设有海军蓝色和灰色网站的律师事务所区分开来。或看看Hogan Lovells的示例, 该示例使用白色, 灰色和石灰绿色调色板创建了一个现代网站, 该网站绝对在其他法律行业网站中脱颖而出。它比一般的法律网站更吸引年轻, 更现代的人群。

霍根·洛弗斯(Hogan Lovells)用非常新鲜的调色板创造出现代设计。

Berdan Real Estate是另一个使用意外调色板的站点。房地产站点使用黄色和桃红色阴影, 这两种颜色都比普通的房地产站点(蓝色, 红色和绿色占主导地位)高得多。

伯丹房地产(Berdan Real Estate)避开了典型的公司配色方案, 而取而代之的是新鲜而温暖的东西。

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

Lemonade在品牌中选择紫红色的做法在业界是完全出乎意料的。

在网络上实践中还可以使用许多其他非常规UX颜色示例, 这些示例可以用于启发。

60-30-10规则

” 60-30-10规则”是一种用于创建色彩均衡且视觉趣味的调色板的简单理论。想法是, 一种颜色(通常是相当中性的(字面上或心理上))构成调色板的60％。另一种互补色占调色板的30％。然后将第三种颜色用作其余10％设计的重点。

这种方法使设计人员更容易开始尝试非常规的调色板, 而不会超出行业或品牌的预期标准。添加一些突兀的色彩可以提升设计, 使其适合特定公司的期望。这也可能是迈向创建一个比其竞争对手更具远见的品牌调色板的第一步, 从而使品牌与众不同并使其更令人难忘。

Clarity Stress Management的网站很好地展示了60-30-10规则, 页眉和页脚中有60％紫色, 30％白色和10％洋红色。

总结

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

设计良好的调色板, 尤其是其中包含一些意外色调的调色板, 不仅是一种美学选择。它会对用户产生重大的心理影响, UX设计师应该利用这些心理影响来创造更好的体验。

• • •

在srcmini设计博客上进一步阅读：

• 优秀UX的设计心理学和神经科学
• 黑暗的用户界面。好和坏。该做什么和不该做什么。
• 情感品牌促进可持续产品设计
• 发挥灵感-情绪板指南
• 有说服力的设计：有效利用先进的心理学