论App图标的颜色

原作者：Stuart Hall

译者：励定洲

在之前我已经研究过了从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那早晚也要面对选择颜色的问题，当然了这主要取决于它的功能定位以及你的目标用户群。然而，如果或许你符合以下三大类中的某一种：

随大流者

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

我想与众不同

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

叛逆者

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