学习
实践
活动
工具
TVP
写文章

倾囊相授 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 有哪些插件值得推荐?

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180513G0AKDA00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码关注腾讯云开发者

领取腾讯云代金券