《玩转Sketch教程》是由夜雨出品的入门级免费工具教学课程，该课程承诺内容免费观看、课程配套资源免费下载以及后续迭代课程更新免费，是零基础设计师上手Sketch的首选福利课程。

首发在网易云课堂，基于最新版Sketch61.1制作，迭代更新速度快。课程地址，点击篮字直达，可以提前学习全部课程。

关注微信公众号”爱交互“（iueuxd）即可下载相应的配套教学素材，持续更新中~

1.矩形、多边形等形状工具的使用

1.1几何形状是界面设计中的常见元素

格式塔原理告诉我们，简单的整体更容易被人脑所理解。所以，矩形、圆形、多边形等几何形状经常在设计中出现。

1.2形状工具一览

在Sketch中，有矩形、圆角矩形、圆形、三角形、星型、多边形等几何形状工具，下面主要讲矩形和多边形。

1.3矩形工具的使用

矩形工具是日常设计中应用非常频繁的工具，卡片、按钮、输入框等设计都离不开它，重点注意它的圆角半径设置。我们可以动手画一个矩形试试，点击“矩形”工具，在中间画布区域画出一个矩形，然后在检查器拖动滑块，改变矩形的圆角半径。

另外，Sketch支持设置iOS独有的平滑圆角，也就是说，我们改变矩形的圆角半径时，可以选择“平滑角”选项。（注：iOS的平滑圆角会比普通的圆角似乎更平滑一些，圆角计算公式不同。）

还可以只把矩形其中的一个或者两个角变成圆角，只需要分别定义好每个角的圆角半径即可。例如在圆角半径输入框输入：0;60;0;0，用“;”隔开，意思是把第二个角的圆角半径，设为60。角的顺序，看下方截图左边的编号。

1.4多边形边数的设置

系统默认的多边形是五边形，可以通过检查器改变其边数，变成六边形、七边形等。多边形的设置很简单，先添加一个多边形，然后在检查器“侧边”处，拖动滑块，即可改变多边形的边数。

1.5对形状进行编辑

双击矩形、圆形、多边形等形状，即可添加/删除编辑点，对形状进行编辑。下图是一个形状的编辑，步骤如下：

①双击形状，以矩形为例，即可在任意边的任意位置添加编辑点（鼠标点击）。

②或者删除编辑点（选中后按键盘“delete”键）。

③拖动任意编辑点，即可对形状进行编辑。

2.直线、铅笔、矢量等线条工具的使用

2.1线条工具一览

在Sketch中，有直线、箭头、铅笔、矢量等线条工具，这些线条工具也应用广泛，例如设计中的分割线、矢量图形。

2.2直线工具的使用

直线可以调整其粗细，以及变成虚线的效果。使用直线工具画出直线后，可以在检查器调整边框的“宽度”，调整其粗细。同样地，在检查器针对直线设置“虚线”和“间隔”值，即可以得到虚线效果。

2.3箭头工具的使用

调整箭头工具的端点，即可得到各种各样的箭头，箭头通常用在交互说明中。

另外，直线也可以变成箭头。使用箭头工具，画出箭头后，可以根据自己的需要，调整箭头的端点（起点和终点），以便得到各式各样的箭头。

2.4铅笔工具的使用

铅笔工具，和生活中的铅笔一样，主要用来绘图，对设计师的鼠绘能力有一定的要求。

2.5矢量工具的使用

矢量工具也可称之为“钢笔工具”，相比“铅笔”，使用它画出来的线条更偏向直线或者曲线，而不是铅笔的随意线条。

使用矢量工具，可以画出多编辑点的连续曲线，可以基于“贝塞尔曲线”，改变编辑点的弯曲效果。

2.6知多点：Sketch中的贝塞尔曲线

贝塞尔曲线始于1962，由法国工程师皮埃尔·贝塞尔（Pierre Bézier）发明，被广泛应用于矢量图形曲线。

在Sketch中，可以应用4种类型的贝塞尔曲线：

①笔直（直角）：基于角度绘制图形，可以拖动下方的“半径”滑块将其变成圆角。

②断开链接：手柄控制点相互独立，可以调整任意的角度。

③已投射（镜像）：两端的手柄控制点将相互映射，并与中心点保持相等的距离。

④不对称：与“镜像”类似，手柄控制点角度共享，但是与中心点的距离是非对称的。

2.7知多点：打开路径和闭合路径

在使用矢量工具时，可以选择打开或者闭合路径：

①打开路径：不自动连接起点和终点。

②闭合路径：自动连接起点和终点，形成封闭的路径。

该系列课程已经全部上架网易云课堂，完全免费学习，基于最新版sketch61.1制作，迭代更新速度快。课程地址，点击篮字直达，可以提前学习全部课程。

对交互设计有兴趣的，可以购买收费课程《零基础入行交互设计》学习。课程地址，点击篮字直达，现在购买，和夜雨1对1交流设计经验。