参考线在设计里可以说说是一个系统级别的存在,为了保证设计的准确度和布局的美观,参考线是必不可少的一个元素。Sketch 里的参考线只能说是些许的方便,当你拖拽出来的参考线靠近你画布里的元素的时候,它会自动贴合到元素的边缘,但也就仅此而已了。但是 Sketch Guides 这款参考线插件,给你带来的是速度和简单。

Sketch Guides 拥有自己的单独的 Tool Bar ,使用快捷键 ⌃⇧V  即可打开功能菜单,或者你也可通过 Sketch Runner 来呼出菜单,相当的方便,无需记住更多的快捷键或者去顶栏中去点击功能。

Tool Bar

它的功能可以分为三种:单线、双线、删除线。

点击前四个按钮均为单线操作,可以在你选择图层的上、下、右四个方向形成参考线。这个功能的话不算特别,因为直接拖拽出来也不复杂。但是如果我是要在一个元素的中间打上一跳参考线,直接拖拽可不是一个好的决定,因为这个时候并没有边缘自动贴合的功能。所以此时手动拖拽不一定会精准,总会差那么一两个像素。而在插件里你只需要点击竖直中间参考线和水平中间参考线的按钮即可实现你要的效果。

拖拽参考线的操作,一次只能放置一条参考线,使用插件可以更加快速的布置你整体参考线,你只需要点击上下参考线和左右参考线按钮即可。这里所有的参考线按钮不仅可以使用于图层,也可以试用于画布。

不知道你原来有没有这样的困扰,当你完成你的设计稿后,你想删除之前你所打好的参考线,你只能一条条的拖到标尺上来删除参考线,一两条参考线或许是无所谓的,如果你打了上十条参考线呢?那个操作...而 Sketch Guides 给你提供了一键删除所有参考线的功能,可以说是非常的贴心了,点击一次即可删除所有参考线。

如果你喜欢此插件,可以选择 Sketch Runner 以及 Sketchpacks 安装,也可以在 Sketch Guides 下载

➡️ 更多 Sketch 使用技巧,欢迎前往少数派 探索 Sketch 专栏查看。