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

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

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

1.欢迎界面

安装并打开Sketch软件后，首先看到的是欢迎界面，在欢迎界面，我们可以选择新打开文档，或者打开历史已有的文档。

2.Sketch界面介绍

2.1主界面一览

Sketch的主界面非常的简洁明了，主要分为菜单栏、工具栏、页面/组件、图层区、画布/画板、检查器等几个部分。

2.2菜单栏

一共有12个一级菜单，比较常用的是“Sketch”、“文件”、“插件”这几个。

其中，在“Sketch”中，可以配置组件库和素材；在文件菜单中，可以选择从模板新建一个Sketch文档，或者导出的内容；在“插件”菜单中，可以支持我们按照并使用第三方插件。

2.3工具栏

菜单栏下方就是工具栏，这里放置一些常用的工具可供我们使用，例如用矩形工具画一个矩形。

右键点击工具栏，选择“自定义工具栏”，即可根据自己的需求定制工具栏。分成3步走：

①第一步，右键单击工具栏，然后选择自定义工具栏。

②第二步，鼠标左键选中具体的工具，然后拖动到工具栏。

③第三步，点击“完成”按钮，即可成功保存自定义的工具栏。

2.4画布/画板

中间的空白区域，我们称之为“画布”，是可以无限延伸的，我们可以在上面添加形状、线条、图像、文字等内容。

通过添加“画板”，即点击“画板”工具，可以在画布上添加一个画板。另外，Sketch还提供各种尺寸的画板预设，帮助你定义好界面设计尺寸。可以限定设计区域。

在画布的左侧和顶部边缘，有标尺显示，方便我们把握设计尺寸；也可以添加参考线来设计，在标尺上点击，可以添加参考线，把参考线拖动到标尺左上角的位置，松开即可删除参考线。

2.5页面/组件

页面/组件位于工具栏下方，整个Sketch页面左上的位置，在Sketch中，可以用“页面”来组织、区分不同的设计内容，在“页面”上，点击“+”可以新增一个页面，双击页面名称，可以“重命名”页面。

另外，在“组件”面板可以维护组件，后续在组件篇章专门讲。

2.6图层区

图层我们可以理解为界面的元素，包括形状、线条、图像、文字等元素，都可以是图层。点击图层右侧的“眼睛”图标，可以显示、隐藏图层；在图层栏底部，可以对图层进行筛选。

选中多个图层（可以在画布或者图层里圈选），右键点击呼出菜单，可以把它们归在一组。

2.7检查器

在Sketch界面的右侧，就是检查器，主要是用来调整图层的大小、样式、阴影、模糊等属性，比如说调整矩形的颜色。

---

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

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