发布时间：2022-8-3 分类： 行业资讯
不同的颜色往往带给我们不同的情感和体验。
色彩是一种美丽的东西，可以给人类带来不同的情感。我们将使用颜色来区分类似的东西。
然而，在现实生活中，颜色不存在。颜色建立在人类大脑的视觉系统中。这意味着颜色本质上是主观的，而不是客观的。
在设计中，颜色是吸引用户注意力的关键因素。当人们接触到新事物时，颜色是最容易记住的信息。颜色的设计往往与品牌密切相关。很多时候，人们是否购买产品在很大程度上取决于颜色。色彩对人们的心理有着非常重要的影响。
事实01:男性和女性对颜色的偏好
男生喜欢的颜色和女生喜欢的颜色非常不同。
法律是：
男性和女性最受欢迎的是蓝色（很多产品都使用蓝色）;大多数人不喜欢橙色。
男人喜欢大胆的色彩，女人喜欢柔和的色彩。
男士和女士最喜欢的颜色
（来自：市场营销和品牌的色彩心理学，作者：GREGORY CIOTTI，2016.5.17）
男士和女士最不喜欢的颜色
（来自：市场营销和品牌的色彩心理学，作者：GREGORY CIOTTI，2016.5.17）
因此，如果你想设计一个主要针对女性的产品，你可以参考女性一般喜欢使用的蓝色，紫色和绿色，少用女性不喜欢的橙色，棕色和灰色。
（来自：Facebook为什么是蓝色？市场营销中的色彩背后的科学，作者：LEO WIDRICH，2013.5.6）
如果该产品主要针对男性，请考虑男性喜欢蓝色，绿色和黑色，并且不喜欢棕色，橙色或紫色。
（来自：Facebook为什么是蓝色？市场营销中的色彩背后的科学，作者：LEO WIDRICH，2013.5.6）
但是，您无法仅根据用户首选项选择颜色。更重要的是使用颜色来提高产品质量和体验。
事实02:颜色的选择取决于“产品特性”或“提供的服务”
在决定是否购买之前，人们会看到一种经常被颜色吸引的产品。
（G-shock代购源码网站。来自：色彩，心理学和设计– UX Planet，作者：muditha batagoda，2017.9.18）
G-shock手表以其强大的功能和耐用性而闻名。当用户打开G-shock手表的代购源码网站时，他觉得他相信这款手表的含义。
当用户使用产品时，产品的颜色也会突出显示用户的个性。
所以G-shock使用大胆的色彩吸引那些喜欢“酷”而不是“专业性能”用户的用户。
事实03:颜色使产品“可识别”
产品设计不仅可以“理解”，而且“易于找到”。
我们的大脑总是喜欢立刻认出我们的品牌。
为了创造有吸引力且可识别的产品，有必要选择适合产品的性质，个性和情感的颜色，并且与其他竞争产品不同。
研究表明，颜色是直接商业竞争的关键因素。当消费者想到产品时，首先想到的是产品的独特颜色。例如，肯德基在食品行业，麦当劳，星巴克。
（肯德基如何在应用程序中使用颜色。来自：颜色，心理学和设计– UX Planet，作者：muditha batagoda，2017.9.18）
（mcdonalds如何在应用程序中使用颜色。来自：颜色，心理学和设计– UX Planet，作者：muditha batagoda，2017.9.18）
（星巴克如何在应用程序中使用颜色。来自：颜色，心理学和设计– UX Planet，作者：muditha batagoda，2017.9.18）
重点是：了解用户，关注用户对颜色的反映，而不是关注颜色本身。
您的颜色应该达到您想要给客户的目标。
颜色如何影响设计？
每个公司的徽标使用不同的颜色来触发不同的情绪。
（来自：Facebook为什么是蓝色？市场营销中的色彩背后的科学，作者：LEO WIDRICH，2013.5.6）
蓝色
使用最广泛; （两个主要的社交代购源码网站Facebook和Twitter都使用蓝色）
人们感到信任，安全和放松。 （信任，安全和放松）（信任：这么多银行，商业组织，运输代购源码网站使用蓝色）
不同的蓝色调会带来不同的情绪：
淡蓝色：平静，让人感觉恢复精力。 （冷静，精神焕发）
纯天蓝：快乐友好。 （幸福，对用户友好）
（来自：色彩，心理学和设计– UX Planet，作者：muditha batagoda，2017.9.18）
（蓝色代表可靠性，这对旅游公司来说是一件好事。来自：UI设计中最重要的颜色，来自：Nick Babich，2017.7.29）
（蓝色唤起平衡感和平静智慧。这就是为什么绝大多数金融服务公司都使用蓝色。
（蓝色是Facebook的主导色，因为马克扎克伯格是色盲。正如他所说，“蓝色是我最富有的色彩 - 我可以看到所有蓝色。”
一集：为什么“超链接文字”使用蓝色？
简单地说，因为在最早的代购源码网站页面中，蓝色可以显示最高的对比度。
（来自：Facebook为什么是蓝色？市场营销中的色彩背后的科学，作者：LEO WIDRICH，2013.5.6）
网络的主要先驱Tim Berners-Lee被认为是第一个以蓝色链接的人。
一个非常早期的网络浏览器，Mosaic，使用丑陋的灰色背景和黑色文本。那时，可以使用的非黑色，最深的文本颜色是蓝色。因此，突出显示超链接文本并保证可读性，选择蓝色。
粉红色
与甜食和甜食有关，通常被称为“少女和含糖物品”，“女孩的颜色”）
但不仅仅是女性特有的颜色;
代表活泼，快乐，年轻（好玩，快乐，年轻）
（来自：色彩，心理学和设计– UX Planet，作者：muditha batagoda，2017.9.18）
黑
代表全权和正式;
黑色可以带来比其他颜色更强的力量感;黑色是光谱中最强的颜色，比其他颜色更快，甚至是红色;所以它主要用于文字和文字; p>
对于奢侈品;
“一切都很酷，黑色”
（来自：色彩，心理学和设计– UX Planet，作者：muditha batagoda，2017.9.18）
红色
（重要感并向我们通报危险）
用于需要特别注意的地方; （特别注意，例如交通灯）通常用于：清仓甩卖
大多数情况下，它被用于需要立即注意的地方; （需要立即关注）
爱与激情的象征。 （爱和激情的象征）
（来自：在UX设计中用色彩创造情感，作者：Nick Babich，2016.5.17）
（来自：色彩，心理学和设计– UX Planet，作者：muditha batagoda，2017.9.18）
绿色
（与环境，树木和植物相连）
大多数时候它用于有机食品和饮料等产品; （有机食品和饮料）
饱和度较高的果岭让人感到兴奋和充满活力，引起了很多关注。这就是绿色常用于CTA按钮的原因。 （号召性用语按钮）。
（有机食品在现场设计中使用了大量的绿色。）
（与蓝色相结合，绿色进一步延续了清洁度。）
（绿色的“叹气”按钮。）
橙
充满活力，比红色刺激性小; （精力充沛，精力不足）;订阅，购买，出售;
食物，健康; （例如维生素C）
俏皮，乐观，价廉，适合休闲产品，非企业代购源码网站首选; （好玩，乐观，非常适合休闲）
（Orange Telecom广告活动。来自: Adam Hayes）
（橙色便宜的财产：在Hipmunk代购源码网站上搜索CTA按钮）
当我们考虑颜色时，我们考虑品牌，少考虑“影响用户情感”的方向。
但事实上，我们可以用色彩来唤起用户的不同情绪。从这个角度来看，颜色也是商业竞争中的武器。
黄
冲锋可以代表快乐和焦虑; （快乐和焦虑）
亮黄色：精力充沛，乐观，年轻; （精力充沛，乐观，年轻）
亮黄+黑：警告，注意很多（警告标志，引起很多关注）
黄金：更严重，古代
（获得了很多关注。来源: hlvticons）
（百年灵使用黄色将访客聚焦于CTA按钮“发现模型。”）
实验
Performable代购源码网站（现为HubSpot）的设计者想测试改变按钮的颜色不会改变转换率。只有按钮的颜色不同，一个是红色，一个是绿色。
启动每个人的假设：
与绿色相关的概念是：天然和环保;与“绿灯”的联系代表了行动的“进步”;
与红色相关的概念包括：兴奋，激情，血液，警告，吸引注意力，以及让人联想到“红灯停止”。
因此，很明显，在A/B测试之前，每个人都认为绿色更合适。
（来自：Facebook为什么是蓝色？市场营销中的色彩背后的科学，作者：LEO WIDRICH，2013.5.6）
但是，结果是什么？
结果非常令人惊讶：页面上的所有其他元素都相同，点击红色按钮的人点击绿色按钮的可能性增加21％。因此，数字的差异只是按钮颜色的差异。
如果我没有读过这个实验，我只想从设计的角度来判断哪种颜色更合适。我绝对选择绿色。然而，这个实验让我意识到情况并非总是如此。
无论您想做出哪些改变，都应将您的决定视为“假设”。在实际测试之后，查看实际数据结果是否足以支持您的设计思路。
无论如何，数据总是胜过意见。— LEO WIDRICH
单独改变颜色并对结果进行重大改变是一件有趣的事情。
另一个实验
颜色的影响通常不是独立的，而是一起工作。
Paras Chopra希望测试他如何能够更好地下载他的PDF制作人，并且他做了以下测试：
（来自：市场营销和品牌的色彩心理学，作者：GREGORY CIOTTI，2016.5.17）
猜猜哪种类型的下载最高？结果如下：
（来自：市场营销和品牌的色彩心理学，作者：GREGORY CIOTTI，2016.5.17）
10赢得了显着的优势。这不是巧合。也许你已经注意到“PDFProducer”文本很小而且是浅灰色，但是动作文本“免费下载”很大而且仍然是红色，这就形成了鲜明的对比。
总结
对于设计师来说，没有颜色是每个人都喜欢的“最佳颜色”。
最终，您的设计的正确颜色是您的用户认为正确的颜色。 —作者：Nick Babich
我们应该关注“我们为谁设计”并收集反馈，然后在设计的早期阶段调整想法。从而使用各种颜色原理来提供更好的用户体验。
（转换的A/B测试。来自：在UX设计中用色彩创造情感，作者：Nick Babich，2016.5.17）
参考文献：
色彩，心理和设计– UX Planet，作者：muditha batagoda，2017.9.18
在UX设计中用色彩创造情感，作者：Nick Babich，2016.5.17
营销和品牌的色彩心理学，作者：GREGORY CIOTTI，2016.5.17
为什么Facebook会变蓝？营销中的色彩背后的科学，作者：LEO WIDRICH，2013.5.6
UI设计中最重要的颜色，作者：Nick Babich，2017.7.29
从原理到方法，解释颜色更加实用和全面：如何在UI设计中使用颜色明智地创建一个完美的UI界面？，来自: Trista Iiu，2017.10.16
总结：
色彩效果：响应品牌个性;提供更好的体验;影响购买决策。
色彩实用方法：在不同情况下选择合适的色调;注意使用蓝色;改变暗色和浅色的规律;色比6：3：1;最多3种颜色;选择颜色时要注意性别因素。
一般原则：可用性就是一切。提供良好，愉快的体验是一个关键标准。
最后，建议使用该工具。
作者：Angelaaa
资料来源：了解专栏：ANN的设计说明
本文由@Angelaaa授权，是产品经理。未经作者许可，禁止转载。
该地图来自PEXELS，基于CC0协议
