高效使用sketch的10条秘诀

自译外文 分类: 经验/观点 版权: 原作者: 原作者
3931 128 42 6
2015-09-06
0.0
首页推荐

“周一好!”。优狐哥再分享10个SKETCH的小秘诀。此篇主要写一些常用到的快捷键和隐形功能。有些功能和PS是相通的,希望各位UIer在两个工具间互相打通学习

一   元件设置-排除文本值

这个是我最想分享给大家的秘诀!在各位大侠的设计生活中,难免不遇到许多重复无聊的表格…

一般的做法是选中所有的数字文本,然后移动,移动,移动,移动。但…这样做,真的好吗?


Duang,元件上场!(该功能类似PS智能对象,但又优于PS)

当你设计表格的时候,可以把做好的一行变成元件。注意:元件的参数设置记得取消勾选“排除文本值”(该功能是为了避免表格内容都一样,无法修改)。

https://cdn-images-1.medium.com/max/1277/1*O3KVrbGy61y_ORTXp0-h6Q.png

通过多次复制,再借助插件自行填充内容,一个完整的表格完成了。


老板让你调整,没问题,单独调整一行,其它的行就跟着变了。

https://cdn-images-1.medium.com/max/800/1*8MeGYGY6JkzWMQPtvjhmNg.gif

二   快速选择图层

推荐快捷键:command+悬停/点击

这种操作比双击图层更好,它能直接点中你想要的图层,免去了一层一层点击,多次点击才能选中嵌套图层的麻烦。


与他接近的方法是,点击选项面板的右侧列表,也可直接进入你想要的图层

三   复制图层样式

option+command+ C

https://cdn-images-1.medium.com/max/800/1*9gxghY0uoUVmSNcalrwTuQ.gif

这个功能同比photoshop的复制图层样式,粘贴图层样式。

快捷键为“option +command+ C“复制图层样式,“option +command+ V“粘贴图层样式。

 

四   修改默认样式

Sketch默认的样式是灰色背景,图形形状带带灰色描边。可是,当咱们画UI的时候,并不需要到处都有灰边。但是在每次创建的时候,又不得不每次去都调整…

优狐哥告诉你个小办法。

创建一个新的图层,把你的视觉风格都放上去(先做一个灰色背景为例)。选中对应的图层,在菜单中依次选择“编辑”→“设定为默认样式”。再重新创建,是不是默认样式被修改了

五   等分间距

https://cdn-images-1.medium.com/max/800/1*0SNFdz4G9dTVhJhn7qHrGA.gif

类似于photoshop的功能


六   与其它元素的对齐

https://cdn-images-1.medium.com/max/800/1*225ohABEdMCtA_kNsbjv7Q.gif

通过按住shift键,点选2个及以上图形,即可使用啦。功能与PHOTOSHOP对齐工具一样


七   用图层列表快速选择

https://cdn-images-1.medium.com/max/800/1*bqcooMQOYl2ARP7-Gj2ZzA.gif

使用Tab键(⇥)浏览到文件夹,Shift + Tab键(⇧+⇥)浏览到层。点击回车(↩)进入图层文件夹。点击退出(ESC)回到上一级文件夹。


八   重命名图层和文件夹

你可能想在浏览你的图层面板想重新命名。敲command+ R,就好了。


九   像CSS一样定义圆角

https://cdn-images-1.medium.com/max/800/1*tmcTIFb1Fxwl78nEk4g6_w.gif

按照html的写法,你可以依次设定每个圆角的角度,书写顺序依次为:
左上/右上/右/左下。


十   快速绘制单侧边界

有时候,咱们设计只需要一个方向描边边。借助内阴影和外阴影,在一个图形中就可完成绘制。方法是设置阴影的渐变都为零,只需要一边的方向为负数即可。

此方法,PHOTOSHOP也可通用。

https://cdn-images-1.medium.com/max/800/1*QKikBeyPBtjaBmniuxazsw.gif

 



PS:优狐哥在努力的每天汉化翻译sketch相关的文章给大家

这是我的微信号: i-sketch  (sketch哪些事)。

一个人走,难免孤独,欢迎大家关注我,与我一起加入到这个学习的乐趣中吧

asa1230

好到违反广告法的国外sketch/origami教程翻译~~

284粉丝/5关注

iPhone x 源文件(sketch)Sketch-缓存清理助手

asa1230

asa1230

好到违反广告法的国外sketch/origami教程翻译~~

京ICP备14007358号-1 / 京公网安备11010802014104号 / Powered by 2008-2017 UI.CN