美文网首页ios
关于App图标色彩的研究

关于App图标色彩的研究

作者: Charles_UI | 来源:发表于2017-01-09 21:17 被阅读270次

在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

相关文章

  • 关于App图标色彩的研究

    在app应用中心可以看到很多的app图标,同时也能看到很多有见解的app评论。 在过去我研究了很多,从app的说明...

  • 发现2020年,UI图标设计趋势!

    最近在研究数字设计领域未来趋势。从中研究发现图标色彩及图形趋势走向, 提取一些2020年可能的图标设计风格走向! ...

  • 拟物化的图标

    APP拟物化的图标:真实还原,图标美感,绘制思路(收集、改造),风格统一,投影,质感,色彩(黑白灰) 1.拟物化图...

  • 使用Android Studio的神器Image Asset创建

    前言关于App自适应图标的解释,谷歌官方解释【自适应图标[https://developer.android.go...

  • 每周推荐:实用的APP推荐,不容错过

    1.Pure 轻雨 图标包 Pure图标包是一个关于图标的APP,走的是简洁路线,设计上极少进行图标的重制,仅去除...

  • 产品视觉现状评析

    色彩体系 1.各元素色彩使用;色彩情感 2.色彩的信息分层 3.品牌色彩 图标体系(对图标进行分类) 1.色彩范围...

  • 思维导图2

    关于思维的发散练习“分支”的不够细,线条也不够连贯,色彩,小图标要加强

  • iOS App图标版本化

    iOS App图标版本化 iOS App图标版本化

  • con APP图标设计中的色彩应用

    ​ 智加设计一家专注设计的公司,我们秉承服务第一,质量第一的理念。我们双手实现您的想法。设计来智加,助您事业更成功...

  • day 1

    图标划分: 1.像素图标 2.剪影图标 3扁平图标 4.微质感图标 5.拟物化图标 寿司APP APP设计规范

网友评论

    本文标题:关于App图标色彩的研究

    本文链接:https://www.haomeiwen.com/subject/owihbttx.html