【干货分享】sketch 前端开发常用技巧总结

sketch横空出世，移动端的应用越来越多的采用sketch来做，前端开发也需要掌握更多sketch技巧。

（1） sketch导出图片时，如何快速选择多个图层？

　　1. 在画布上任一点单击并拖拽出一个选区， 同时按住 option ⌥ 键，则只会选中完全被包括在所画选区内的图层（强烈推荐）。

　　2. 按住键盘上的 shift ⇧ 键来同时选择多个图层，当你点击其它图层时，之前选中的图层也会被保留。如果你按住 shift ⇧ 键去点击一个已经选中的图层，则会取消选择。　　

　　3. 在画布上任一点单击并拖拽出一个选区，则会选中这个选区中的所有图层。你可以继续按住 shift ⇧ 键或者 command ⌘ 键来复选或者取消个别已经选中的图层。

（2）选中多个图层后， 如何快速导出透明背景的图片？

　　1.通过步骤（1）选中多个图层后，右键合并多个图层或group为一个group（也可以通过Command+G快速建组），可以通过sketch make exportable功能导出，也可以直接拖拽group到finder中或tiny.png站点进行压缩，会直接生成png图片，非常方便。通过这种方式导出的图片会自动检测边缘，背景透明。

　　2.另外一种导出图片的格式是使用切片。将多个图层合并成组后，在组内建立切片（切片放到组内），选中切片勾选“Export group content only（仅导出组内内容）”，如果有是在画板里的话，需要同时关闭画板的“include export(包含到导出内容中)”选项。 这种方式可以定义导出范围尺寸，方便周边留白。

（3）单键快捷键：

　　A：创建画板

　　T：创建文本

　　V：创建向量

　　O：创建圆形

　　R：创建矩形

　　U：创建圆角矩形

（4） 多键快捷键：

　　Z + 单击/选区：将屏幕缩小到特定区域

　　Enter：对当前选中的图层启用编辑模式

　　Shift + Tab：依次选择下一个图层（上一个图层是单按 Tab）

　　Option + 拖动图层：复制一个新图层并移动

　　Option + 鼠标悬停图层：显示两个图层之间的距离

　　Command + 单击：选中一个组中的图层

　　Command + R：重命名图层或画板

　　Command + Shift + H：显示/隐藏图层

　　Command + 滚轮：缩放页面

　　Command + Shift + E：激活导出模式

　　Command + Option + C：复制图层样式

　　Command + Option + V：粘贴图层样式

　　Control+C： 快速吸色，也可以快速复制颜色

（5）一键测量对象之间的距离

　　按住Option键可及时查看距离，按住不松挪动对象看看！再试试Option+Command 看看！

（6）放大缩小功能

　　选中你要看的对象或者画板，按comd+2，就会放大此对象到屏幕合适的大小。 comd+1缩小至能看见所有的画板。comd+零 缩小至100% 。 按住Z出现放大镜，可拉选放大面积，Z+Option对应缩小。comd+ 加号是100% 200% 400%的比例放大，comd+减号则相反。

具体sketch 更多用法参见：http://sketch.im/index.php?m=content&c=index&a=lists&catid=2