UI图标设计流程和规范

图标设计流程

1.定义主题。定义主题是指把要设计的图标所涉及的关键词罗列出来，重点词汇突出显示，确定这些图标是围绕一个什么样的主题展开设计，对整体的设计有一个把控。

2.寻找隐喻。隐喻是指真实世界与虚拟世界之间的映射关系，寻找隐喻是指通过关键词进行头脑风暴，在彼类事物的暗示之下感知、体验、想象此类事物的心理行为。

3.抽象图形。抽象图形要求设计师将生活中的原素材进行归纳，提取素材的显著特点，明确设计的目的，这是创作图标的基础。

4.绘制草图。经过对实物的抽象化汲取后，便可以进行草图的绘制。在这个过程中，设计师需要将实物转化成视觉形象，即最初的草图，当然草稿可能有很多方案，这时需要筛选出若干种满意的方案继续下面的流程。

5.确定风格。在确定了图标的基准图形后，下一步就是确定标准色。我们可以根据图标的类型选择合适的颜色。当不知道使用什么颜色的时候，蓝色是最稳妥的选择。目前图标设计主流是扁平化风格。值得一提的是在UI设计中，大部分扁平化图标以单色图形为主，从技法上来说这样降低了设计的难度。

6.制作和调整。根据既定的风格，使用软件制作图标。在扁平化风格盛行的今天，单独的图形设计需要更多的设计考量，需要经过大量的推敲，设计调整。因此在图标的制作中，会修正一些草图中的不足，也可能增加一些新的设计灵感。

7.场景测试。图标的应用环境有很多种，手机的背景色也各不相同，有深色系的，也有浅色系的。我们要保证图标在各个场景下都有良好的识别性，因此在图标上线前，设计师需要在多种图标的应用场景中进行测试。

图标设计技巧

在设计图标过程中，掌握相关的设计技巧，可以帮助设计师更加快捷高效地完成设计任务。通常图标设计技巧有以下几个方面：

正负组合

正负形组合是一种最常见的设计方法，我们可以根据产品特质，然后提取相应的图形，通过图形相互组合、叠加，或者抠除，组成新的图形。

折叠图形

当一个完整的平面图形设计完成后，可以分析图形的轮廓走向，在图形的结尾或者转角处做局部折叠处理。

线形图标

线形图标是一种独特的绘制图形手法，可通过提炼图形的轮廓进行设计。线性图形应用的形象简练、完整，更具吸引力。

透明渐变

通过对图形放大或缩小叠加不同透明度的图形，形成一个层次丰富，形态饱满的图形组合。

色块拼接

色块拼接是指把图形分割成有规律的块状，并填充颜色。

图形复用

对已经设计好的主图形进行复制，通过透明度、颜色或者大小的变化，创造出一种图形阵列之美。

背景组合

运用不同的底板背景更能使图标汇聚聚焦点、富有活力。背景可以选择纯色、渐变或规律的集合线条以及和主题相关的元素。通常可以将运用背景组合的图标分为以下几类：

①图标形状+背景组合。

②文字+背景组合。

③图文组合+背景组合。

④吉祥物或卡通形象+背景组合。