移动App图标设计的最佳实践--第一篇

20151218
使用微信扫一扫查看全文干货

应用图标是产品的视觉锚点,不仅在视觉上需要有吸引力、与众不同,理想状况下甚至要能诠释应用的核心本质。本文作者就“应用图标设计的5个核心方面”进行了讨论,同时展示一些实际处理中的案例。

入门阶段

创建一个独一无二且让用户每次看到产品时都能第一时间联想到的图形设计方案还是颇有难度的。一 个美观、可辨识、令人难忘的应用图标能对应用的普及与成功产生巨大的影响。不过到底怎样才能创造出一个“好的”应用图标呢?甚至说,好的应用图标到底指的 是什么呢?不用害怕,我已经总结了一些技巧与建议,来协助你解答这些问题,并指导你完成优异应用图标的设计工作。

 

“应用图标”是什么?

在创建图标前,首先需要理解这一点:应用图标到底是什么,它到底有什么用途。应用图标正是产品的视觉锚点。你可以把它当作品牌的一小部分——不仅在视觉上需要有吸引力、与众不同,理想状况下甚至要能诠释应用的核心本质。

现在“商标(Logo)”这个词已经被用滥了, 应用图标并非商标。当然,两者均与品牌相关联,而且都受到很多限制。提醒设计师注意的一个重要区别是:商标用在信笺抬头与广告牌等位置,是代表品牌的一个 可缩放矢量图块。而图标则经常是放置在一个方形画布块内,根据栅格进行个性化定制的输出结果,除了美观之外,还需要使用特定的尺寸与背景。两者的实现方法 与相关工具,还有完成的任务,以及是否成功的评判标准都不尽相同。

应用图标打包了一系列不同尺寸的图标

从实际的角度出发,在设计应用图标时设计师创建的是一套不同尺寸的PNG文件——从 29*29px一直到1024*1024px的图片都有,并且需要与应用捆绑。在很多OS背景中,用户在接触你的应用时,首先会看到这套设计精巧的图标 ——App Store或Google Play中,设置面板、搜索结果或主屏幕上都能看到它们的身影。

基本上任何能生成光栅图形文件的应用都可用来制作图标,不过较为常用的还是Photoshop、Illustrator和Sketch,还有提供精巧的PSD模板的免费工具,可以帮助新手快速取得进展。