App Store 图标的艺术

已发表: 2020-04-14

应用商店图标是应用的面孔。你所有的辛勤工作和你所有的 GitHub 时间都归结为一个 1024 x 1024 的小正方形。创建一个伟大的图标是公认的应用商店优化（ASO）最好的事情之一。翻译？您的图标是开发人员和贫困线以上的富人之间的最后一件事。因此，我们将介绍一些您可以应用的最佳实践，以使您的图标设计（隐喻）大放异彩。

为什么它很重要

这是非常重要的板凳
图片来自 Flickr

在我们讨论 Apple 对图标的看法（不多）和其他人对图标的看法（很多和很多）之前，为什么图标设计如此重要？这是一个公平的问题。

首先，一张图片说明一千个单词，如果用户一次滚动浏览数十个或数百个应用程序，那么您的图标需要脱颖而出。这很明显。自 Apple 于 2014 年发布 iOS 8 更新以来，这一挑战变得更加重要。连续滚动的变化意味着用户可以比以往更快地浏览应用程序。

结果？ 每个应用程序的时间更少，因此您确实需要确定您的图片和屏幕截图。

苹果要说什么

那么苹果在这个问题上有什么要说的呢？快速浏览一下 iOS 开发库，他们有一整节关于应用程序图标的内容。其中大部分是关于使图标在设备上而不是在 App Store 中看起来不错，但它们确实提供了一些非常高级的建议，例如：

“对您的应用程序的主要思想进行抽象解释”
“如果你想描绘真实的物质，那就准确地做”

因此，Apple 并没有完全给出可行的建议，但它是一个很好的起点——本质上，不要使用图片，让你的图标与你希望用户看到你的应用程序的内容有明显的相关性。
例如，Desk（我上周谈到的）有一个很棒的图标。这是一台小型打字机，在对产品一无所知的情况下，我会说大多数人会猜测它与打字或文字处理有关。看？有形相关。

归根结底，苹果对什么是好的图标守口如瓶。

应用程序图标最佳实践（附示例！）

那么你应该做些什么来帮助将你的应用程序的所有令人敬畏的东西传达给外界呢？

一般设计

虽然有很多技巧可以真正脱颖而出，例如添加“免费”标签或使用主角（稍后会详细介绍），但您也应该遵循一些基本的设计指南。当然，这些都可以用极好的结果来打破，但在大多数情况下：

考虑有一个边框，这样一旦你的应用程序被下载，无论背景是什么，它都会很好看
不要让你的标志透明。它会降低易读性
不要使用文字——它们只会在较小的尺寸中丢失
不要让你的图标有光泽——它会让很多东西不可见
保持简单——应用程序图标很小，细节会丢失

站出来

说起来容易做起来难，我知道。无论如何，它仍然是您图标的核心功能之一——让您与众不同并让用户在所有其他应用程序中点击您的应用程序。
这样想吧。应用商店中有 120 万个（ish）应用——您不太可能成为唯一提供您的产品的应用。那么人们怎么知道你拥有比其他人最好的计算器应用程序呢？ 你的图标，就是这样。
例如，这是 iPhone 的计算器应用程序搜索结果的屏幕截图。

你知道什么让我印象深刻吗？计算器应用程序上的“免费”标签。
计算器截图编辑
这有点荒谬，因为应用商店中的绝大多数应用程序都是免费的，但仍然——通过在上面贴上那个小标签，它自动让我觉得如果它们被标记为免费，那么其余的一定不是. 而这一瞬间的差异确实是您在应用商店中所需要的全部优势。

改变它

飞溅的鱼

不是太多，但稍微改变你的应用程序图标是重新激活下载的好方法。季节性图标就是最好的例子。

例如，去年万圣节，Splashy Fish 将其图标更改为更符合万圣节风格。这是一个很小的变化，但如果你是一个知名应用程序的所有者，那么它可能只是增加你的下载量的事情。

品牌推广

如果您拥有强大的品牌价值，那么简单的品牌推广是一个不错的选择。但请记住：保持简单。例如，耐克在这方面做得非常好——当你搜索它们时会发生这种情况：
耐克应用
它几乎可以立即识别出哪些应用程序是他们的，所以如果我正在寻找耐克的东西，那么它又好又快。此外，由于它们是一个非常值得信赖的品牌，因此对他们来说很有意义。

关于品牌化的另一点是，如果这是您将来（希望）要走的路，请选择可以适应许多不同环境的东西。例如，Nike swoosh 巧妙地融入了许多不同的应用程序图标中。
部落冲突图标

相比之下，《部落冲突》的图标就没有那么灵活了，虽然以主角为特色的游戏图标可能会有一个例外，但在涉及高度风格化的角色图标时，我会说要谨慎行事。

品牌捎带

这是一种有趣的方式，可以让您的观众获得更好的认可。 （注意：我并不是在提倡您违法或误导您的用户，因此请谨慎行事）。

所以我们很清楚我的意思，让我们看一个例子。 Hipstamatic 是一款数码照片应用程序，可成倍增加您的照相手机的功能。基本上，这是一个非常好的 Instagram 版本。知道图标设计师 Aravind Kaimal 想出了这个：
hipstamatic 图标
图片来自 Dribbble

如果你明白我的意思，很清楚他的insta-ration来自哪里。但这不是一件坏事！ Instagram 建立了这个令人惊叹的品牌，它的图像是过滤图片的代名词——这正是 Hipstamatic 所做的。那么为什么不利用其他品牌的知名度呢？

如果品牌背负做得好，好像足够相似以获得认可并伪造链接，但又足够不同，没有偶然的“哦，我以为是这个”点击，那么这是一个非常好的策略。

谷歌安卓

最后，我想向 Play 商店致敬，它在应用聊天中经常被忽视，我认为这是不公平的。
~~谷歌实际上有一个~~Roman Nurik 制作的漂亮图标生成器，大概可以帮助您使您的图标更好，更专注于 Google Play 商店。在我看来，虽然它不是一个用于创建应用程序的工具，但它是一个非常快速地测试和迭代你的应用程序图标的好工具（特别是如果你没有设计人员/设计技能的设计师）。所以这是一回事。

其次，适用于 App Store 的大部分内容也适用于 Play Store。

我们并没有真正处理不同的软件，我们处理的是让人们看到某些东西并认为“是的，这就是适合我的应用程序”的心理。

在一个高度饱和的市场中，这绝对是黄金。（也就是说当然存在一些技术差异）

包起来

您的 App Store/Play Store 图标非常重要。这是一个很小的机会窗口，您必须吸引 App Store 浏览器的注意力，并让他们相信您的屏幕截图、促销视频、描述以及最终下载您的应用程序对他们来说都是值得的。不幸的是，对于 App Store 图标的好坏没有一个自愿的公式。更重要的是，什么能让你脱颖而出，足以让你脱颖而出，但仍然足够容易辨认，让你的观众立即知道你的产品做了什么。

要做的事情很多，而且没有太多空间可以做，所以你最好开始努力。