很多人刚接触AI软件（Adobe Illustrator）的时候，最想学的就是画小图标。原因很简单，图标看起来简单，工作量小，做完还能马上用在网站、App、PPT里，成就感来得快。今天这篇教程就带大家从零开始，把画小图标的整个流程走一遍，照着做基本都能出效果。
为什么用AI画小图标最合适
AI是矢量软件，矢量图最大的特点就是放大缩小都不会糊。小图标经常要在不同场景使用，网页上可能只要16像素，海报上可能要用到几百像素，用位图软件做就得反复导出不同尺寸，而AI画一份，想导多大就导多大。另外图标讲究线条干净、造型规整，AI的路径编辑功能正好对症，改起来也方便，不满意的地方随时能调。
动手前的准备工作
新建文档不用搞太复杂，画板设置成正方形，比如800乘800像素，颜色模式选RGB，屏幕显示够用了。画之前最好先想清楚要画什么，比如一个咖啡杯、一个相机、一个对话框，脑子里有画面，下手才不慌。新手建议准备一张参考图放在旁边照着画，这不丢人，所有设计师都是这么过来的。
工具方面，初期只需要掌握四样：矩形工具、椭圆工具、圆角矩形工具和选择工具。别一上来就啃钢笔工具，那个学习曲线陡，先用基础形状拼造型，等熟练了再学钢笔。
用基础形状拼出图标
画小图标的核心思路就一句话：把复杂的东西拆成简单形状。比如画一个相机图标，其实就是一个大圆角矩形当机身，中间叠一个矩形加一个圆形当镜头，再加个小圆当快门按钮。选中图形，在属性面板里把填充色设好，描边设成无，几个形状一摆，相机的雏形就出来了。
摆放的时候注意对齐，选中多个对象后用对齐面板里的水平居中、垂直居中，图标正不正就看这一步。很多人画出来的图标歪歪扭扭，问题基本都出在没对齐上。
路径查找器让你的图标更利落
形状拼好之后，会有一部分重叠在一起，这时候就要用路径查找器了。它在窗口菜单里，最常用的三个功能是联集、减去顶层和分割。联集是把几个形状合成一个整体；减去顶层是拿上面的形状在下面的形状上开个洞，比如镜头中间的镂空就用这个做；分割则能把形状切开，适合做不对称的造型。用好这三个功能，百分之八十的扁平风图标都能搞出来。
线性和填充风格怎么选
小图标常见的有两种风格。一种是填充风格，色块实在，视觉分量重，适合大面积展示；一种是线性风格，只留描边不留填充，看起来轻盈精致，App里的功能图标多用这种。做线性图标时，描边粗细要统一，整组图标都用同一个数值，比如8像素，粗细一致才有专业感。描边端点和拐角建议选圆角，整体会柔和很多。
导出图标的正确姿势
图标画完别急着关文件，导出才是关键一步。如果要用在网页上，优先导出SVG格式，矢量文件体积小，还能跟着屏幕分辨率自动适配，绝对不会模糊。文件菜单里选导出，勾上使用画板，就能得到干净的单个图标文件。如果需要位图，比如发朋友圈或者放在聊天里，就导出PNG，记得按需求选一倍图、二倍图，尺寸不够宁可重新导大图也别强行拉伸。
新手最容易踩的三个坑
第一是形状没扩展就缩放，描边粗细会跟着变形，导出前记得先执行对象菜单里的扩展，把描边转成形状。第二是颜色贪多，一个图标里塞五六个颜色，看着特别乱，控制在两三个颜色以内，效果立刻清爽。第三是不建图层，全堆在一个图层里，后期想改某个元素根本找不到，养成随手建图层、命名的习惯，能省很多麻烦。
坚持练习才是捷径
图标设计没有玄学，就是观察、拆解、拼形状这三步循环。每天花二十分钟，挑一个生活里的物件画成图标，坚持两周就能明显感觉到手上熟练了。画得多了，你会慢慢形成自己的风格，线条粗细、圆角大小、配色习惯，这些细节攒起来就是别人一眼能认出来的味道。打开AI，从一个咖啡杯开始画起吧。