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