UI必看！如何制作标准的UI图标

二、如何符合标准：怎么画？

1、单色icon多用布尔运算：只有一个图层方便后期调整，方便交接使用。

举个例子，左边的黑色icon的外圈是用了描边描出3px的宽度，这样导致图层变多，修改起来很麻烦，而且描边的圆角很难控制，如果想把外圈切一个断口将会更麻烦。右边都用布尔运算的icon相对整洁得多。

2、Of course！！像素要对齐

3、合适的大小：保证一组图标视觉上大小一致

画icon之前，我们可以把表示最大尺寸的框画出来，在这个框框内，icon不要画得太满，要有适当留白。同时，为了视觉上的统一，圆要略大于方形。遇到倾斜的图标，可以先正着画好了再旋转角度。

4、抓住有特点的小细节

简单来说就是，保证线的粗细、圆角的大小一致，图形是否分割、线是否有断点等细节也要大体上保持一致。这样的一套icon是有整体性的，风格才算统一。

三、小结

沿着UI的发展趋势，icon的风格经过了各种各样的变迁，从拟物到扁平、从静到动，有的化繁为简，有的更加多变有个性，不过道理仍旧是万变不离其宗的。icon设计看似简单但是讲究一点不少，既要表达准确，还要设计精确，相信一波一波的设计师都是在实战中摸爬滚打过来的。