美文网首页
sketch的一些常用技巧

sketch的一些常用技巧

作者: 内心强大的Jim | 来源:发表于2018-02-02 10:16 被阅读2579次

    参考这篇文章

    根据亲身经验,现总结一下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

    相关文章

      网友评论

          本文标题:sketch的一些常用技巧

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