倾囊相授 Sketch 使用的小技巧

现在越来越多的人选择用sketch来做UI界面，它相比PS来说，功能更高效，可以说是“专为界面设计而生”；打个比方把做界面比作削苹果，PS是一把斧头，sketch是水果刀，斧头能做很多事情但是对于削苹果这件事情来说，却很麻烦，不如水果刀好用

而且sketch学习成本很低，基本用它临摹一张图，立马所有功能都熟了；而且它支持第三方插件，这也就出现很多各式各样的插件，方便设计师的操作，从而提高了设计师的工作效率

不过，个人觉得就是因为太“开放”，导致出现很多看起来很棒，实际上用处却不大的插件，炫技成分大于实际作用，下面我就举一个例子

Content Generator（自动填充图片）

说实话第一眼看到这个插件的时候，我是激动的，因为每次做界面配图都很痛苦，既想让界面更符合实际效果，每个图片都不一样；但是又不想一个一个去找，浪费时间，影响工作效率

所以我看到这个插件之后，满怀欣喜的去下载了，结果发现大失所望

这样的图片质量，极其不统一，想单独更换某一个图片的话，也超级麻烦，效果和效率一个都没做到，那何必去用这个插件呢

当然除了这个之外，其实还有很多插件都是看着很有用，实际上却一点用都没，插件不在于是不是多、酷不酷炫，而在于适不适合自己，能不能提高工作效率

下面我和大家分享一下我工作中常用的一些插件（功能）

当然也会分享一些我在使用过程中的一些小技巧，以上排名是分先后的

Symbols

众所周知，sketch最大的一个提高效率的方式就是组件化界面中所使用的元素，同一个界面出现的相同内容都做成组件，方便调用（自带功能，不是插件）

把元素都做成组件，还有一个好处整理规范的时候，设计稿做完规范也就差不多做好了，不需要再单独去从页面中将图标一个一个拉出来

小贴士1：

组件内的文字可以直接替换，比如导航栏的时候，组件内的其他元素除了文字，都是一样的，这就可以只改文字，其他保持不变

小贴士2：

组件可以直接替换成其他组件，前提是两个组件的大小是一样的，不然会出现变形的情况。最常用就是在底部标签处，做不同的页面时候需要更换底部标签状态

其实对于Symbols (组件) 来说，还有很多比较实用技巧，比如组件套组件等等，在这里就不过多阐述了，大家可以自己去多琢磨琢磨

Sketch measure

非常好用的一款切图标注软件，不过很多人在标注字体的时候，可能会出现这种情况，文字密密麻麻的，所有的参数都出现了，但其实仔细会发现很多参数都不需要，还占地方

我自己刚开始的时候遇到这种情况，都是手动把不需要的删除，现在想想太浪费时间了，当时也是傻的可爱

直到后来才发现有快捷键，我们只需要在标注的时候按住“Alt”键，再点击标注（红框处）

就会出现让调整参数的界面

Test 样式

这个就相当于一个全局统一的样式，仅针对字体，当我们把多个地方的字体都统一成一个样式的话，后面一个的话，就可以同步所有

所以我们就可以把界面中的一级标题、二级标题设置成一个样式

如果后面觉得之前设置的参数不好需要修改的时候，我们只需要修改一个，然后点击样式旁边的刷新按钮，就可以一键同步所有

图层样式

这个和test 样式是一样的，不过它针对的是图形

导出图片的技巧

这个不是一个插件，就是一个使用小技巧，是我自己总结的，觉得还蛮好用的，分享给大家，前提是大家是用2x作图

当我们用2x作图的时候，最后导出切图的时候，会发现切图的后缀名不对

导出1x才是实际的2x图，导出1.5x才是实际的3x图，但是它的后缀确是@1x、@2x

但其实这个时候，我们只需要做一点小小的改变就可以了

说实话第一眼看到这个插件的时候，我是激动的，因为每次做界面配图都很痛苦，既想让界面更符合实际效果，每个图片都不一样；但是又不想一个一个去找，浪费时间，影响工作效率

再右下角导出的时候，先编辑一下预设

把1x的后缀改成2x，把1.5x的后缀改成3x，然后每次导出切图的时候选择默认，这样就能方便快速的导出我们想要的图啦

总结

以上就是我在用sketch的时候常用的插件以及一些使用小技巧，最后我想要说明的一点是，虽然sketch的插件很多，琳琅满目的

但是我们要学会从中找到适合自己的，我们要知道我们的目的是——在不影响最终界面效果的前提下，提高工作效率

当一个插件对界面效果以及工作效率没有太大帮助的时候，那它就并不适合我们

说一句老生常谈的话，要想做出好作品，关键不在于工具，而在于想法

参考链接：

https://www.zhihu.com/question/41362114?from=profile_question_card

sketch有哪些提升工作效率的实用技巧？

https://www.zhihu.com/question/27495264 Sketch 有哪些插件值得推荐？