如何画好一组线性图标？来看这份新手科普总结！
    画过不少图标，也总结了很多大神的方法，在此归纳一下简单的图标画法，希望对大家有帮助。作为一名 UI 设计师，必须要重视 icon 的作用，首先是需要大量地练习，其次是尽量不要一遇到画图标的时候就随便在网上下载，而是结合产品调性创造属于这套产品的图标。
一、图标在 UI 中的应用
在本文中所说的图标，是指界面中的 icon。icon 增加了界面的趣味性，也提高了识别性，是界面中不可或缺的部分。
1. icon 在界面中的分类
icon 在功能上来说，分为不可点击的展示图标和可点击的按钮图标：
不可点击的展示图标，是为了辅助后面的文字内容，侧重点在于文字，通常尺寸为24×24、28×28、32×32。在小尺寸内为了便于辨认图像，也不要在界面中太抢眼，建议可以使用简单的线性或者面性图标。可点击的按钮图标，常用于导航栏、操作栏、标签栏，通常尺寸为44×44、48×48、56×56、64×64，这类图标可以结合产品调性进行富有趣味性的设计。
详见图1.1.1以及1.1.2中红框部分：
△ 好享瘦 app 中的界面
2. icon 的尺寸
icon 的尺寸一般选择4的倍数，这样有利于在成倍缩放的时候，不会造成半像素的情况。例如48×48的 icon，缩小2倍的时候是24×24；而34×34的 icon，缩小2倍的时候是17×17。在图标中应尽量避免出现单数。
3. icon 的风格
时下流行的图标可以归纳为：线性图标、面性图标、线面结合图标。至于 mbe 风格、断线风格、块风格、渐变风格、半透明风格、双搭配风格等等，都是基于以上三种来进行风格设计。图1.3.1为在 dribbble上看到一些比较好看的 icon 设计，作者 ID 均备注在右下角，在此仅供参考。除了在 dribbble、站酷、花瓣、优设、iconfont 等好看的图标以外，还可以参考市面上主流 app 中的图标。
二、如何画图标
1. 画图标的软件
常用的画图标软件有三个：AI、PS、sketch。
AI 的好处是矢量，网格比较规范，容易处理图标的线面转换，其中直角一键转圆角功能非常好用，缺点就是调非常的难用，操作不便，只能处理普通块，复杂的彩会耗费很多时间。
PS 的好处是调功能强大，形状剪切中规中矩，缺点是做线性图标的时候需要用布尔运算，描边功能操作起来没有 AI 方便。
Sketch 的好处是矢量，调十分智能，并且现在做界面多数用 sketch，应用起来十分便捷，缺点是它的造型没有 AI 和 PS 严谨，一些转角的位置不够流畅，小图的时候不易察觉，放大后就能看到不流畅的线条。
我通常是三者结合来画图标：首先用 AI 构造基本的形状。如果是要发作品做展示，就拉到 ps 里面进行调和展示；如果是放在界面中使用，就拉到 sketch 调使用。
2. 参数设置与参考线的绘制
在这里演示的是用 AI 画图标的方法。参数设置方面：首先在首选项 – 参考线和网格，网格线间隔10px，次分隔线10，勾选显示像素网格；然后在画布框内点击鼠标右键，显示网格；最后在视图中打开「对齐网格」「对齐像素」「对齐点」。图2.2.1为参数设置步骤。
参数设置完毕后，新建画布，我一般新建800ps切图尺寸变小×600（dribbble 的展示尺寸），图标应小而精致，不宜建过大的画布。
参考线是为了规范图标而存在，一般有两种参考线画法（复杂规范与简单规范），它们原理都是一样的，习惯哪种就用哪种。不要纠结参考线的大小应该是多少，根据你图标使用的位置来确定图标大小（也就是参考线的范围），有的朋友知道了 46px 的参考线怎么画之后，又纠结 88px 应该怎么画，其实就是一样的原理。你可以根据自己的感觉来微调，稍微大点小点无所谓，重要的是不要出现单数的像素大小就可以。在此以44px大小的图标为例子。
复杂规范
画一个44×44的正方形，颜调为灰，描边选择0.25pt（在此补充一个知识点，72ppi下
的1pt是等于1px的，具体请自行百度），然后画一个42×42的正方形居于其中。这个42×42的界线为安全界线，图标不要画超过这个界线，避免在给开发切图的时候贴边切，导致图标出现不自然的边界。图2.2.2详细展示画参考线的步骤。