本篇教程只挑选菜单中的部分功能进行讲解，一些常规操作，如“保存”、“重命名”、“退出”等基础常规操作不做过多解释。
菜单栏.png
Sketch主界面.png
一、Sketch
1、偏好设置
（1）通用
a、勾选“自动保存”、及时保存防止操作丢失。
b、勾选“匹配像素”中三个选项，之后移动像素都会以整数位变换，不会出现小数。
通用设置.png
（2）画布
设置参考线颜色
画布设置.png
（3）插件
我们的软件汉化后默认只有“汉化翻译插件”，其他的插件都需要手动自行安装。下面以“导出效果图插件Marketch”例子说明插件的安装方式。
a.偏好设置——插件——获取插件——进入插件官网
插件官网.png
b.默认展示全部插件，在搜索框中输入关键词即可筛选展示对应的插件。
搜索插件.png
c.这里只提供链接，实际下载地址是在Github，Github是一个面向开源及私有软件项目的托管平台。点击进入插件demo展示区，这里可以预览插件效果。点击左上角插件标题即可进入Github插件下载页面。
插件效果预览.png
d.点击绿色按钮"Clone or download"——“Download ZIP” 下载插件安装包，把文件复制到插件目录。点击“偏好设置——插件”左下角的齿轮即可打开插件目录。
插件下载页面.png
插件.png
e.重启Sketch插件即可生效。
2、服务
（1）服务偏好设置
应用快捷键设置，新增“折叠所有分组——shift+Command+C”，后期使用会很便利。
快捷键设置.png
二、文件
1、新建
新建的不是一个画布，而是一个大的文件。画布是在这个大的文件中新建的。
2、从模板新建
Android图标设计、iOS应用图标、iOS用户界面设计、Material Design、网站设计。
每一个子选项中都会自带相应的系统图标、界面元素、尺寸规范等。
模板元素.png
三、编辑
页面包含画板、画板包含图形。
四、图层
1、创建组件
Sketch中最好用的一个功能，之后的教程中会详细介绍。
2、转化为轮廓
线条设置粗度后，可以转化为图形，和Ai中扩展后的图形相同。
3、将所选拼合为位图
矢量转换为位图。
五、排列
1、变换图层位置
上移一层 Command+Alt+向上箭头；下移一层 Command+Alt+向下箭头
2、创建网格
网格工具.png
六、显示
1、自定义工具栏
七、其他
1、工具栏中的“显示——显示网格”设置网格属性。
2、“网格设置”可以设置网格的大小、加粗线位置。
3、“布局设置”通常在Web端设计使用。
4、参考线不需要像Ps、Ai中拖拽出来。只需选择图形后，鼠标滑过即可出现参考线，点击即可画出参考线。
5、Mirror是在手机上实时预览设计效果。
手机预览功能.png
网友评论