关于App图标色彩的研究

在app应用中心可以看到很多的app图标,同时也能看到很多有见解的app评论。

在过去我研究了很多,从app的说明、屏幕截图、名称、地区。这也是我一直很感兴趣的地方,但是却从来没有想出如何真正有效的方法来研究它们。

最近,我偶然发现一个很酷的的ruby库,叫Miro ,用于提取主要颜色的工具。就查找了一些app的主色显示出一些有趣的结果。

方法


谷歌地图图标


接下来,把标准的web颜色和美国web相匹配的颜色接近,最后组合成近似凡人色值。

#02601e - >绿色

#a8120c - >栗色

#0c44de - >蓝

#bdbfc0 - >银

#f4b510 - >黄色

#717973 - >灰色

#24721b - >绿色

#2d0d0e - >黑

忽略黑色、白色和灰色,并采取四种最常见的颜色绘制一个“色轮”。图中图标的大小指的是图标在该颜色的比例大小。


颜色谷歌地图


前200名免费的iOS应用


前200名免费的iOS应用程序图标的颜色


可以看到大量的是蓝色和红色,其次是绿色,最后的是粉红色、紫色、黄色。

前200名付费iOS应用(与免费的略有不同)


前200名免费的iOS应用程序图标的颜色


虽然也有类似的分组颜色:蓝色、红色、绿色占比最大,但是他们的颜色使用更加广泛,并且只占到图标的很小比例。其结果表明,更加多的颜色,更小的比例。

100个最新的iOS应用程序(更能代表普遍性)


100个最新的iOS应用程序图标的颜色


另外付费软件也是这类似的比重。

排名前200名的社交软件

所有的社交网络app不都是蓝色的吗?像推特,脸谱等。


前200名免费社会的iOS应用程序图标的颜色


所以 大部分的使用蓝色,但是差异化的情况看选择绿色或许更好。

排名前200名的游戏软件



游戏app似乎没有更复杂的颜色,这也许和色彩的传播有关。

前200名免费的Mac应用程序



蓝色也有类似的情况,因为在ios上也有,所以还有大量的红色和绿色

排序位置的比较

来自MacStories的Graham提出一个很棒的建议,绘制出相对应的颜色比重,就在越前面。



所占的颜色越多就排的越靠前。

Google play上免费的热门app(来自于澳大利亚区域)



google play上热门的免费游戏app(和ios相比较)



那么如何选择合适自己的app颜色呢?

这就要看我们的app的目标受众是谁了?也许就是下面三种情况找到合适的。

1、中规中矩:喜欢随大流的话,蓝色和红色不错。

2、喜欢与众不同的话,绿色是不错的选择。但是还是不要显得太刺眼了。

3、反叛:如果嘲笑那些墨守成规的,就选择粉红色或是紫色吧。

作者:Stuart Hall

https://growthbug.com/the-colors-of-an-app-icon-b5e8805958d7#.cf6pakis0

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,259评论 4 61
  • “教育的勇气就在于有勇气保持心灵的开放,即使力不从心仍然能够坚持。”美国教育家帕克 帕尔默这样说道,当看见扉页...
    Victoria的洛丽塔阅读 1,432评论 0 2
  • 把你当成方程 没有妨碍我的模型 想去北戴河海滨 公园里钓鱼吃冰棒 为你唱首歌 是个传奇 我会离开一只狗 也会离开一...
    胤女阅读 255评论 0 0
  • 好几天没写了,自己不应该这样,说好的坚持,还是要坚持下去的。 最近终于忍住了不见你,不理你,但没忍住不想你,但这种...
    倩儿倩阅读 218评论 0 0
  • 《有品位的她》赏析 这本剧从一开始就以悬疑为噱头,吸引观众跟着电视剧的播放一步步揭开“贵妇”的死亡真相。那么究...
    流年弗揽阅读 1,066评论 4 0