sketch的一些常用技巧

2018-02-02 本文已影响2579人内心强大的Jim

根据亲身经验，现总结一下sketch的常用技巧：

在使用sketch时经常需要插入一些元素，主要有Artboard A，文本 T，矩形 R，圆角矩形 U，圆形 O，直线 L

a9dc11f4e6145f5a3f5a048954d14ffa.png

据说可以用Shift + 鼠标滑动，但是我一般是用两个指头的触摸板滑动😅😅😅

设备屏幕比较小时，可以通过隐藏图层列表栏（左边栏）或检查器栏（右边栏）来获取更多的显示空间，据说快捷键是CMD + Alt + 3，但我试着好像不行，单独左边栏隐藏/显示（CMD + Alt + 1）和右边栏隐藏/显示（CMD + Alt + 2）是可以的。

是用快捷键CMD +/-，可以在普通模式和演示模式之间切换，在展示设计方案时非常有用

可以通过快捷键Ctrl + R来切换标尺的显示和隐藏，在标尺上单击可以添加参考线；在标尺上将参考线拖拽到左右或上边缘即可删除

只需选择某个元素然后按Alt即可查看该元素到界面边缘的四个距离值。
如果需要查看两个元素之间的距离，在选中第一个元素后按住Alt然后将光标指向第二个元素即可。
此时如果按住Alt并移动元素，便能在移动过程中时刻看到元素之间的距离变化；非常有用的功能。

无需拖拽，选中界面元素后，使用快捷键CMD +/-即可放大缩小元素

当设计项目越做越大时，对界面元素的命名和分组就变得格外重要了。可以通过快捷键CMD + R将这个元素重命名。
举例说，我想创建一个按钮。把元素都放置好之后，选中它们，使用快捷键CMD + G将它们分为一组，然后通过CMD + R进行重命名，输入“Button”。

QQ20180202-100442.png

屏幕快照 2018-02-02 上午10.10.53 (2).png

可以使用Sketch创建界面流程图。一个具体的问题是，如果在artboard之间绘制箭头以代表流程方向，Sketch会隐藏掉artboard边界以外的部分：

1e76e6d146593cacc3938a9d8d156d88.png

你可以把所有的箭头图层移到列表顶部，并放到一个没有背景色的大artboard当中。这样箭头就可以独立于每个界面的artboard正常显示了。

此外，你还可以在所有图层底部另建一个大的artboard，设置一个恰当的背景色。这样一方面可以使流程图更具层次，一方面还可以通过导出这个背景artboard来将全部界面放置在一个大的图片文件中，而不是常规的那样分页导出。

9fef56fa86216b8859d74bc96a03bb5d.png