图标设计的绘制原则（如何快速绘制矢量图标）

对于平面设计师来说快速的绘制矢量图标能大大提升工作的效率，如何快速绘制矢量图标？macw小编推荐各位设计师使用Affinity Designer矢量图设计软件，Affinity Designer绘制图标教程如下：

首先，在文档中创建一个160x160像素的工作空间，每10像素设置一条网格线。“在疏松的网格上制作图标，可以使用方便的吸附操作。”推荐我们用“样式”功能保存常用的笔画宽度和颜色，节省更多时间。

开始制作这个图标时，我先用布尔操作把三个同心圆组合到一起。这项操作的功能就是把多个图形组合成一个。在这里，我选择了“异或”模式，也就是填充重叠部分以外的区域。然后，我选中图形最下方的点，使用“节点”工具把它变成了一个锐角。最后，再用贝塞尔曲线的控制线微调一下就可以了。

相机镜头中，光圈的中心形成了一个六边形，我们就从这个图形开始。先把六边形画出来，将其转换为曲线，再编辑它的顶点，下一步要用的三角形就成型了。

调整好第一个形状后，用“编辑”>“复制”创建第二个形状，将整个图案的中心设定为“变换原点”，把它旋转到正确的位置。接下来就简单了:不断对新的副本重复这样的操作，图形的六个部分很快就能完成。

这个图标的难点是它的圆角。我先用“拐角”工具，让三角形的尖角变圆，再用“节点”工具中的“锐化”选项去掉多余的部分，再用一次“拐角”工具把角变得圆滑。

最后，创建一个圆，以圆心为旋转的原点完成整个图标。

用这个方法，你可以把任意位置设为“变换原点”。

《Affinity Designer》有专门的心形工具，但自己制作心形图标，可以获得更自由的调整空间。首先，我会用“钢笔”工具画出一个字母V的形状，再用“节点”工具编辑贝塞尔曲线的控制节点，调整两侧的弧度。

调出满意的形状后，我将笔画加宽，并把两端设置为圆形，然后选择“图层”>“展开笔画”，把它转换成填充路径。

为了确定要把心形顶部的反光点加在哪里，我用类似的方法缩小形状，找到了合适的位置。让工具来计算各个节点和路径的位置，会比手动绘制反光更加精确。

Affinity Designer for Mac(好用的矢量图设计软件) https://www.macw.com/mac/647.html?id=MzAyODU5Jl8mMTIxLjE5LjIyNS4xMzc=