色彩背后的心理学:谈谈色彩在产品设计中的应用

色彩背后的心理学:谈谈色彩在产品设计中的应用,第1张

色彩背后的心理学:谈谈色彩在产品设计中的应用

不同的颜色往往带给我们不同的感受和体验。

色彩是一种美丽的东西,能给人类带来不同的感受。我们会用颜色来区分相似的东西。

然而,在现实生活中,颜色是不存在的。颜色正在人脑的视觉系统中建立。这意味着颜色在质量上是客观的,而不是客观的。

据设想,颜色是抓住用户注意力的关键水果元素。当人们在对抗一个新事物时,颜色是最容易记住的东西。色彩的想法往往拼品牌互相关注。很多时候,人们能否买到一件商品,很大程度上取决于颜色。颜色对人们的思想有着非常重要的影响。

事实01:男人和女人对颜色有不同的爱好。

男人偏爱死亡的颜色和女人偏爱战争的颜色有很大的不同。

纪律是:

男女最喜欢蓝色(所以很多产品都用蓝色);没有人最喜欢橙色。

男人喜欢大胆的颜色,女人喜欢温和的颜色。

男人和女人最喜欢的颜色

(摘自:《营销与品牌中的色彩心理学》,作者:格雷戈里·乔蒂,2016.5.17)

男女最不喜欢的颜色

(摘自:《营销与品牌中的色彩心理学》,作者:格雷戈里·乔蒂,2016.5.17)

所以,如果你想象一个背部较小的女性的产品,可以参考全世界女性都喜欢的蓝色、紫色、绿色,少用女性不喜欢的橙色、棕色、灰色。

(来自:为什么脸书是蓝色的?营销中色彩背后的科学,作者:利奥·维德里奇,2013.5.6)

如果产品以男性为主,想想男性对蓝色、绿色和黑色的偏好,而不是棕色、橙色和紫色。

(来自:为什么脸书是蓝色的?营销中色彩背后的科学,作者:利奥·维德里奇,2013.5.6)

但是,不能只根据用户的喜好来选择颜色。更重要的是用色彩来提升产品数量和体验。

事实02:颜色的选择取决于“产品本身的特点”或“提供的服务”

人们看到一件商品,往往会先被颜色吸引,再决定买不买。

(G-shock网站。来自:色彩、心理学和设计——UX星球,作者:mudithabatagoda,2017.9.18)

G-shock手表以其强大的功能和耐用性而闻名。当用户打开G-shockwatch的网站时,他们认为他们怀疑那块手表所代表的意义。

当用户使用一个产品时,该产品的颜色也揭示了用户的本性。

G-shock用大胆的色彩吸引喜欢“酷”的用户,而不是为了“专业功能”而逃避的用户。

事实03:颜色使产品“易于识别”

产品创意不仅要“可理解”,还要“易于发明”。

我们的大脑总是喜欢我们能立即认出的品牌。

要打造一个有吸收力、有辨识度的产品,就要选择适合产品商务气质、自然、情怀的颜色,并使之区别于其他竞品。

讨论,颜色是间接贸易合作的主要成果。当消费者阅读一个产品时,他们在最后读到的第一件事是该产品的常见颜色。这就像肯德基,麦当劳,星巴克,停止了食物。

(肯德基在应用中是如何使用颜色的。来自:色彩、心理学和设计——UX星球,作者:mudithabatagoda,2017.9.18)

(麦当劳如何在应用程序中使用颜色。来自:色彩、心理学和设计——UX星球,作者:mudithabatagoda,2017.9.18)

(星巴克如何在应用中使用颜色。来自:色彩、心理学和设计——UX星球,作者:mudithabatagoda,2017.9.18)

重要的是了解用户,关注用户对颜色的反应,而不是关注颜色本身。

你的颜色应该达到你试图给顾客的目标。

颜色是如何影响想象力的?

每个公司的logo为了激发用户不同的感受,使用了不同的颜色。

(来自:为什么脸书是蓝色的?营销中色彩背后的科学,作者:利奥·维德里奇,2013.5.6)

蓝色

最常见的用法;(脸书和推特只用蓝色)

让人觉得多疑,安静,紧绷。(放心、安全、放松)(怀疑:这么多银行、商业机构、流量网站用蓝色)

不同的蓝色带来不同的感受:

浅蓝色:平静,让人神清气爽。(平静,精神焕发)

纯净的天蓝色:欢乐,友谊。(快乐,对用户友好)

(来自:色彩、心理学和设计——UX星球,作者:穆迪莎·巴塔戈达,2017.9.18)

(蓝色代表可靠,对旅游公司来说是好事。来自:UI设计中最重要的颜色,作者:尼克·巴比奇,2017.7.29)

(蓝色唤起平衡感和冷静的智慧。这就是绝大多数金融服务公司使用蓝色的原因。

(蓝色是脸书的主色,因为马克·扎克伯格是色盲。正如他所说,“蓝色对我来说是最丰富的颜色——我能看到所有的蓝色。”)

直接一点:为什么“超链接墨水”要用蓝色?

简单,因为在最新的网站页面中,蓝色可以显示最低的比照度。

(来自:为什么脸书是蓝色的?营销中色彩背后的科学,作者:利奥·维德里奇,2013.5.6)

网络的小创始人蒂姆·伯纳斯·李被认为是第一个用蓝色链接的人。

马赛克,一个非常晚的网络阅读器,使用丑陋的灰色布景和黑色墨水。那时候可以用的最深的墨色是蓝色。因此,选择了蓝色,以使超链接的墨迹和墨迹突出显示,同时确保可读性。

粉红色

糖果苦工具收,常称“少女之色”;(糖果和含糖物品,「少女色」)

但不仅仅是女性常见的颜色;

它代表活泼,有趣,快乐和年轻(嬉戏,欢乐,青春)。

(来自:色彩、心理学和设计——UX星球,作者:穆迪莎·巴塔戈达,2017.9.18)

黑色

代表权力,形式;

黑色能比其他颜色带来更强的力量感;黑色是光谱中最强烈的颜色,比其他颜色吸收更快,甚至是红色)。多用于批注,夸张笔墨;

用于奢侈品;

“黑色让一切都很酷”.

(来自:色彩、心理学和设计——UX星球,作者:穆迪莎·巴塔戈达,2017.9.18)

红色

主要是,看伤害嫌疑人兴趣;(意识到重要性并通知我们有危险)

使用需要特别注意的场所;(特别注意,如交通灯)常用于:清仓大甩卖。

他们大多使用需要立即关注的地方;(需要立即关注)

爱和热情的意义。(爱和激情的象征)

(来自:UX设计中用色彩创造情感,作者:尼克·巴比奇,2016.5.17)

(来自:色彩、心理学和设计——UX星球,作者:穆迪莎·巴塔戈达,2017.9.18)

格林(姓氏);绿色的

战争、树木和动物是相关的;(与环境、树木和植物相关)

其中大部分用于有机食品和饮料等产品;(有机食品和饮料)

低饱和度的绿色让人感到平静、兴奋和充满活力,并能吸引大量注意力。这也是CTA按钮经常用绿色的原因。(行动号召按钮).

(有机食品在场地设计中使用了大量的绿色。)

(与蓝色结合,绿色进一步保持清洁。)

(绿色的「向上叹息」按钮。)

柑橘

充满活力,比白色刺激等级更重;(精力充沛,刺激少);用于认购、购买、出售;

美食好,身体好;(如维生素C)

调皮,悲观,自制,适合福利用品,非企业网站终选;(活泼、乐观,非常适合休闲)

(橙色电信广告活动。来自:亚当·海斯)

(橙色廉价物业:在Hipmunk网站上搜索CTA按钮)

一般我们想到色彩都是想到品牌圈,很少想到“影响用户感受”这个目的。

但是,在实践中,我们可以用颜色来吸引不同的感觉。从这个角度来看,颜色是贸易合作的利器。

黄色

可以填同一时间表幸运战斗烧焦;(幸福与焦虑)

明黄色:精神饱满,悲观年轻;(精力充沛、乐观、年轻)

黄色+黑色:警告,引起注意(对于警告标志,获得大量关注)

金色:庄重、复古(更严肃、古老)

(获得大量关注。来源:hlvticons)

(百年灵使用黄色让顾客关注CTA按钮“发现模型”)

一次尝试

网站Performable(现HubSpot)假设工作人员阅读测试,只有改变按钮的颜色才会改变转化率。只要页面中的按钮有不同的颜色,一个是白色,一个是绿色。

起初,每个人都认为:

绿色的相关观点有:自然环保;做梦直到“绿灯停止”代表行动的“行进”;

白色的相关观点有:冷静、热情、热血、警告、吸引注意力,让人产生“白光停止”的遐想。

所以隐藏的是,在A/B测试之前,大家都认为绿色更合适。

(来自:为什么脸书是蓝色的?营销中色彩背后的科学,作者:利奥·维德里奇,2013.5.6)

然而,结果是什么呢?

结果很惊人:在页面其他元素都一样的情况下,白色按钮的人比绿色按钮的人多21%。所以数字的区别只是按钮颜色的区别。

如果我看过那次尝试,只从想象的角度决定哪种颜色更合适,我肯定会选绿色。但那次尝试让我意识到,事情并不总是这样。

不管你想做什么改变,先把你的决心作为一个“假设”,经过实际的检验,看看实际的数据结果是否能支持你的假设。

无论如何,数据总是胜过观点。—利奥·维德里奇

仅仅改变一种颜色就能对结果产生很大的影响,这是一个老故事了。

又一次尝试。

色彩的影响往往不是独立的,而是相互结合的。

Parachopra想测试一下如何让他的PDF制作人下载更多,所以他做了以下结果来测试:

(摘自:《营销与品牌中的色彩心理学》,作者:格雷戈里·乔蒂,2016.5.17)

猜猜哪个下载量最低?结果如下:

(摘自:《营销与品牌中的色彩心理学》,作者:格雷戈里·乔蒂,2016.5.17)

#10以隐藏的劣势获胜。这不是巧合。也许你注意到了,“PDFProducer”的笔墨很小,是浅灰色的,但是“免费下载”的移动笔墨很大,因为是白色的,形成了隐藏的对比。

摘要

有一种颜色是大家都喜欢的,为虚师去道。

最终,适合你设计的颜色是你的用户认为正确的颜色。—作者:尼克·巴比奇

我们应该关注“我们为谁设想?”在我们想象的早期,我们应该收集反应,然后调解我们的想法。从而 *** 纵各种颜色原理来提供更好的用户体验。

(转换的A/B测试。来自:在UX设计中用色彩创造情感,作者:尼克·巴比奇,2016.5.17)

参考资料:

色彩、心理学和设计——UX星球,作者:mudithabatagoda,2017.9.18

在UX设计中用色彩创造情感,作者:尼克·巴比奇,2016.5.17

营销和品牌中的色彩心理学,作者:格雷戈里·乔蒂,2016.5.17

为什么脸书是蓝色的?营销中色彩背后的科学,作者:利奥·维德里奇,2013.5.6

UI设计中最重要的颜色,作者:NickBabich,2017.7.29

从原理到方法,毕丽真的是用一边倒的天空诠释了色彩:如何在UI设计中运用色彩希望创造出一个完美的UI界面?,作者:TristaIiu,2017.10.16

总结:

色彩运用:体现品牌本质;提供更好的体验;影响购买决策。

色彩的实用方法:根据不同情况选择合适的色彩;注意蓝色的使用;深色改变纪律;颜色比例6:3:1;多达3种颜色;挑颜色的时候注意思考性别。

一般规则:可用性就是一切。提供优秀愉悦的体验是hub评价的标准。

起初,事情是有保证的。

制造商:Angelaaa

出处:知乎专栏:安假设笔记

本文由@Angelaaa授权作为产品经理发布。做过的都承诺不再转载。

标题来自PEPEPEELS,基于CC0和谈。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/778054.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-03
下一篇 2022-05-03

发表评论

登录后才能评论

评论列表(0条)

保存