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