移动App图标设计的最佳实践.docxVIP

移动App图标设计的最佳实践

本文讲述了应用图标的魅力，还有它的优化方式。这篇文章适用于所有人，包括新手与专家。

在【这里】10分钟的视频中，笔者一一讲述了应用图标设计的5个主要方向，并附上了实际案例。其中包含了完整的故事、建议还有具体像素值，希望所有读者——无论是刚入行的新手还是经验丰富的老手都能从中获益。如果想要了解更多，请继续看下去，其中将会详细分析“应用图标设计的5个核心方向”，保证没有废话。

入门阶段

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

“应用图标”是什么？

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

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

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

从实际的角度出发，在设计应用图标时设计师创建的是一套不同尺寸的PNG文件——从29*29px一直到1024*1024px的图片都有，并且需要与应用捆绑。

在很多OS背景中，用户在接触你的应用时，首先会看到这套设计精巧的图标——AppStore或GooglePlay中，设置面板、搜索结果或主屏幕上都能看到它们的身影。

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

【这里】是一个短视频，演示了一个模板的使用方式

五个核心方面

现在来看一下应用图标设计中的一些最佳实践案例。笔者将就“应用图标设计的5个核心方面”一一予以讨论，并对如何提高各个方面提出建议，同时展示一些实际处理中的案例。这些案例有很多都是建立在实际工作之上的，列举出来并不是因为其中的处理方式就是最佳或唯一的，而是因为在笔者的实践过程中，这些案例对总结经验很有帮助。在浏览这些观点时，尝试想象你喜欢的图标，试想在你的主屏幕上那些图标又是如何践行这些特质的。下面开始具体讲述。

1.可扩展性

应用图标需要支持多种分辨率，并且需要保证各个尺寸的清晰度

图标最重要的其中一个方面就是可扩展性。由于在整个平台的多个地方都有

展现，且尺寸不同，因此保持其清晰度与独特性非常重要。在AppStore、Retina设备甚至是设置面板中，图标都需要保持美观。

将小小画布塞满的那些过于复杂的图标经常会面临可扩展性不佳的情况。

在应用图标的构思设计阶段，设计师应将很大一部分精力放在这里，思考给定的设计能否进行良好的扩展。

.在1024*1024px的画布上正常显示，不代表在其他尺寸中也是可用的，请确保在所有设备上、在多种背景与尺寸下都做过测试。

.保持简单，集中在单一物体上，最好使用在扩展时能保持轮廓与质量的独特造型或元素。

.确保应用图标在多种背景下都很美观。

我设计的一些图标，其中都包含了可扩展性的特质

2.可辨识度

无论简单还是复杂，只要确保图标具有创新性、趣味性且准确呈现了设计思想即可。

从一堆噪音中找到一首短歌非常容易，而优秀的设计也是如此，它能从主屏幕中脱颖而出。就像歌曲的韵律需要听者的共鸣一样，应用图标的形状、色彩与想法也需要用户的共鸣。设计需要精巧地编织记忆与关联，让功能与情感相通。

所有的图标都是在一模一样1024px的画布上构思的，而你的图标需要与其他成千上万的图标竞争，抢夺用户的注意力，让用户联想到你的应用。在可辨识度中，可扩展性占据了一大部分，新鲜度也占了一大部分。如何权衡这些特质才是关键。

.乏味、过于复杂都是可辨识度的敌人。尝试删掉所有细节，只保留原本的概念。可辨识度是否提高了呢？

.在设计时尝试多种变化，将各种变体都放在网格里浏览，看看哪类设计能抓住