20个Sketch你绝对应该掌握的技巧(3)

UI / UI设计教程 / UI教程 /      

uimaker
UI设计师 / 江苏 南京

来源:站酷   作者:陈踢缺er

关键词

14.图层过滤选择器

20个Sketch你绝对应该掌握的技巧

Sketch是多画板的操作界面,因此项目文件里的图层和组往往非常的多,是很难快速选择到你要的图层元素。图层过滤选择器就是用来解决这个问题的。目前阶段提供搜索图层名称,选择图层,选择切刀图层这三个功能。

15.标尺参考线工具

20个Sketch你绝对应该掌握的技巧

Ctrl+R能快速打开标尺工具,经常用来精确建立自己规范和参考,其实功能就和PS里的一样,略微操作方式有点不同而已。

16.图层自适应模式的使用

20个Sketch你绝对应该掌握的技巧

网页适配常常非常麻烦,sketch提供了图层自适应模式,方便了你在你设计的时候可以通过控制画板大小来向你前端哥哥们快速直观的展示你的设计适配方案。(自适应模式有空会单独再发一篇文章结合前端适配的知识来细讲的)

17.旋转复制和快速复制

20个Sketch你绝对应该掌握的技巧

选择旋转复制工具,可以按中心进行旋转复制。选中一个元素按ALT拖动复制一个元素,再按Ctrl+D能根据上次复制的距离进行快速复制。

18.快速切图方案设置

20个Sketch你绝对应该掌握的技巧

通过设置切图的倍数,能快速切出你想要的多种不同尺寸。这个我在之前的文章《三分钟教你快速设置Sketch切图方案》中有详细介绍过,这里就不再过多的赘述。

19.顶部工具栏自定义设置

20个Sketch你绝对应该掌握的技巧

Sketch的顶部工具栏位置毕竟较小,但是可以自定义你想要显示的工具,这样你就可以根据你的操作习惯来随意搭配你的顶部工具栏的展示样式。

20.设计稿预览和分享

20个Sketch你绝对应该掌握的技巧

Sketch提供有iPhone端的预览,下载Sketch Mirror即可在手机端查看。其实不仅仅这样,你只要把预览的本地地址打开复制发送给你的项目人员,你的团队即可通过浏览器的地址来浏览你的Sketch文件里的所有设计(类似于Axure的分享功能那样,,不过比它可方便多了,大前提是你们必须在同一个局域网内或是使用同一个WiFi的状态下噢)。

 收藏