sketch的一些常用技巧

参考这篇文章

根据亲身经验,现总结一下sketch的常用技巧:

1.“插入”的常用快捷键

在使用sketch时经常需要插入一些元素,主要有Artboard A,文本 T,矩形 R,圆角矩形 U,圆形 O,直线 L


a9dc11f4e6145f5a3f5a048954d14ffa.png

2.最恰当的缩放模式

  • 100%实际大小:CMD + 0
  • 完整画布预览:CMD + 1
  • 放大至特定的对象:选中对象,按CMD + 2


    QQ20180202-093545.png

    QQ20180202-093622.png

3.横向滑动

据说可以用Shift + 鼠标滑动,但是我一般是用两个指头的触摸板滑动😅😅😅

4.隐藏/显示侧边栏

设备屏幕比较小时,可以通过隐藏图层列表栏(左边栏)或检查器栏(右边栏)来获取更多的显示空间,据说快捷键是CMD + Alt + 3,但我试着好像不行,单独左边栏隐藏/显示(CMD + Alt + 1)和右边栏隐藏/显示(CMD + Alt + 2)是可以的。

5.演示模式

是用快捷键CMD +/-,可以在普通模式和演示模式之间切换,在展示设计方案时非常有用

6.标尺

可以通过快捷键Ctrl + R来切换标尺的显示和隐藏,在标尺上单击可以添加参考线;在标尺上将参考线拖拽到左右或上边缘即可删除

7.查看界面元素的间距

只需选择某个元素然后按Alt即可查看该元素到界面边缘的四个距离值。
如果需要查看两个元素之间的距离,在选中第一个元素后按住Alt然后将光标指向第二个元素即可。
此时如果按住Alt并移动元素,便能在移动过程中时刻看到元素之间的距离变化;非常有用的功能。

8.缩放元素

无需拖拽,选中界面元素后,使用快捷键CMD +/-即可放大缩小元素

9.命名和分组

当设计项目越做越大时,对界面元素的命名和分组就变得格外重要了。可以通过快捷键CMD + R将这个元素重命名。
举例说,我想创建一个按钮。把元素都放置好之后,选中它们,使用快捷键CMD + G将它们分为一组,然后通过CMD + R进行重命名,输入“Button”。


QQ20180202-100442.png

10.创建界面流程图

屏幕快照 2018-02-02 上午10.10.53 (2).png

可以使用Sketch创建界面流程图。一个具体的问题是,如果在artboard之间绘制箭头以代表流程方向,Sketch会隐藏掉artboard边界以外的部分:


1e76e6d146593cacc3938a9d8d156d88.png

你可以把所有的箭头图层移到列表顶部,并放到一个没有背景色的大artboard当中。这样箭头就可以独立于每个界面的artboard正常显示了。

此外,你还可以在所有图层底部另建一个大的artboard,设置一个恰当的背景色。这样一方面可以使流程图更具层次,一方面还可以通过导出这个背景artboard来将全部界面放置在一个大的图片文件中,而不是常规的那样分页导出。


9fef56fa86216b8859d74bc96a03bb5d.png
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 因为国内少有这方面资料,我花了$50美元买了Design+Code这本书,大部分人也不习惯看英文,所以在学习的过程...
    Toryznoco阅读 2,682评论 9 34
  • 谁告诉我,这天还要热多久? 每天上班都是一种煎熬,办公室空调还不给力 恰沪上面馆,纷纷挂出冷面和浇头菜牌 一言不合...
    企鹅吃喝指南阅读 1,587评论 4 17
  • 文/馨香幽兰 前几天,老公出差,顺便去看望母亲,回来又大包小包地带回一大堆母亲准备的东西。整理时发现,母亲又给儿子...
    sayulynn阅读 237评论 0 0
  • 大学的时候去某同学家的乡下,遇到他家的一位初中肄业的亲戚。聊天时候听他说,现在我们社会彻底地滑向了资本主义,然后痛...
    格列柯南阅读 2,690评论 5 41
  • 2017年8月6日 T5688 车外下着毛毛小雨 车内空调特别足 有点冷 我与你 山水又一程
    丶君颜阅读 245评论 0 0