读《每天懂一点色彩心理学》

0 评论 7325 浏览 6 收藏 9 分钟

互联网项目实施过程中,作为担任项目负责人角色的如策划、产品经理、项目经理等都需要将需求建立原型,将原型转化文档,作为UI和开发的交付物。其中最容易而引起口舌之争的则是界面元素的风格、色调、用色等统称UI设计上,引起这类纷争一方面各项目相关人在产品出炉之前都会在大脑中各有不同的理想定型,千人千界面;而另一方面则是由于项目负责人向UI设计师风格表述不清晰而引起的。因此项目负责人多了解点颜色,学会向项目各相关人正确表达传播颜色,以此减少多方磨合提高迭代效率是大有裨益的。带着这个目的阿石读了日本原田玲仁写的《每天懂一点色彩心理学》 ,并将其列入“产品策划与设计”的豆列当中作为项目负责人的参考读物。下面是我对这本书的梳理和心得体会,给大家做个分享。

从中学的物理知识我们知道了三原色或三基色(红、绿、蓝),这只是千千万万之三的颜色基本品种,大多数人包括自己对色彩的究竟是什么、色彩有哪些要素组成的这些问题若是刨根问底来也会是解释的不清不楚。从亚里士多德的“非白光则不纯净”的哲学观到牛顿的“三棱镜实验”了解光的七色光谱组成、再到芒塞尔对色彩建立体系兵对色彩赋以数值定义,人类对色彩的认识与运用也是从朴素的哲学思想走向现代大规模工业化的进程。

1、色彩的三要素

色相:通常所说的“红色、蓝色、黄色、绿色”,说的其实是色彩的色相,一种颜色区别于另一种颜色的表象特征

明度:色彩的明亮的程度,明度最高的是白色(亮)、最低的是黑色(暗)。

彩度:色彩的鲜艳程度,彩度最高的是纯色,最低是灰色

著名的芒塞尔值(munsell value)就是用上面的色彩三要素加以数值表达的,即

芒塞尔值=  色相 明度/彩度 Hue Value/Chrome(H V/C)

在项目碰头会、头脑风暴会上,色调是出现机率最高的词汇。色调其实是色彩明度和彩度的综合用语。例如某某需求人说“色调太艳了,调暗些”,其实他所表达的完整意思是“把色彩的彩度降低、把色彩的明度调暗些”,我们不能强求需求人完美表达色彩的具体,但作为项目负责人则有责任将需求人的意思细化并记录下来。

2、色彩的衍生属性

由于人类接收信息源最大的通道是眼睛视觉,人类通过视觉观察外界物体、自然现象,至少有80%以上的外界信息经视觉获得,而色觉是视觉的重要组成 ,人们对一个物件颜色的感知甚至会对扭曲物件的其他固有属性。

1)   色彩使时间变得更快或变慢

爱因斯坦在解释他的相对论时曾举例美女使时间变快,我们在页面设计时也可以将其应用到色彩当中来,如果希望页面吸引用户浏览、希望用户多在页面停留哪怕一秒钟,可以用让人冷静清爽的蓝色调作为主背景,这一般见于电子商务网站的首页,因为首页是网站页面最大的导航和信息架构图,我们希望用户冷静的通过一个页面就可以了解我们网站的业务和服务;如果希望用户快进快走、希望用户跳转到目的页面,建议实用让人热血沸腾的红色调作为主背景,这一般见于电子商务网站的营销广告页,因为我们希望用户看到广告页后点击进入产品详情页迅速下单;

2)色彩使物体变得更重或更轻

色彩本身是没有重量的,只是不同的颜色会扭曲人们对物件重量的预期,如同等大小的箱子,在未搬动之前,黑色的箱子预期就是比白色的箱子重些。网页是总会有头重脚轻的感觉,因为网站的设计者总是考虑第一印象是很重要的,所以会在网页首屏对色彩的色相、明度、彩度用的强一些以此来吸引用户,而对页面最底部页脚部分色彩就会低一些,甚至只是一些文字链。

3)色彩使得空间变得更大或更小

同一块物件的面积、体积也会不同的因为颜色的不同而表现各异。色彩的明度影响面积大小的感知,色彩的彩度影响体积胖瘦的感知。这一点表现在网站组件交互设计中。QQ会员“开通会员按钮”鼠标划过前是暗红色背景,鼠标停留时将明度提高,暗红色变为鲜红色,按钮变亮面积变大的同时,突兀的按钮因为鼠标停留待点击变得更加矮小,这种感觉暗合了平时用户生活习惯(例如电脑开机电源开关)。而豆瓣对文字链的交互处理更为细腻,鼠标划过前是无底蓝色,鼠标停留时是蓝底白字、点击时是橙底白字,点击后是渐变为无底黑字。

3 、色彩心理学与用户偏好

由于世界各地的纬度不同而阳光照射不一样、各自文化历史宗教发展各异以及空气散射程度不同,影响了每个民族、地区乃至国家代表颜色的偏好。细化到个人、企业,每个人都会有自己喜好的颜色,而且随着年龄增长、环境变迁还换更换自己的偏好色;每个企业都会注重企业形象的视觉表达,而且随着业务拓展、战略定位重新规定自己的品牌色(例如苹果这样的工业化设计产品)。色彩的选择与用户的性格总是有种某种对应关系,因此通过调查色彩偏好我们就会了解用户偏好、需求取舍,乃至企业文化。

1)喜欢那些暖色调的用户性格

红色:外向型、热情而正义,红色因为其在中国历史、政治的特殊地位更更具有象征意义,如喜庆、革命,例如京东、红孩子

橙色:有竞争力、活动力强,从不认输,淘宝倒立者赢

黄色:幽默、工作能力强,黄帝老子的专享色,QQ黄钻尊贵特权

2 )中意那些冷色调的用户性格

绿色:自然、和平、有社会责任感,环保意识强,到安居客找房、大家应该见识豆瓣豆油愤青、拍砖的厉害吧

蓝色:礼貌、谦虚、协调能力强,给人以稳重、可靠的感觉,例如财付通

灰色:有教养、知识丰富,苹果官网所要塑造的气氛

4、色彩学习小结

以上是结合《每天懂一点色彩心理学》知识与平时网站策划工作经验所作的一个整理,作为项目的推动角色或产品设计的灵魂人物,对产品不能光有骨架式的产品原型设计,还应有赋予产品血与肉的设想、乃至规定。其实色彩心理学的应用范围远远不止与网站,例如着装打扮、会议交际、甚至减肥都有色彩心理学应用的实践案例,如有兴趣就请进入这本书的讲解吧,每天哪怕懂一点。

来源:http://www.ashnotes.com/color-psychology/

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
海报
评论
评论请登录
  1. 目前还没评论,等你发挥!