编辑:如果你仔细观察，会发现主流的APP图标可以分为八种颜色。APP图标的设计是最显眼的存在，也能长期影响用户的认知。本文作者对市面上主流的APP图标进行了梳理和分析，希望对你有所帮助。
各大互联网公司热衷于修改logo和APP图标。似乎把颜色、符号、直角改成圆角就能改变他们的生活。
在一个手机不离身的时代，App图标的设计有时候比企业logo的作用更大。不信你回家问问你爸妈。他们可能知道微信和淘宝的图标是什么样子，但不知道腾讯和阿里的logo是什么。
理论上，logo或slogan的变化可以反映出企业文化或经营理念的某些趋势。另一方面，手机上的App图标是一种没人在意的吸引人的图标，不好看会很显眼。
我把app store排名靠前的应用按照主色做了一个分类，并附上了十六进制代码和RGB分布图。【建议不知道三原色(RGB)是什么的同学，先花一分钟百度一下。]
在app store下载量排名靠前的应用中，红色和蓝色是最多的主题色，其次是黄色和橙色，还有一些以绿色、黑色和白色为主要背景的应用。
注:熟悉ps的同学应该知道，即使是同一个色块，不同地方选色的数值也不一样，所以以下数值仅供参考。此外，梯度采取了相对中间的位置。
一、RED红色主题App主要选择以下(按灰度排列):
App的灰度大概是60%~75%
红色作为一种经典的颜色，深受中国设计师的喜爱。设计师也会单纯为了让用户觉得醒目(或者辣)而选择红色。
通过对这些红色RGB值的分析可以发现，显色性较高的App图标R值都在250以上，也就是会更红。r值低于250的图标通常会有一种厚重的感觉，就是深红色。如果把蓝色(b)叠加在深红色上，很容易变成红色和黑色。
制图@科技复联网
当然，最终的色彩效果取决于G和b的数值，其中G(绿色)原色的图标是网易云和JD.COM，所以看起来更活泼。学习强国几乎没有G值和B值，彻底红了。蓝色是小红书的图标，用的最多，所以最后呈现出偏品红的效果。
在色彩心理学中，红色等暖色可以刺激食欲(红色恐惧症患者除外)，但也会让人联想到死亡和血腥。可以说大部分消耗能量的东西都和红色有关，消费你的钱包也是消费。
红色logo的颜色选择远比红色logo复杂。口红中同样的颜色，对不同的人会有不同的效果。即使效果不好，也可以通过重叠来挽救。但是基于三原色的调色盘不一样，普通人大概率会越来越丑。
我完全能理解设计师对红色的喜爱，但凡事讲究一，而不是一。原本象征热情的红色，可能只有在互联网产品被过度滥用的情况下，才显得具有攻击性。回想单位领导的图纸修改意见:变红、加粗、放大...
你想问我什么，红色最好？当然是毛爷爷的红！
蓝色主题App主要选择以下(以灰度排列):
App的灰度大概在53%~81%
敏锐的读者可能还会发现，蓝色图标无论深浅，都不会带来和红色图标一样的影响:这种影响可能是正面的，也可能是负面的。
蓝色最好的搭档是白色，正好体现了蓝天白云的自然景观，给人一种辽阔的感觉。12306如果红蓝位置对调，会有很不一样的印象。同时，蓝色也是比较容易显得严肃的颜色。参考国家反诈骗中心、交管12123、公安系统常用的蓝色，尤其是国家反诈骗中心的App。B项值更低，更高，更严重。
制图@科技复联网
在蓝色App组中，知乎的蓝色是最彻底的，因为知乎的R值为0，主题颜色完全由蓝色和绿色组成。由于汽车之家的R和G指数较低，所以也呈现出格外的蓝色效果，而12306含有过多的G(绿色)，脱离了蓝天。
自古红蓝产生cp。原因很简单，人们爱用红蓝，红蓝在各种场合出现的频率也是最高的。App设计也不例外。
蓝色所没有的从容，也是自由、浩瀚、智慧的象征(你可以理解为什么知乎那么蓝)。另外，英语中的蓝色已经含有忧郁的意思，不小心使用蓝色可能会给人一种过于冷静甚至忧郁的感觉。
在App图标的设计上，蓝色可能没有红色那么一眼就能引起注意，但却能让你及时冷静下来，这种办公软件绝对不会考虑用红色。试想一下，如果钉子是红色图标，员工和老板吵架的概率会大大增加。毕竟红色充满能量。
三、YELLOW黄色主题App主要选择以下(以灰度排列):
App的灰度大概在14%~26%
作为黄色光谱中最容易被吸收的颜色，它也是人们出生时看到的第一种颜色，自然暗示着积极的健康。但是黄色是一把双刃剑。情绪稳定的人会促进情绪稳定，而悲伤的人会强化这种悲伤。
制图@科技复联网
当涉及到黄色主题组的应用程序时，红色和绿色的比例没有太大差异。G值越高，颜色越趋于柠檬黄，反之则相对较暗，如七猫小说和理解车皇。RGB分布和蓝色含量差别很大。可以看到，QQ音乐和美团的蓝色内容为0，只是红绿混合。
在英语中，有一个短语叫黄色新闻(yellow press/journalism)，即黄色新闻编辑风格，意思是低级渲染、哗众取宠、不负责任的报道。所以头条宁愿用红色而不是黄色作为App图标，却是微博的背景色，似乎从某个角度印证了它现在的社区氛围。
黄色虽然有很多积极的暗示，但也有消极的一面。所谓的黄肚皮在英语中是指懦夫和胆小鬼。
总的来说，黄色没有红蓝那么有存在感，饱和度太高显得土气，饱和度太低又不够显眼，是个不好驾驭的颜色。
四、ORANGE橙色主题的App主要选择以下(以灰度排列):
App的灰度大概是45%~60%
橙色结合了红色和黄色的特点。所谓充满活力的橙色，比红色温和，比黄色温暖。除了芒果TV，这些APP颜色的R值都在250以上。不过芒果TV还是呈现出偏红的效果，主要是蓝绿用的比较少，探索和Aauto更快也是如此。
蓝值最高的是大众点评。仔细观察会发现，大众点评的图标颜色是所有橙子中最不显眼的，橙子更和谐。
制图@科技复联网
很多时候带一点RGB的颜色看起来最舒服，只有两个原色甚至一个原色的颜色会因为纯度高而有一种厚重的感觉。
橙色是一种明亮活泼的颜色。作为暖色系中最温暖的颜色，很容易与家居、生活、安定等关键词联系在一起。在一组生活娱乐和消费类app中，探索出来的颜色其实还是挺耐人寻味的，偏红的橙色往往会给人一种很暧昧的感觉。
如果有一天要换微博logo的颜色，还是蛮推荐换成橙色的。这样一来就不会出现变化太大让用户不适应的情况(原本是黄色+红色)，二来可以增加更多温馨和谐的想法，三来淘宝可能会有赚钱的好运气。
五、GREEN绿色主题的App主要选择以下(按灰度排列):
App的灰度大概是35%~51%
绿色属于冷色系，人们愿意把所有与自然有关的词汇都放进绿色、能量、成长、和谐、清新……...它的功能也是最广为人知的:如放松、舒缓、镇静甚至保护视力。
不知道是不是微信坐上手机App宝座的原因。绿色图标的app很少。一个豆瓣得主年纪够大了，估计懒得再费心去动logo了。毕竟老板阿北够佛的。
爱奇艺绿色的使用与猕猴桃的标志有关。关于这次航行，没有必要说什么。绿色总是代表平坦的道路。为了突出稳定感，航次的纵横G值设置在小于200的范围内，灰度略高。
制图@科技复联网
以上四款app中，爱奇艺和豆瓣的绿色最接近。也属于低R和B值，绿色更纯粹。微信和航旅的绿色，一个是青中带青，一个是很杂。
绿色并不是一个非常接近中国传统文化的颜色。在古代，黄色是正色，绿色是闲色。所谓的绿色衣服和黄色衣服意味着人的优劣。可见，在传统文化中，绿色并不是那么好的颜色，日常语言中有句话叫人的脸“绿”。
但绿色是大自然的颜色，与生长和春天有关。如果你想拥有豆瓣和微信一样长久的生命力，设计logo时可以考虑以下绿色。
虽然绿色不是那么有层次和可操作性的空色，但是鉴于市场的缺乏，我们其实可以考虑在以后的App图标设计中使用绿色。毕竟绿色那么多没人用，柠檬绿，牛油果绿，杏仁糖绿，抹茶绿，孔雀绿，薄荷绿，嘉陵水绿(这个真好看)，宽恕绿...
六、BLACK黑色主题的App主要选择以下(以灰度排列):
App的灰度大概是85%~100%
过高的灰度会使黑色的RGB值呈现异常均匀的状态。讯飞的文档，黑色比较浅，RGB值为58。有了红绿的调和，沉重感就减少了很多。灵魂(暗部)的RGB值也是一个偶数状态，都是27。同样的黑色用于裁剪和获取，RGB为1。
有趣的发现:在Tik Tok的图标上，很多人认为Tik Tok是黑色的背景，但是当我们把它放到PS里，拆开RGB去看，发现人是红色的，但是红得不能再黑了。
Tik Tok不仅大胆使用了黑色图标，还将黑色变得丰富多彩。你看到那个被领导要求五颜六色黑的设计师了吗？Tik Tok-现成的多彩黑色。
黑色比其他颜色有更多的负面词汇，所以除了照片和相机相关的软件之外，作为主色调的app并不多。
黑色或许会成为现代审美进化中更高级的时尚选择，但人类千百年来进化出的色彩心理暗示不会轻易消散。黑色，神秘而令人恐惧。
黑色用的好还是可以发光的，但不适合作为占据面积较大的背景色。更适合作为浅色背景下的logo基线，如下图——很多黑白app。
七、WHITE白色主题的App主要选择以下(RGB值为255 255 255):
百度、优酷、58同城、顺丰、虎嗅、QQ、光脸相机
App的灰度大概是0~1%
白色系的RGB都差不多(除了58同城有点差)，这里就不列出十六进制代码和RGB分布表了。
白色可以反射所有的光线，干净又膨胀。以白色为背景色的App图标应该是所有图标中色彩最丰富的。没有背景色的感染，用户对logo本身的关注会加强。
研究表明，当空较小时，白色可以调节容易生气的人，有助于保持血压正常。需要注意的是，抑郁症患者最好不要生活在白人过多的环境中。所以，为你的App设置更多的颜色可能会让你更快乐。
一个小提示，用白色元素，其实没必要用纯白ffffff(代码)。也可以考虑在个位数内增加RGB值，可能会有不同的增益。
八、PINK OROTHER粉色主题的应用包括哔哩哔哩、美柚、韩剧等。这是一看就很年轻很有女人味的颜色。除了哔哩哔哩，其他两个应用程序拥有大多数女性用户。
还有紫灰等冷门色。这些颜色要么正面暗示太少，要么不够鲜艳，很难成为大多数设计师的最爱。
当我们把颜色一个个拆开，会发现有些app是精心设计的，而有些则很可能配不上创作者给眼球区分三原色的锥细胞。
所以，不要以为App图标的设计可以敷衍了事。有一些人不愿意打开那个软件，仅仅是因为图标难看，比如作者本人。
作者:冯，微信微信官方账号:科技统一王
本文由@科技复联王原创发布。每个人都是产品经理。未经许可，禁止转载。
图片来自Unsplash，基于CC0协议。
