Sketch八个高效的快捷方式

作者: 傅译熳 | 来源:发表于2014-05-20 17:13 被阅读12199次

    写在前面的话。很高兴你能点击进来看此篇内容,因为你已经注意到sketch3.0的优势(目前只有 MAC OS版),并尝试开始使用它来完成UI设计,从UI的角度来看,它的优越性是PS无法比拟的。下面以及将来的日子里,我会陆续为大家带来sketch各方面的教程。

    此次主要介绍一些可以提高工作效率的快捷方式做为sketch的入门。它的操作还是比较简单的,只要记住快捷键,很快就可以上手,比当时学PS要简单很多。只是现在PS用习惯了,需要一些时间来转换一下方式。保守的说用sketch做app的项目,可以整体提高30%左右的效率,只因它为界面而生!

    一,图层快速重命名

    选中图层cmd+R,输入名称,按enter确定,按TAB键到下一层,再继续上一步操作。 shift+TAB返回到上一层

    新人必读环节:

    需要深刻明白图层命名的重要性,此处省略200字的提高效率,专业素养等理由。

    最重要的是:不想同事每一次打开你的源文件后都要问候你N遍的话,请老实地整理并命名好图层!!!

    二,画板管理

    sketch是可以像AI一样,一个文件里有多个画板,并且可以调整多个画板之间的行间距以及行列数。

    设置完点击Make Grid 就会自动帮你建立好,两行5列,以及行间距。

    三,导出所有的画板

    按comd+shift+E 会出来弹出框,可以一次性导出所有的设计稿,也可以选择部分设计稿来导出,非常方便迭代设计。

    这里还有一个小技巧是,在给画布命名时,如果添加"/"导出时会自动建立好对应名称的文件夹,如图示。

    四,一键测量对象之间的距离

    按住Option键可及时查看距离,按住不松挪动对象看看!窃喜~这个功能真是大爱!再试试Option+comd 看看!

    五,快速复制颜色

    选中你的对象(任意!可以是按钮,文本)按control+C 出现大大的放大镜,很方便的选择颜色,你选中的对象实时换色,真心方便啊!!能不爱上它吗?!

    六,放大缩小功能

    选中你要看的对象,按comd+2,就会放大此对象到屏幕合适的大小,这个取决于你的软件窗口大小。 comd+1缩小至能看见所有的画板。comd+零 缩小至100% 。 按住Z出现放大镜,可拉选放大面积,Z+Option对应缩小。comd+ 加号是100% 200% 400%的比例放大,comd+减号则相反。

    七,建立组

    跟AI一致,选中对象后 comd+G是成组。

    八,锁定图层

    comd+shift+L 锁定图层,点一下小锁就解除。

    补充:comd+B   给字体加粗

     comd+shift+H  隐藏或显示图层/组

    F是使用填充色的开关切换  

    喜欢UI的朋友可以在微信订阅号搜索“酷九合金社”关注我们。

    或者关注我的个人中心

    相关文章

      网友评论

      • DWhT4s:@傅译熳 ,谢谢,大概明白了,静态图片串联制作成GIF
      • 傅译熳:@简叔 我们设计团队也全面使用它来做APP界面设计了
      • MJGA:正在让简书的设计师们集体学习 Sketch
      • 傅译熳:@孤岛西峰手麻 随便用录屏软件就好了,输出个gif
      • DWhT4s:请问gif是怎么制作的,有点跑题 :smile:
      • shajun:新版本出了,前些天刚安装好,但还没有怎么研究。通过介绍感觉高效很多,学习啦!
      • loster:windows版的安装不上。正在纠结呢。

      本文标题:Sketch八个高效的快捷方式

      本文链接:https://www.haomeiwen.com/subject/ottdtttx.html