关闭

《产品经理入门指南》彩蛋1:简单实用!色彩心理学与应用技巧

好的产品经理,都是“好色之徒”。

· 导语 ·

都说产品经理需要懂用户、懂心理学,那么,什么才叫懂呢?

今天,我们以色彩为例,说说如何从现象出发,了解理论、形成思维,然后结合具体的用户场景,运用自如。

这种方法很有意思,就是“从生活中来,到生活中去”;真学会了,你就很牛逼。


· 正文 ·

色彩心理学是一门好玩儿的学科。虽然它还没被心理学真正接纳,但的确可以解释很多生活中的现象,也能为我们提供一些启发和灵感(不仅仅是产品工作)。

一、色彩心理学

色彩心理学,简单说来,研究的是不同的色彩和色彩搭配,带给人的不同的心理感觉。

1、一个色彩实验

曾经有专家在一组实验中,邀请同一群人,走进室温26度的两个房间。其中一个房间的墙面是红色的,另一间是蓝色。

这群人在红色房间里,呆久了都感到比较兴奋,有的人甚至感觉要流汗。而在蓝色房间里,他们就不像之前那么热情,久了还觉得有点冷。

为什么在同样的温度下,人们对环境的感知如此不同?我们可以从色彩心理学中找到答案。

2、色彩与象征

请注意,我们这里不是要研究“色彩——心理”的产生机制和原因,而是通过这种现象,去了解有哪些理论和方法,可以运用到生活和工作中。

现在,我们就来看看目前公认的,每种色彩的象征意义(下次约会,你想好穿什么颜色的衣服了吗?)。

如果你仔细看了色彩的象征意义就会发现,色彩包含着公平:每一种色彩有独到之处,就有限制之处。比如说,红色象征着自信、活力,又可能给人一种血腥、暴力的感觉。

无论是色彩实验还是着装建议,都告诉我们,色彩具有暗示性。在有些场景里,用户可能不会直接说,这个红色好血腥、那个黄色在挑衅我,但在TA心里,会有隐约的感觉。

所以,我们在运用色彩的时候,要在具体环境下思考,包括人物角色、产品定位、使用场景等等。有了这样的基础认知,你在和设计师沟通的时候,会显得更专业和有想法。

二、色彩的运用

对色彩有了基础认知后,我们再通过一些实例,看看色彩在设计中的运用。

1、色彩在商业设计中的运用

下面这组图中,左边是火焰,右边是电影《穿普拉达的女王》的海报。火焰和高跟鞋都很常见,可这样放在一起后,你有没有觉得两张图有相似之处?

点击图片放大

我们看左边的火焰,图片用艳丽的红、黄、黑和流线的形态,表现出燃烧的澎湃与焦灼,传达出活力、自信、神秘的感觉。

这种色彩传递的信息,也许我们不能直接用语言描绘出来,但或多或少能感觉到。当我们理解了这种表达手法,也就能理解右图的海报创意了。

《穿普拉达的女王》是一部和价值观、生活追求有关的商业片。我们看,海报里高跟鞋的红黄黑和流线形,从本质上和左边的火焰一样。

这里,聪明的设计师还加了一点创意,比如鞋跟的魔鬼叉,象征一种强烈的自信、专制、诱惑,暗示电影里那个专业能力很强、很现实的职业女魔头(Devil)。

2、色彩在产品设计中的运用

就像前面的举例,色彩其实很有趣。对一款互联网产品来说,产品的亮点、用户对产品的第一感知,很多时候都来自于产品的色彩。这里,我们简单看一下几款产品。

  • 网易新闻

击图片放

网易新闻,各有态度。我们来看其中色彩的运用:

  • 启动页:突出红色,传递出自信和热情;
  • 详情页:红白灰的对比,严谨中有激情;
  • 夜间模式:灰色字体+低饱和度图标,给人一种温和宁静的感觉。

类似的色彩运用,在网易云音乐里也体现得很明显,同学们可以做个比较。

  • 面包旅行

点击图片放大

面包旅行的网页端,图片都传达出一种朦胧感。这种朦胧,让人感觉温馨又有点疏离,好像将有故事发生。

再看移动端,色彩搭配传达出一种活力、有趣的感觉。但这里也有一个问题,在有限的界面里,这种很亮很跳的色彩(右上的灯光,和右中的服装),有时候会抢走主要内容的曝光度。所以整个界面没有沉下去,有点轻飘飘的,这是我的感觉。

  • 大众点评 VS 淘宝

点击图片放大

大众点评的主色调,是快乐、运动、有爱的橙黄色,让人感到亲切。现在在玩儿的基础上,还增加了一点小资的味道。

相比之下,淘宝的色彩更加丰富和张扬,主界面也显得非常非常热闹,很能激发用户买买买的欲望。

知乎

点击图片放大

知乎的Logo是蓝色,代表了高科技、智能、可靠(开课吧也是蓝色)。特别在首页,用黑白灰表现出简洁、质感,让内容沉淀在页面里。这样就很好地表现出这款产品的定位:高品质内容问答社区。

以上举例,是我结合色彩的一种简单解读。不是说我说的就一定是这样,而是告诉你,我们可以这样去看不同的产品。多观察、多比较、多总结,是锻炼产品感的好方法。

三、关于色彩的小技巧

了解色彩在互联网产品中的运用,最终目的是能自然运用到我们的工作之中。这里,分享几个实用的小技巧。

1、你并不需要熟练地使用色彩

你不需要做配色大师,但你至少需要明白色彩心理学,以及基础的色彩知识。

2、你要理解专用名词,以便和设计师更好沟通

  • 简单的术语

如果你不明白色相、饱和度、对比度、明度等基础的专业术语,设计师会觉得你很不专业。可能你提出的一些建议,他也不愿意听。(我们都知道,做设计的人一旦天马行空起来,问题可能就有点严重了。)

  • 能够提出一些专业的要求

和设计师沟通的时候,你可以说:

“我们这个界面要表达一种愉悦智慧的感觉。”

“这里用红色会不会不太合适?会不会有点暴力?”

•“我们能不能把这里的明度调得明快一点,现在感觉有点压抑了?”

你要明确告诉设计师,你想要的是一种什么样的感觉,并用专业术语描述出来。这样,设计师就不会觉得你只会发号施令、没有想法。

3、有专门的色彩书籍可以学习

如果你想了解更多有关色彩、色彩心理学的知识,可以看看相关书籍。这里就不推荐了。

总结:

色彩是非常好玩的东西,它具有象征性、暗示性、多面性。当我们运用色彩的时候,需要考虑产品定位、用户角色、用户场景等因素。

产品新人需要了解基础的色彩知识和专业名词,在和设计师沟通的时候,能够提出一些专业的要求和建议。

我们说,好的产品经理应该“色而不淫”。就是你懂色彩、玩色彩,但是不要浸淫在色彩的细节里。

因为一方面,如何运用色彩、让色彩最大限度为产品服务,是设计师的工作;另一方面,色彩只是用户体验的一环,你的视线不应该仅仅局限于此。

同样的道理,产品经理也不要做“技淫狂”。我们绘制一些产品相关的图型,只是常规工作的一部分。下节课就来聊聊,如何玩转任务流程图和产品草图。

《产品经理入门指南》,是帮助产品新人感性、系统了解产品经理基础知识、学习方法、常见问题的入门级课程(不涉及工具实操、实战技巧等内容哦)。

温馨提示:

本系列图文连载内容首发于刘文智微信公众号,2017年5月22起每周一至周四进行更新。

如果你想get更多产品干货,如果你有关于产品经理方面的任何问题,欢迎关注刘文智老师的微信公众号(微信号:liuwenzhijason),参与互动问答,与文智老师近距离交流。

3条评论 添加新讨论

2017年07月11日评论

说的很好

回复
2017年07月10日评论

产品新人需要了解基础的色彩知识和专业名词,在和设计师沟通的时候,才能够提出一些专业的要求和建议。

回复
2017年07月10日评论

不会卖弄“色相”的产品经理不是好CEO

回复
登录后参与讨论
Ctrl+Enter 发表