论App图标的颜色

在之前我已经研究过了从app描述、截图、名称到国家/地区的所有东西。最能勾起我兴趣的是app的图标,但苦于不知如何去对此进行有效的研究。

最近我偶然发现了一个很酷的叫做Miro的Ruby库,它能够把一张图片的各个构成颜色提取出来。

分析一个app主要的颜色能揭露些很有意思的结果。

 

方法

 

谷歌地图的图标

接下来我参照标准web颜色(加上额外的黄色)来匹配每个图标上主要的颜色至最接近的web色。并用笼统的名称来给他们分成以下几类:

#02601e -> 绿色

#a8120c -> 栗色

#0c44de -> 蓝色

#bdbfc0 -> 银色

#f4b510 -> 黄色

#717973 -> 灰色

#24721b -> 绿色

#2d0d0e -> 黑色

 

谷歌地图的颜色

无视黑白灰,我把四个最常用的颜色放在了上面的色盘里。

大尺寸的图标意味着该图标内用的最多的就是那个颜色。

 

最受欢迎的200个免费iOS App

如果把最受欢迎的200个免费app摆在色盘上就会看到如下场景:

 

最受欢迎的200个免费iOS App的图标颜色

我发现一大堆的蓝色和红色app图标,还有零零散散的绿色。粉色和紫色寥寥无几,只有Snapchat是黄色。

 

最受欢迎的200个付费iOS App

最受欢迎的200个付费iOS App的结果和上面的免费版有些许不用。

 

最受欢迎的200个付费iOS App图标

虽然和免费版本的app一样也体现出类似的在蓝、红、绿上的集中,付费的app似乎在单个图标上使用了更多的颜色,这导致了更多的小icon(分身)出现在上面的色盘中。

 

100个最新的iOS App

接下来我挑选了截止到这一刻最新上架的100个iOS app。相较之前的两例,我估计会得出一个能代表整个应用商店更普遍的结果。

 

100个最新的iOS App图标颜色

结果和最受欢迎的付费app颜色分布非常相近。

 

最受欢迎的200个iOS社交app

所有的社交网络app估摸着都是蓝色的吧不是吗?比如Twitter, Facebook等。

 

最受欢迎的200个iOS社交app

最畅销的200个免费的社交iOS App的图标颜色分布,结果依然和前几例相似,绿色的表现相比更突出一些。

最受欢迎的200个iOS游戏

 

 

最受欢迎的200个iOS游戏

很多游戏都倾向于更复杂的图标设计,这也导致他们会使用更多的颜色。

 

最畅销的200个免费Mac Apps

我总隐约记得我的OS X dock上90%的app都是蓝色的,让我们来看看最终的结果是什么:

 

最畅销的200个免费Mac Apps

一如既往,蓝色占了大头,但同样也有很多图标使用了红色和绿色。

来自MacStories的Graham建议换一种色盘上的排列方式,比如使用它们主要的一个颜色而非所有颜色。对此我以前100个最受欢迎的免费app做了回应:

 

 

图标越大表示单个图标里使用该颜色的占比越大。

 

Google Play上最受欢迎的免费App

在发出第一稿后,有不少热心读者想让我也介绍一下Google Play的情况。我以澳大利亚的Play商店为例:

 

Google Play上最受欢迎的免费App

貌似没什么区别。

 

Google Play上最受欢迎的免费游戏

和iOS作对比

 

Google Play上最受欢迎的免费游戏

你应该选择什么样的颜色?

如果你在设计一款app那早晚也要面对选择颜色的问题,当然了这主要取决于它的功能定位以及你的目标用户群。然而,如果或许你符合以下三大类中的某一种:

随大流者

你喜欢随大流,那么就选择蓝色或红色吧

我想与众不同

或许你可以考虑绿色,这虽不是最流行的颜色,但也绝不奇怪。

叛逆者

你嘲笑那些墨守成规者,也对那些自认为自己不同的人抛去白眼。那就考虑一下粉色或紫色吧。

1 2 收藏 评论

关于作者:励定洲

上海交互设计师,安卓爱好者,关注小屏和智能硬件的UX设计。 个人主页 · 我的文章 ·    

相关文章

可能感兴趣的话题



直接登录
跳到底部
返回顶部