产品icon的那些色彩事

 

这篇文章的起源是「前阵子我在手机上死活找不到某个app，最后不得不靠搜索才找到」，后来我在思考这整个过程的时候，猛然发现我们平时经常聊某某产品的「视觉真好」、「交互真好」、「文案真好」等等「真好」的时候，却很少会关注产品的icon是否能够表达清楚产品的第一诉求，色彩是否能够符合产品的核心功能，以及最简单也是最关键的，产品是否可以让用户第一眼就可以找到，也就是「辨识度」是否足够强。

 

后来我用自己的手机作为实验对象，凭着自己的直觉去将产品icon的色系进行了统计归类，样本量大约200个app，发现手机屏幕中的流行色有四个，分别为：「白色」、「蓝色」、「橙色」、「红色」，这几大颜色系，紧跟其后的是「绿色」、「黄色」、「粉色」这三个色系，当然，也有不按照常理出牌的app。

 

最开始我准备按照app store中的行业划分来归属颜色，比如「社交」、「体育」、「娱乐」等等，但是发现根本无规律可寻，比如同在「社交」这个分类下的「手机QQ」、「微信」、「陌陌」、「易信」、「来往」这几个产品，你会发现有「白色」、「绿色」、「黄色」这几种颜色，非常不统一。

 

后来我想按照色彩心理学的思路来归属颜色，即「红色」、「蓝色」、「黄色」、「绿色」，但是同样无法找到规律，有些颜色甚至都没有。比如，微信的主色为「绿色」，但是在色彩心理学中，「绿色」的定义为「温柔祥和」，这跟微信的定义相同吗？答案不得而知。

 

最后我还是回到了最原始的思路上，就是按照「颜色」来归属「颜色」。

 

白色系

象征纯洁、神圣、善良、信任与开放；但身上白色面积太大，会给人疏离、梦幻的感觉。（来自百度百科）

 

这几款app都选择了白色作为背景的主色调，去配合前景各种元素，尽量突显主题，不管前景元素如何变换、如何复杂，icon整体看起来非常的干净，给人舒适，纯洁的感觉。

 

我们换个角度，从本质来看，「沟通」、「搜索」、「金融」，都是需要舒适、纯洁的环境。

 

蓝色系

蓝色是灵性、知性兼具的色彩，明亮的天空蓝，象征希望、理想、独立；暗沉的蓝，意味着诚实、信赖与权威。正蓝、宝蓝在热情中带着坚定与智能；淡蓝、粉蓝可以让自己、也让对方完全放松。蓝色在美术设计上，是应用度最广的颜色。（来自百度百科）

 

「知乎日报」是一个非常严谨的知识型app，需要有对其内容权威的态度，另外长时间的阅读后，蓝色也不会让用户视觉疲劳，这点「QQ空间」、「百度贴吧」与其有着异曲同工之妙。

 

橙色系

橙色富于母爱或大姐姐的热心特质、给人亲切、坦率、开朗、健康的感觉，橙色是从事社会服务工作时，特别是需要阳光般的温情时最适合的色彩之一。（来自百度百科）

 

「大众点评」、「淘宝」、「虾米音乐」、「土豆视频」这几个app都是为用户提供服务的app，「买东西」、「找东西」「听东西」、「看东西」这几件事是这些app 的核心价值，充满活力的阳光形象，亲切健康的感觉，让用户爱不释手。

 

另外，你注意到「大众点评」那金边的秘密了吗？

 

红色系

红色象征热情、性感、权威、自信，是个能量充沛的色彩–全然的自我、全然的自信、全然的要别人注意你。（来自百度百科）

 

网易是「红色」的忠实粉丝，旗下两款重量级app「网易新闻」、「网易云音乐」都是使用了红色，一直在给用户传递热情、自信的产品直觉；而「天猫」为了区别于「淘宝」给用户传递更高端更专业的产品直觉，同样选择了红色。

 

绿色系

绿色给人无限的安全感受，在人际关系的协调上可扮演重要的角色。绿色象色彩象征自由和平、新鲜舒适；黄绿色给人清新、有活力、快乐的感受；明度较低的草绿、墨绿、橄榄绿则给人沉稳、知性的印象。（来自百度百科）

 

「微信」使用绿色作为主色调，强调在沟通过程中无限自由的感觉，以及安全的产品直觉，绿色的环境往往能让人心平气和。而「印象笔记」、「金山快盘」、「爱奇艺PPS影音」都使用了绿色，我想也是有这些方面的考虑。

 

这里要指出一个细节，我在app store收集产品icon的时候，正常的尺寸应该为175*175，而「金山快盘」的icon尺寸为177*177，这个问题对于用户来说是无感知的，但是我认为这是最基础的，如果有认识快盘产品经理的朋友，可以帮忙转告。

 

黄色系

黄色是明度极高的颜色，能刺激大脑中与焦虑有关的区域，具有警告的效果，所以雨具、雨衣多半是黄色。艳黄色象征信心、聪明、希望；淡黄色显得天真、浪漫、娇嫩。提醒你，艳黄色有不稳定、招摇，甚至挑衅的味道。（来自百度百科）

 

第二集团军辨识度最高的为「黄色」，一眼望去，想不看到都难，「新浪微博」、「nice」、「QQ电影票」、「糗事百科」都选择了这种颜色，第一希望用户在第一时间可以发现它，第二就是要传递一种活跃的产品直觉。

 

粉色系

粉红象征温柔、甜美、浪漫、没有压力，可以软化攻击、安抚浮躁。比粉红色更深一点的桃红色则象征着女性化的热情，比起粉红色的浪漫，桃红色是更为洒脱、大方的色彩。（来自百度百科）

 

「粉色」一般偏向于女性用户，这点非常好理解，可以从「美颜相机」和「粉粉日记」就可以轻松得出结论，而「聚美优品」和「美拍」更加偏向没有压力，让用户无压力的「买东西」、「拍东西」。

 

 

其他色系

其他色系中，选择了「Lofter」的「黑色」，象征权威、高雅、低调、创意；「SPG」的「紫色」，象征紫色是优雅、浪漫，同时也散发着忧郁的气息；「时光网」和「去哪儿」的颜色大家可以自己感受一下，一个是强调通过色彩的碰撞提高辨识度，另外一个是在「蓝色」和「绿色」中间选了一个色值，想做点差异化。

 

写在最后

产品icon是见到产品的「第一眼」，其意义非凡，目前尚未有什么标准可言，大家也都是自己家跟自己家玩，只是有时候我们需要考虑哪些颜色是不合适的。有时间我会再写一篇文章，讲那些不按常理出牌的产品icon。

 

什么？你问我那天找的是哪个app？

我只能告诉你，这个app的底色是稍微深一点的灰色，然后配上一点非常暗的橙色。

 

 

文章及图片来源：http://t.cn/RwHQCkI