应用图标的颜色

原文：The Colors Of An App Icon
链接：https://stories.appbot.co/the-colors-of-an-app-icon-b5e8805958d7

写在前面：这篇文因为个人原因，拖了很久才翻译。翻译的质量也不是特别好。但觉得这篇的研究方向很有趣，还是坚持发了出来。感兴趣的可以点上面链接阅读原文。

---

在应用商店的预览界面，我们可以看到很多应用图标。

过去我已经研究了从应用描述，截图、名字、到国家的每件事。我一直感兴趣的是应用图标。但是我从来没有想出一个真正有效的学习办法。

最近我偶然发现一个名为Miro的颜色库，可以从图像中提取主色。

发现应用的主色展示了一些非常有趣的结果。

❤❤❤

方法

谷歌地图图标

接下来，我使用了标准的Web颜色（加上黄色），并将每个web颜色匹配到最接近的颜色。
这将他们大致分成几组。

02601e -> Green/绿色

a8120c -> Maroon/栗色

0c44de -> Blue/蓝色

bdbfc0 -> Silver/银色

f4b510 -> Yellow/黄色

717973 -> Gray/灰色

24721b -> Green/绿色

2d0d0e -> Black/黑色

谷歌地图的颜色

忽略黑、白、灰色，并取四种最常见的颜色，将它们绘制在“色轮”上。图标的尺寸大小表示图标包含该颜色的百分比大小。

❤❤❤

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

把前200名免费的应用放在色轮上：

Top 200 Free iOS App IconColors

我们发现大量的蓝色和红色应用图标，散落一些绿色的。以粉色和紫色为代表，Snapchat是黄色。

❤❤❤

前200个Paid IOS应用

前200名付费iOS应用程序与免费版略有不同。

前200名Paid iOS应用图标颜色

虽然蓝色，红色和绿色与免费的分组类似，付费应用程序通常似乎使用更多的颜色。一个颜色在大多数的图标上比较少。 这导致我们的色轮有更多的传播和更小的图标。

❤❤❤

100个最新应用

接下来，我在撰写本文时将最新的100个iOS应用程序绘制到App Store。假设这将比顶级图表给出整体商店的更一般的表示。

100个最新图标颜色

这与顶级付费图表的结果非常相似。

❤❤❤

前200名IOS社交
所有的社交网络应用都是蓝色的，不是么？Twitter, Facebook 等。

前200名免费社交IOS应用图标颜色

结果是多有的类别都是相似的。无论什么，绿色呈现更多。

❤❤❤

前200名IOS游戏应用

许多游戏往往比应用程序有更复杂的图标。 更多地看到使用颜色的扩散。

❤❤❤

前200名免费的MAC应用

总是觉得我的OS X Dock中有90％的应用程序是蓝色的，但Mac的顶级图表显示的方式如何？

在iOS上蓝色有相似的代表，还有很多图标使用红色和绿色。

❤❤❤

按图表排序

来自Mac Story的Graham有一个伟大的建议，绘制应用程序的主要颜色与其图表位置。我尝试了前100名免费应用程序。

图标越大，图表的应用程序越高。

❤❤❤

谷歌商店热门免费应用
发布本文的原始副本后，我收到了一些Google Play比较请求。 结果是来自澳大利亚的商店。

看起来很像我:)

❤❤❤

Google Play上的热门免费游戏

与iOS相比。

你的图标应该选择什么颜色？
这个应该来自于你的应用，它做什么和你的目标群众是什么。但是，也许你适合这三个类别之一。

• 循规蹈矩型

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

• 喜欢与众不同

或许可以试试绿色，不是最流行的，也不是很过分。

• 叛逆者

你嘲笑那些循规蹈矩和自认为与众不同的人。用紫色或粉色吧，像你拥有它一样表现出来。

---

后记

颜色存在于设计的每个层面，但如何深入研究并参透其中的奥秘，并为自己所用，一直没找到好的方法。欢迎探讨和指教。