很多开发者在开发应用时,可能直到最后才会想起应用图标。然而,从宣传推广或吸引应用商店用户的眼球来说,应用图标至关重要。正如实体店的标识或橱窗一样,图标不仅要体现应用的核心价值,还要能吸引用户点击。
应用图标有问题,就算应用本身再好也无济于事。很多用户并不会深入了解或使用应用。所以一开始便考虑应用图标的设计方案很有必要,并以严谨的态度选定最合适的方案。
对此,我们撰写了本指南,分两部分进行介绍如何设计和确定最适合的图标。首先,让我们来了解应用图标的基本知识。(敬请关注博客的第二部分:如何进行 A/B 测试,甄选最佳图标。)
让图标在应用商店中脱颖而出
您可能已经有了应用的初步想法,或者可能已经快要完成开发(恭喜!)。如果把应用比做产品,图标就是营销。出色的图标对应用发布至关重要。现在,不妨测试一下设计,看看哪款图标会让用户忍不住要“安装”!
设计图标时,需要牢记以下几点:
1. 无论大小,“好看”很重要(还要有特色)
图标会出现在各种屏幕和菜单中。有些设备可能支持视网膜显示屏,有些则没有。在设计应用的图标时,必须适配各种硬件环境及分辨率。
设计不同尺寸的图标,并在多种环境下测试。
设计要简单,专注于单个要素或形状。
缩放时,图标应清晰可辨。
我们发现,大多数设计师都借助 Illustrator、Photoshop 或 Sketch 等软件来实现图标的可缩放性。对于第一次参与图标设计的新手来说,最好使用模板。AppIconTemplate.com 提供适用于 Photoshop 的免费版本。
2.简单明了
应用商店汇集了数百万应用。在浏览应用商店时(假设从左向右读),用户首先看到的是图标,其次是应用的标题和预览图。如果通过图标就能大概了解应用的功能,用户会觉得很方便。
总是依赖于应用的预览图像并不可靠(例如,如果进入热门榜单,应用的预览图像就不予显示)。图标要有特色,要与众不同。
以下是一些经验法则:
优秀图标的共同点是设计简单明了。如果不是像 Facebook 或 Google 一样的知名品牌,就别太依赖自身 logo。
无论主要功能(例如可以使用购物车的优惠券应用)、主要角色(例如游戏类应用)是什么,图标都应该代表应用的核心品牌价值。
图标的颜色应醒目,同时反映应用内的配色方案。
Gmail、Dropbox 和《跳跳先生(Mr. Jump)》的图标在传达应用理念方面做得非常出色。它们在传达信息的同时,还突出了应用的独特卖点。
3. 醒目
假设用户下载了一款应用,随后关上了手机屏幕,过了几小时再打开。如果用户手机里的应用很多,那么要找到特定应用通常会花点时间。这时,如果您的应用能够一眼就认出来,对用户来说会方便很多。
专注于独特的形状或物体。想想 Instagram 的老式相机,或者 Snapchat 的幽灵。寻找既醒目又能突出独特卖点的切入点,例如 Instagram 的精美照片和 Snapchat 的“阅后即焚”照片。
光靠形状不够,还应该选择对比度高的醒目颜色。LINE 和印象笔记(Evernote) 在这方面做得很好,两者将绿色与截然不同的颜色进行了鲜明对比。绿色也让它们脱颖而出(只需将 LINE 的绿色与 FaceTime 比较便能看出)。
4. 避免使用文字
如果可以,避免在图标中使用文字。
一方面,文字不易阅读。看到上面的小图标了吗?在窄菜单中,图标中的文字将难以辨认。
另一方面,在应用商店、手机屏幕和菜单中,应用名称会被标注于应用的下方或旁边。使用文字,尤其是应用的名称,会显得多此一举。
5. 背景同样很重要
不是每个人都用默认壁纸。有些人会选择浅色背景,有些会选择深色,还有一小部分会选择彩虹背景。应用会显示于背景之上,因此测试图标颜色时,务必要始终做到颜色“醒目”。需要检查:
常见的默认设备壁纸
应用所支持平台的应用商店背景
ROYGBIV 和黑白谱(红、橙、黄、绿、蓝、靛、紫、黑、白、灰)
虽然听起来有点乏味,但如果因为图标与背景(例如黄色)不合适而需要重新设计图标时,会发现这样做能节省大量时间。
我们已经介绍了快速上手的应用图标模板和一些重要的设计原理。您可以使用不同的配色方案和图案模拟一些概念,请设计师朋友进行设计,然后进行测试。记住要给出多个设计方案。