App annie 应用图标设计五个注意事项.docxVIP

Appannie:应用图标设计五个注意事项

很多开发者在开发应用时，可能直到最后才会想起应用图标。然而，从宣传推广或吸引应用商店用户的眼球来说，应用图标至关重要。正如实体店的标识或橱窗一样，图标不仅要体现应用的核心价值，还要能吸引用户点击。

应用图标有问题，就算应用本身再好也无济于事。很多用户并不会深入了解或使用应用。所以一开始便考虑应用图标的设计方案很有必要，并以严谨的态度选定最合适的方案。

对此，我们撰写了本指南，分两部分进行介绍如何设计和确定最适合的图标。首先，让我们来了解应用图标的基本知识。(敬请关注博客的第二部分：如何进行A/B测试，甄选最佳图标。)

让图标在应用商店中脱颖而出

您可能已经有了应用的初步想法，或者可能已经快要完成开发(恭喜!)。如果把应用比做产品，图标就是营销。出色的图标对应用发布至关重要。现在，不妨测试一下设计，看看哪款图标会让用户忍不住要“安装”!

设计图标时，需要牢记以下几点：

1.无论大小，“好看”很重要(还要有特色)

图标会出现在各种屏幕和菜单中。有些设备可能支持视网膜显示屏，有些则没有。在设计应用的图标时，必须适配各种硬件环境及分辨率。

AppIconT给出了很好的建议：设计不同尺寸的图标，并在多种环境下测试。

设计要简单，专注于单个要素或形状。缩放时，图标应清晰可辨。

我们发现，大多数设计师都借助Illustrator、Photoshop或Sketch等软件来实现图标的可缩放性。对于第一次参与图标设计的新手来说，最好使用模板。AppIconT提供适用于Photoshop的免费版本。

2.简单明了

应用商店汇集了数百万应用。在浏览应用商店时(假设从左向右读)，用户首先看到的是图标，其次是应用的标题和预览图。如果通过图标就能大概了解应用的功能，用户会觉得很方便。

总是依赖于应用的预览图像并不可靠(例如，如果进入热门榜单，应用的预览图像就不予显示)。图标要有特色，要与众不同。

以下是一些经验法则：

优秀图标的共同点是设计简单明了。如果不是像Facebook或Google一样的知名品牌，就别太依赖自身logo。

无论主要功能(例如可以使用购物车的优惠券应用)、主要角色(例如游戏类应用)是什么，图标都应该代表应用的核心品牌价值。

图标的颜色应醒目，同时反映应用内的配色方案。

Gmail、Dropbox和《跳跳先生(Mr.Jump)》的图标在传达应用理念方面做得非常出色。它们在传达信息的同时，还突出了应用的独特卖点。

3.醒目

假设用户下载了一款应用，随后关上了手机屏幕，过了几小时再打开。如果用户手机里的应用很多，那么要找到特定应用通常会花点时间。这时，如果您的应用能够一眼就认出来，对用户来说会方便很多。

专注于独特的形状或物体。想想Instagram的老式相机，或者Snapchat的幽灵。寻找既醒目又能突出独特卖点的切入点，例如Instagram的精美照片和Snapchat的“阅后即焚”照片。

光靠形状不够，还应该选择对比度高的醒目颜色。LINE和印象笔记

(Evernote)在这方面做得很好，两者将绿色与截然不同的颜色进行了鲜明对比。绿色也让它们脱颖而出(只需将LINE的绿色与FaceTime比较便能看出)。

4.避免使用文字

如果可以，避免在图标中使用文字。

一方面，文字不易阅读。看到上面的小图标了吗?在窄菜单中，图标中的文字将难以辨认。

另一方面，在应用商店、手机屏幕和菜单中，应用名称会被标注于应用的下方或旁边。使用文字，尤其是应用的名称，会显得多此一举。

5.背景同样很重要

不是每个人都用默认壁纸。有些人会选择浅色背景，有些会选择深色，还有一小部分会选择彩虹背景。应用会显示于背景之上，因此测试图标颜色时，务必要始终做到颜色“醒目”。需要检查：

常见的默认设备壁纸

应用所支持平台的应用商店背景

ROYGBIV和黑白谱(红、橙、黄、绿、蓝、靛、紫、黑、白、灰)

虽然听起来有点乏味，但如果因为图标与背景(例如黄色)不合适而需要重新设计图标时，会发现这样做能节省大量时间。

我们已经介绍了快速上手的应用图标模板和一些重要的设计原理。您可以使

用不同的配色方案和图案模拟一些概念，请设计师朋友进行设计，然后进行测试。记住要给出多个设计方案。