编辑指南:仔细观察,会发现主流APP图标可以分为8种颜色。APP图标的设计是最引人注目的存在,也是能长期影响用户认知的存在。本文作者整理分析了市面上的主流APP图标,希望对你有帮助。
主要互联网企业热衷于修改logo、app图标,如果换颜色、换符号、把直角换成圆角,恐怕就能实现逆天改命了。
在手机不离开的时代,app图标的设计有时比企业logo的作用更大。如果不回家问父母,就能知道微信、淘宝的图标是什么样的,但不知道腾讯、阿里的标志是什么。
理论上,标志或斯隆的变化可以反映企业文化或经营理念的部分动向。手机上的App图标在好看的时候没有人问,不想看的话是很显眼的存在。
我在应用商店排名比较高的应用程序中按主色分类,并附上十六进制代码和RGB分布图。[推荐不知道三色(RGB)是什么的同学。先花一分钟百度一下。
在应用商店下载排名靠前的应用程序中,红色、蓝色是主题颜色最多的,黄色和橙色紧随其后。还有以绿色、黑色、白色为主要背景的应用程序。
说明:熟悉PS的学生应该知道,即使是同一个颜色块,不同地方的颜色值也不一样,因此下面的数字仅供参考。渐变还基于中间位置。
第一,红色
红色主题的App主要选择(按灰度排序):
图App的灰度约为60%~75%。
红色是经典的颜色,受到中国设计师的喜爱,单纯为了让用户脱颖而出(可能是辣眼睛),设计师也可以选择红色。
如果分析这些红色RGB值,您会发现颜色更高的App图标,R值都在250以上,即更红。r值低于250的图标通常是深红色,即在深红色上叠加蓝色(B),很容易变黑。
制度@技术团聚王
当然,最终的成色效果还要看G和B的数据。其中,使用G(绿色)基本颜色较多的图标是京东云和绿色,因此看起来更加活跃。学习强国G和B价值很少,很红。蓝色最常用的是小红书图标,所以产生了洋红色效果。
在色彩心理学中,红色等暖色具有促进食欲的作用(红色恐惧症患者除外),但让人联想到死亡和血腥。消耗能量的大部分事情都与红色有关,消费钱包也可以说是消费。
红色标志的颜色选择比端口号复杂得多。口红中相同的颜色涂在别人身上,效果可能会有所不同。即使效果不行,也可以叠加保存。但是基于三原色的调色板不同。一般人大概率越积越丑。
设计师对红色的热爱是完全可以理解的,但万事万物都比缺乏更注重不滥用。本来象征热情的红色,在互联网产品被过度滥用的情况下,只会引起反感,而单位领导的图纸修改意见——红色、粗体、扩大。
你想问我哪种红色最好看?当然是毛爷爷的红色!
二、蓝色
蓝色主题的App主要选择(按灰度排序):
图App的灰度约为53%~81%。
敏感的读者也会发现,蓝色系列的图标无论色调深浅,都不会像红色系列那样给人冲击感。这种冲击感可以是积极的,也可以是消极的。
蓝色最好的伙伴是白色。照亮蓝天白云的自然景观,给人广阔的感觉。如果把12306红色和蓝色的位置对齐,就会有非常不同的认识。大卫亚设,Northern Exposure(美国电视新闻)与此同时,蓝色也是容易看起来严肃的颜色,请参考国家反射器中心、教父
管12123以及公安系统通用的蓝色,尤其是国家反诈中心的App,B项数值偏低灰度又高,更显严肃。制图@科技复联汪
蓝色组App中,蓝得最彻底的要数知乎,因为知乎的R值为0,主题色完全由蓝和绿组成。汽车之家由于R和G指数都低,也显现出了格外蓝的效果,而12306含G(绿)太多,已经脱离了蓝天本色。
所谓自古红蓝出cp,原因只不过是因为人们爱用红蓝,红蓝两色在各种场合出现的频率也最高,App设计自然不例外。
蓝色有红色所没有的冷静,也象征着自由、辽阔和智慧(可以理解知乎为什么那么蓝了)。另外,英语里blue本来就含有忧郁的意思,蓝色用得不慎,可能就会给人过于冷静之感,甚至忧郁。
在App图标的设计中,蓝色可能并不像红色那样一眼就能让人注意到,但它能够让你及时冷静下来,钉钉这类办公软件就绝对不会考虑用红色。试想如果钉钉是红色的图标,那员工和老板吵架的概率会大大增加,毕竟红色能量十足。
三、YELLOW
黄色主题的App主要选了以下(按灰度排列):
图示App的灰度大约在14%~26%
黄色作为光谱中最容易被吸收的颜色,也是人出生最先看到的色彩,天然带有积极健康的暗示。但黄色是把双刃剑,情绪稳定的人看到它会促进情绪稳定,悲伤的人看到又会加强这种悲伤。
制图@科技复联汪
到了黄色主题这一组App,红色和绿色的占比相差都不是很大,G值越高的颜色越偏向柠檬黄,反之相对暗沉,比如七猫小说和懂车帝。RGB分布存在较大差别的是含蓝量,可以看到,QQ音乐和美团含蓝量为0,只由红绿混合而成。
英语中,有一个短语yellow press / journalism, 即黄色新闻编辑作风,意思指低级渲染、耸人听闻且不负责任的报道。所以头条宁愿用红色也不会用黄色作为App图标,倒是微博的底色,似乎从某个角度印证了它现在的社区氛围。
尽管黄色有诸多积极暗示,但它也有消极的一面,英语中所谓yellow-belly,指的是胆小鬼和懦夫。
总体而言,黄色并不如红蓝那么有存在感,饱和度过高显得土气,饱和度太低又不够显眼,是个并不好操控的颜色。
四、ORANGE
橙色主题的App主要选了以下(按灰度排列):
图示App的灰度大约在45%~60%
橙色糅合了红色与黄色的特点,所谓活力橙,比红色更温柔,又比黄色更热烈。除了芒果TV,这些APP用色中R值都在250以上,然而芒果TV依旧显示出了偏红的效果,主要是因为它蓝和绿都用得少,探探、快手等同理。
蓝色数值最高的要数大众点评,如果细心观察就会发现,大众点评的图标颜色是所有橙色中看起来最不扎眼的,橙得比较和谐。
制图@科技复联汪
多数时候,RGB都占一点的色彩看起来最舒服,只含其中两种基色甚至一种基色的色彩会由于纯度过高带有厚重感。
橙色是欢快活泼的光辉色彩,作为暖色系中最温暖的色,容易与居家、生活、安稳等关键词联系起来。在一众生活娱乐、消费App中,探探的用色其实挺耐人寻味,偏红的橙容易给人一种很暧昧的感觉。
如果有一天微博logo色要换,蛮建议换橙色的。这样一来不会显得变化过大让用户不适应(原本黄+红),二来又可以增加更多温暖和谐的理念,再有就是淘宝色或许有赚钱的好运。
五、GREEN
绿色系主题的App主要选了以下(按灰度排列):
图示App的灰度大约在35%~51%
绿色属于冷色系,人们乐意将一切与大自然有关的词汇都放到绿色身上、energy、growth、harmony、freshness……其功效也最广为人知:譬如放松、舒缓、镇静,乃至保护视力。
不知道是不是微信坐着移动App王座的原因,绿色图标的App寥寥无几。一个豆瓣胜在年纪够大,估计也懒得花心思再动logo,毕竟老板阿北已经够佛。
爱奇艺用绿色大约与奇异果的象征有关,航旅纵横不必多言,绿色总能代表一路通畅的意思。为了凸显稳重感,航旅纵横的G值设置在了不到200的范围,灰度略高。
制图@科技复联汪
以上4个App中,爱奇艺和豆瓣的绿最为接近,他们同样属于R值和B值偏低,绿得更纯粹一点。而微信和航旅纵横的绿,一个绿中泛蓝,一个绿得很混合。
绿色并非一个很贴近中国传统文化的颜色,古时以黄色为正色,绿为闲色,所谓绿衣黄里,说的正是尊卑反置。可见在传统文化里,绿色并非那么好的颜色,日常用语中也有形容一个人脸都“绿”了的说法。
可是绿色又是大自然的颜色,与生长和春天有关。如果希望和豆瓣、微信一样拥有长久的生命力,设计logo是或许考虑以下绿色。
绿色虽然不是那么有层次和可操作空间的颜色,但看在市场缺乏的份上,以后做App图标设计,其实可以考虑用绿色。毕竟还有那么多绿没有人用,柠檬绿、牛油果绿、马卡龙绿、抹茶绿、孔雀绿、薄荷绿、嘉陵水绿(这个真的好看)、原谅绿……
六、BLACK
黑色系主题的App主要选了以下(按灰度排列):
图示App的灰度大约在85%~100%
过高的灰度使得黑色的RGB数值呈现异常统一的状态。黑色感相对不重的要数讯飞文档,它的RGB值均为58,红绿调和下,厚重感减少了许多。soul(深色部分)的RGB值也处于均分状态,均为27。剪映和得物用的是一样的黑色,RGB均为1。
有趣的发现在抖音的图标上,很多人都以为抖音是黑色背景,但当把它放到PS里拆开RGB来看,才发现,人家是红色,只不过红得太深,就黑了。
抖音不仅大胆用了黑色图标,还把这黑色搞得五彩斑斓。当年被领导要求五彩斑斓黑的设计师,看到了吗?抖音——现成的五彩斑斓黑。
黑色的负面词相对其他颜色更多,所以除了跟拍照、相机有关的软件,用作主体色的App并不多。
黑色在现代审美的流变中也许变成了更为高级时尚的选择,但人类千万年进化出来的色彩心理暗示并不会轻易消散。黑色,神秘,且令人恐惧。
黑色用得好还是可以出彩,只是它并不适合作为占据更大面积的背景色,它更适合在浅色的衬托下作为logo基准线,如下——黑白配的很多App。
七、WHITE
白色系主题的App主要选了以下(RGB值均为255 255 255):
百度、优酷、58同城、顺丰速运、虎嗅、QQ、轻颜相机
图示App的灰度大约在0~1%
白色系的RGB几乎一样(除了58同城有点跳脱),所以就这里就不再一一列出16进制代码以及RGB分布表。
白色能反射全部的光线,具有洁净和膨胀感。用白色做背景色的App图标应该是所有图标里面用色最丰富的,没有背景色的感染之后,用户的视线对logo本身的注意力则会加强。
研究表示,空间较小时,白色对易动怒的人可起调节作用,这样有助于保持血压正常。需要注意的是,本身抑郁的人,最好不要生活在白色过多的环境,因此,为你的App多设置一点颜色,或许能让你开心一点。
一个小tips,采用白色元素,其实不见得都要用纯白的ffffff(代码),也可以考虑在个位数以内增加RGB的值,可能会有不一样的收获。
八、PINK OROTHER
粉色系主题的App有B站、美柚、韩剧tv等,这是一个一看就很年轻且女性化的色彩,除了B站,另外两个App的女性用户都占大多数。
还有就是紫色、灰色等冷门选色,这些颜色要么正向暗示太少,要么不够鲜明,所以很难成为多数设计者的心头好。
当我们将颜色一一拆解就会发现,有些App是精心设计,而有的大概不太对得起造物主赐予眼球分辨三基色的锥体细胞。
所以,不要觉得App图标的设计可以敷衍了事,有那么一拨人,会纯粹因为图标丑而不想打开那个软件,比如作者本人。
作者:风千语,微信公众号:科技复联汪
本文由 @科技复联汪 原创发布于人人都是产品经理,未经许可,禁止转载
题图来自Unsplash,基于 CC0 协议