app 图标的色彩

本文是翻译,版权归原作者所有



app 图标的色彩

Appbot,我们看到了大量的 app 图标(icon)【注1】,然而在 app 测评方面,为我们提供了很多见解。

过去我已经研究了很多东西,包括 app 的描述截图取名国家。其中,常常让我真正感兴趣的是 app 的图标,但是,如何更好地研究才是有效的?对此,我一直没有好的思路。

最近,我偶然发现了一个牛逼的 Ruby 资源库 Miro,它可以从一副图片提取出支配色(dominant color)。

找出 app 的支配色,得到了一些真正有意思的结果。

方法

[caption id=”attachment_2459” align=”alignnone” width=”600”]Google Maps Icon Google Maps Icon[/caption]

接下来,我根据标准的网页颜色【注2】(加上黄色)匹配最接近的每种网页颜色。将其分组为大致的名字。

[caption id=”attachment_2456” align=”alignnone” width=”600”]Colors Of Google Maps Colors Of Google Maps[/caption]

忽略黑色、白色和灰色,根据四种最普通的颜色,我将它们绘制到色轮(Color Wheel)上。

大尺寸的图标代表了该图标包含的那种颜色的、更大的比例。

前 200 个免费的 iOS app

把前 200 个免费的 iOS app 绘制在色轮上:

前 200 个免费的 iOS app的色轮分布

我们可以看到蓝色和红色 app 图标的分布群,还有散开的绿色。粉色和紫色比例较低,Snapchat 拥有黄色。

前 200 个付费 iOS app

前 200 个付费 iOS app 和免费的差异:

前 200 个付费 iOS app的色轮分布

和免费比起来,虽然有着类似的蓝色、红色和绿色的分组,但是付费 app 通常使用更多的颜色,大部分图标只使用一种颜色的情况较少,这导致了在我们的色轮上分布着更多小图标。

最新的 100 个 iOS app

在写作本文时,我接着绘制了发布到 App Store 的、最新的前 100 个 iOS app。我们猜测,这将比上图更能代表 App Store 总体的、更有代表的比例。

最新的 100 个 iOS app的色轮分布

这和前 200 个付费 iOS app 的色轮图,有着非常相似的结果。

前 200 个 iOS 社交媒体图标

所有的社交网络 app 都是蓝色的,对吧?Twitter、Facebook 等。

前 200 个 iOS 社交媒体图标的色轮分布

结果显示,群分布和所有类别的图都相似,只是绿色有更多的比例。

前 200 个 iOS 游戏

前 200 个 iOS 游戏的色轮分布

很多游戏比起应用程序而言,有着更多复杂的图标。这可以从使用的颜色伸展上更多地看到。

前 200 个免费的 Mac app

常常有个感觉,在我的 OS X dock 上,90% 的 app 是蓝色的,但是下图和你想的一样吗?

前 200 个免费的 Mac app的色轮分布

上图显示了在 Mac 上蓝色比例和 iOS 类似,还有很多使用红色和绿色的图标。

按照排行榜排名排序

来自 MacStories 的 Graham 给我提了一个好建议,根据排行榜来绘制 app 的支配色。我尝试了排行前 100 名的免费 app。

按照排行榜排名排序的色轮分布

图标越大的,排行也就越高。

在 Google Play 上排名靠前的免费 app

发布了本文的原始版本后,很多人请求我提供 Google Play 的对比。我的结果来自于澳大利亚的 App Store。

在 Google Play 上排名靠前的免费 app的色轮分布

对我而言,看起来非常相似:)

Google Play 上排名靠前的免费游戏

和 iOS 做对比。

Google Play 上排名靠前的免费游戏的色轮分布

你应该为图标选择什么颜色?

归根结底,真的要看你的 app了,它是做什么的以及你的目标群体。然而,你或许适合这三种分类的其中一个。

墨守成规

你喜欢随大流,就选蓝色或红色。

我喜欢与众不同

或许你可以选择绿色,而不是最流行的,但是你不要太有伤风化。

叛逆型

你嘲笑那些墨守成规的人,鄙视那些自认为与众不同的人。那么,请选择粉色或紫色,使用它们,就像它们是你自己的一样。

如果你喜欢本文,请帮我多多推荐。然而,在你阅读本文时,为什么不看看我们的 Appbot 呢:)

感谢阅读!


译文:app 图标的色彩 》| 腊八粥