设计的影响力–色彩和情感指南 _教程合集

本文概述

有正面和负面的颜色吗？
颜色的心理影响
创建情感强大的调色板
总结

看到红色。情绪低落。绿色令人羡慕。
流行的成语表明, 人们长期以来将色彩与他们所唤起的情感联系在一起。人们将红色与愤怒(或情欲)联系在一起, 将蓝色与沮丧联系在一起, 至少在莎士比亚节那天起, 人们将绿色与嫉妒联系在一起。 (他在作品中至少三次提到与嫉妒有关的绿色。)
用户体验设计师可以充分利用色彩来影响人们的情感以及他们的实际行为。色彩对人们如何看待设计有最大的影响, 然而太多的设计师却没有花费必要的时间和精力来为他们的项目正确创建调色板。
【设计的影响力–色彩和情感指南】这会导致浪费大量的精力和调色板, 并不一定会影响对产品的理想响应。在最坏的情况下, 即使对设计的其他所有方面都进行了优化, 色彩也会使人们无法工作。
有正面和负面的颜色吗？有一个普遍的想法, 就是某些颜色本来就是正面或负面的。通常, 暖色(黄色, 红色和橙色)被认为是正面的, 而冷色(蓝色, 绿色和紫色)??被认为是负面的。
不过, 这些关联并不是一成不变的规则。例如, 红色(暖色)可能会引起愤怒或危险的感觉(考虑一下Holly Golightly关于蒂法尼早餐中” 平均红” 的独白), 而绿色(冷色)则可以引起成长和新起点的感觉。这就是为什么色彩心理学和色彩理论如此复杂的原因之一。似乎有无穷无尽的因素可以影响一种颜色的感知方式以及它如何影响人类的行为和思想。
文化差异也会对色彩含义产生深远影响。在许多西方文化中, 白人与纯净与和平息息相关, 而在某些亚洲国家, 白人与死亡和哀悼息息相关。
设计师必须注意调色板中的颜色如何相互协调工作, 以及每种颜色如何影响周围的其他颜色, 这一点至关重要。
颜色的心理影响暖色调往往会令人振奋和生动。它们通常充满活力, 可以为设计增添生气。暖色调不是在背景中融合, 而是在屏幕或页面上” 弹出” , 并趋于位于设计的最前沿。

文章图片
Hourly应用程序主页上的红色和温暖的米色调色板会产生能量和紧迫感, 而冷色调不会产生这种压力。
暖色要注意的一件有趣的事是, 三种原色(红色和黄色)中的两种是暖色的, 橙色是第二色, 是两者的组合。这意味着, 在大多数情况下, 暖色是纯暖的, 即主要的, 不能与其他颜色混合。
冷色比暖色更有可能被视为平静。不过, 情况并非总是如此, 特别是因为绿色和紫色(它们是辅助颜色)是通过将主要的冷色(蓝色)和暖色(黄色创建绿色而红色创建紫色)组合而成的。这意味着, 虽然这些色调被认为是” 酷” 的, 但它们可以呈现其温暖方面的一些特征。

文章图片
Whitetail杜松子酒网站的平静蓝色给人一种放松的印象。
绿色(尤其是越来越亮的版本)可以与生命和正能量相关联。紫色, 尤其是当它更亮(例如紫红色)或更亮(例如薰衣草)时, 可能是一种非常生动的颜色。

文章图片
较亮的值(例如明亮的紫色和紫红色)为冷色提供更多能量。
中性色(棕色, 棕褐色, 灰色, 白色和黑色)倾向于呈现它们所组合的颜色的特征, 尽管它们也可以制服或增强这些效果。例如, 将暖色和白色相结合可以创建外观更轻(就重量而言, 而不仅仅是整体活力)和无忧无虑的设计。将那些相同的暖色与黑色相结合, 可以使它们显得更加强烈和生动。将冷色与黑色相结合可使它们更加神秘, 而将白色与白色相结合可使它们更加镇静和放松。
颜色对消费者行为的影响
颜色会影响一个人的情绪或思想, 但是会影响他们的行为吗？
是的, 一点没错。
营销人员长期以来一直依靠颜色来影响消费者采取某些行动。这就是为什么要引起路人注意的商店橱窗上的标语通常为黄色, 而销售价格通常标为红色。
这些选择中的许多选择更多地基于传统而不是硬科学, 但这反过来又在消费者中产生了期望。当他们看到一个红色的价格时, 他们会假设他们所看的东西都在出售或清仓。当他们在窗口中看到黄色标牌时, 会花一点时间阅读它, 因为他们希望它会包含相关信息(黄色是人眼最容易看到的颜色之一, 因此自然会引起人们的注意)。

文章图片
Asos网站使用红色表示销售价格, 向客户发出信号, 表示他们正在获得一笔便宜的交易。
以下是每种色调如何影响消费者行为的简要概述(有关颜色在行销中使用的更多详细信息, 请参见Suyati的此信息图)。

红色与购买和销售密切相关。如果使用量过多, 它可能会使一些客户拒之门外。
橙色可用于号召性用语, 但如果使用过多, 也会令人烦恼。这就是为什么在徽标或强调色之外不常看到它的原因。
黄色吸引了人们的注意力并吸引了他们的注意力。
绿色很容易被人眼处理, 因此常用于营造放松感。它也与金钱和运气息息相关。
蓝色是世界上最受欢迎的颜色, 因此在各种通讯中广泛使用它也就不足为奇了。它也与忠诚, 诚实和权力紧密相关, 使其成为较保守行业(例如银行业和保险业)的大型公司和企业的热门选择。
紫色在美容产品行业中被广泛使用, 尽管它也与奢侈品相关联(例如Asprey, 甚至将其标志性香水” 紫色水” 命名为紫色)。
当用于市场营销时, 黑色通常是精致而优雅的。它已广泛用于大多数行业的通信中。
白色通常与清洁度相关, 因此在医疗保健行业很流行。由于它与简单性相关联, 因此也用于技术行业。
灰色还与简单性相关联, 营销人员经常使用它来安抚和抚慰消费者。

同样, 每种颜色对消费者行为的影响在很大程度上受其使用方式以及内容背景的影响。
创建情感强大的调色板许多用户体验设计师认为, 在某些情况下无法使用某些颜色。这种想法已经过时, 在现代设计中没有地位。
让我们来看看Pantone的2019年度色彩：活珊瑚。这是一种强烈的色彩, 许多设计师可能会回避使用它来进行许多项目。 (注意：我并不是为了跟随趋势而提倡跳这条潮流, 但这是进行实验的一个很好的起点。)
毕竟, “ 活珊瑚” 在银行网站或出售男式西服的网站上有什么位置(尽管向那里的人提供了可以晃动珊瑚服的道具)？但是, 这里有一些调色板可以用于包含Living Coral的各种行业, 只是为了证明在正确的背景下使用时, 设计师想要的任何项目几乎都可以使用任何颜色。
不确定这有什么帮助？想一想参加项目的设计师的客户, 他们坚持要使用特定的” 品牌颜色” , 即使该颜色很丑陋。
这是结合了活珊瑚色的四个调色板示例, 适用于各种行业。

文章图片
此调色板既有趣又时髦。对于以孩子或有创意的追求为目标的网站来说, 这将是一个很好的选择。

文章图片
对于法律, 银行或保险等传统行业来说, 这是一个不错的选择, 但是添加Living Coral可以使它具有更易于使用的感觉, 并可以吸引年轻的听众。

文章图片
此调色板更加柔和, 对于服装公司或其他网站而言, 其内容应比设计元素更为突出, 这将是一个绝佳选择。

文章图片
这个调色板感觉很传统(想想在科德角(Cape Cod)的夏天), 同时又感到新鲜和放松。
四种不同的调色板, 四种完全不同的感受。几乎可以在任何颜色上进行相同类型的实验。
在设计中加入看似不协调的颜色的另一种方法是通过向其添加黑色, 灰色或白色来更改色调的值。

文章图片
通过添加(从左到右)黑色, 灰色或白色, 左侧的鲜艳颜色可以改变其情感效果。
创建更柔和的颜色(添加灰色)会使它感觉更轻松。添加黑色以使颜色变暗会使其具有传统或保守的感觉。添加白色以使颜色变浅, 使它们更具纯真而平和的感觉。
色彩理论中最容易被忽视的部分之一就是设计师信任自己的直觉的能力。颜色是非常主观的, 尽管有某些指导原则, 但它仍然是一个相对未被研究的设计领域。
设计师应遵循自己的直觉来尝试各种调色板和创意, 然后进行用户测试以证明其直觉是否正确。用户测试, A / B测试以及其他收集有关各种调色板功效的数据的方法在创建最终设计中非常宝贵。
总结颜色与情感之间的关系是好的UX设计最重要的方面之一。正确的调色板会鼓励人们在网站上或使用设计师希望他们使用的应用程序执行操作, 而错误的调色板会在访问者根本不执行任何操作之前将其拒之门外。
选择正确的调色板既是艺术又是科学。在设计初始调色板时, 设计师应遵循自己的直觉以及可用的研究, 然后进行测试和重新测试, 以确保调色板能够增强设计的总体目的。
???
在srcmini设计博客上进一步阅读：