观察 | App annie:应用图标设计五个注意事项

2015-07-02 10:40
来源:App annie

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

1

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

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

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

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

设计图标时,需要牢记以下几点:

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

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

2shuiying

AppIconTemplate.com给出了很好的建议:

设计不同尺寸的图标,并在多种环境下测试。

设计要简单,专注于单个要素或形状。

缩放时,图标应清晰可辨。

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

2.简单明了

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

3shuiying

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

以下是一些经验法则:

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

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

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

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

4shuiying

3.醒目

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

5shuiying

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

光靠形状不够,还应该选择对比度高的醒目颜色。LINE和印象笔记(Evernote)在这方面做得很好,两者将绿色与截然不同的颜色进行了鲜明对比。绿色也让它们脱颖而出(只需将LINE的绿色与FaceTime比较便能看出)。

6shuiying

4.避免使用文字

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

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

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

5.背景同样很重要

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

常见的默认设备壁纸

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

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

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

7shuiying

我们已经介绍了快速上手的应用图标模板和一些重要的设计原理。您可以使用不同的配色方案和图案模拟一些概念,请设计师朋友进行设计,然后进行测试。记住要给出多个设计方案。

Ben

Ben

线上线下专访、稿件发布合作请联系QQ或微信:328624956

相关资讯