第一站 - 轻松上网从此开始!

上网第一站

当前位置: > SEO >

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

时间:2017-11-13 15:23来源:我来投稿获取授权
以下内容来自网络或网友投稿,www.swdyz.com不承担连带责任,如有侵权问题请联系我删除。投稿如果是首发请注明‘第一站首发’。如果你对本站有什么好的要求或建议。那么都非常感谢你能-联系我|版权认领
一个很早期的 web 浏览器 Mosaic,用的是丑灰色背景和黑色文字。那时候,能用的非黑色、最深的文字颜色,就是蓝色。所以,让超链接文字突出显示,同时

  一个很早期的 web 浏览器 Mosaic,用的是丑灰色背景和黑色文字。那时候,能用的非黑色、最深的文字颜色,就是蓝色。所以,让超链接文字突出显示,同时保证可读性,就用选定了蓝色。

  Pink

  和糖果、甜的东西有关,经常被称作「少女之色」;(candy and sugary items,「Girl’s color」)

  但不仅仅是女性专用色;

  代表活泼有趣,愉快,年轻( playfulness, joy, youth)

  

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

  

(from:Color, psychology and design – UX Planet,by:muditha batagoda,2017.9.18 )

  Black

  代表全力和正式(power, formality);

  黑色能带来比其他颜色都强的力量感;黑色是光谱中最强烈的颜色,可最快吸引注意力(faster than other colors, even red);所以多用于正文文字、强调文字上;

  用于奢侈品(luxury products);

  “Everything is cool with black” 。

  

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

  (from:Color, psychology and design – UX Planet,by:muditha batagoda,2017.9.18 )

  Red

  重要,告知危险信息;(sense of importance and notifies to us about a danger )

  用在需要额外注意的地方;(pay special attention,eg. traffic lights)常用于:清仓大甩卖(clearance sale)

  多数时候用在需要立即注意的地方;(need immediate attention)

  爱和激情的象征。(a symbol of love and passion)

  

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

  

(from:Create Emotion With Color In UX Design,by:Nick Babich,2016.5.17)

  

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

  

(from:Color, psychology and design – UX Planet,by:muditha batagoda,2017.9.18 )

  Green

  和环境、树木、植物相关;(connected to the environment, trees and plants)

  多数时候用在有机食品、饮料这样的产品上;(organic food and beverages)

  饱和度较高的绿色让人感觉兴奋、有活力(exciting and dynamic),吸引大量注意力。这就是为什么绿色经常用于 CTA buttons。(call-to-action buttons)。

  

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

  (Organic Food uses a lot of green color in site design.)

  

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

  (Combined with blue, green further perpetuates cleanliness.)

  

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

  (The green 「Sigh Up」 button. )

  Orange

  充满活力,比红色刺激程度轻;(energetic,less stimulating );用于 subscribe、buy、sell;

  美食,健康;(eg. vitamin C)

  俏皮,乐观,便宜,适用于休闲用品,非企业网站首选;(playful, upbeat,great for casual)

  

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

  (Orange Telecom ad campaign. from: Adam Hayes)

  

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

  (orange cheap property:Search CTA button on Hipmunk site)

  我们一般考虑颜色时都往品牌方面想,较少往「影响用户情绪」方向想。

  但实际上,我们可以运用颜色勾起用户不同情绪,从这个角度讲,颜色同样是商业竞争中的一枚利器。

  Yellow

  充可以同时代表幸福和焦虑;(happiness and anxiety)

  明亮的黄色:精力充沛的,乐观的、年轻的;(energetic, upbeat,youthful)

  明黄+黑色:警告,引起注意(for warning signs,gain a lot of attention)

  金色:严肃,复古(more serious,antiquity)

  

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

  (Gain a lot of attention. Source: hlvticons)

  

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

  (Breitling use yellow color to focus visitor on CTA button “Discover the Model.” )

  一个实验

  网站 Performable (now HubSpot) 的设计人员想测试,只改变按钮的颜色会不会改变转换率。页面中只有按钮颜色不同,一个红色,一个绿色。

  开始大家假设:

  绿色相关的概念有:自然的、环保的;联想到「绿灯通行」,代表动作的「前进」;

  红色相关的概念有:兴奋、激情、血、警告,吸引注意力,让人联想「红灯停」。

  所以,很显然,A/B 测试前,大家认为绿色更合适。

  

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

  (from:Why Is Facebook Blue? The Science Behind Colors In Marketing,by: LEO WIDRICH,2013.5.6)

  然而,结果怎样?

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发布者资料
第一站编辑 查看详细资料 发送留言 加为好友 用户等级:注册会员 注册时间:2012-05-22 19:05 最后登录:2014-08-08 03:08
栏目列表
推荐内容
分享按鈕