• 在线客服

  • 扫描二维码
    下载博学谷APP

  • 扫描二维码
    关注博学谷微信公众号

  • 意见反馈

原创 Sketch怎么用?Sketch使用小技巧

发布时间:2019-08-02 18:18:45 浏览 9720 来源:博学谷资讯 作者:照照

    Sketch作为一款矢量绘图软件,容易理解,上手简单,是所有设计师基本上都会喜欢的应用,尤其对新手来说。那么Sketch怎么用呢?本文将要教大家Sketch使用的十个小技巧,帮助大家快速上手Sketch软件。

     

    Sketch怎么用

     

    1、设置自定义属性画板

     

    Sketch里默认自带并归类了多种类型且丰富的画板,但是其实它还给你提供了设置自定义画板的功能以满足你在不同项目中能快速精确的建立好自己的画板。

     

    单击顶部工具栏里的画板工具或者按快捷键A,右边属性栏的最下面即会出现一个Create Custom Size的按钮,点击它即可设置你所需要的画板尺寸。点击Save后,以后大家只需在画板建立的Custom分类中选择你要的画板即可,非常的快捷方便。

     

    2、测量元素间距

     

    选中一个或多个元素,按住 Option 键,同时将鼠标指向要测量间距的目标元素。在移动元素时,也可同时按住 Option 键,即可在移动过程中即时查看元素距离特定元素或画板边缘的距离。

     

    3、Border描边属性的设置

     

    点击Border属性栏上的设置图标,即可进入设置border的描边设置属性栏,具体功能操作几乎和PS/AI里的完全一样,这里就不过多介绍了,大家自己一试便知。

     

    4、Outlines拓展功能的使用

     

    这个功能类似于AI里的拓展功能,可以把较粗的路径转化为面的属性进行相应的编辑。在顶部菜单栏上选择Layer>Convert to Outlines即可将线转化为面。

     

    5、将元素置于图层序列的首位或末位

     

    按住 Option 键,Sketch顶部工具栏里的“向前(Forward)”、“向后(Backward)”按钮会自动变为“最前(To Front)”、“最后(To Back)”,即可使选中的元素排列到图层序列的首位或末尾。

     

    6、元素自定义旋转中心

     

    先搭建好旋转中心的参考线,选中一个元素,然后选择旋转工具,调整旋转锚点,并将鼠标移至元素旁边出现旋转图标时候进行旋转,即可达到你想要旋转的效果。

     

    7、选择顶部工具栏的Colors,即可调出色板属性面板,且有多种色彩模式供你选择。

     

    通过选择左下方的吸管工具或者按快捷键 Ctrl+C键即可快速吸取颜色(是可以全屏吸色噢)。并还可以将你选择好的颜色依次存在色板上,以供你反复调用。

     

    8、生成字体路径环绕效果

     

    预先新建好一段文体以及一段路径,然后选中文本,在菜单栏Text里选择Text on Path.把文本移至路径旁边便会生成路径环绕的效果。

     

    9、查看界面元素的间距

     

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

     

    10、标尺

     

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

     

    相信大家看完以上的Sketch使用小技巧,应该就明白了Sketch怎么用。大家现在就马上动手试试吧!

    申请免费试学名额    

在职想转行提升,担心学不会?根据个人情况规划学习路线,闯关式自适应学习模式保证学习效果
讲师一对一辅导,在线答疑解惑,指导就业!

上一篇: UIUE设计培训班费用高不高?大概需要多少钱? 下一篇: 现在女生学什么好就业?为什么UI设计适合女生学?

相关推荐 更多

热门文章

  • 前端是什么
  • 前端开发的工作职责
  • 前端开发需要会什么?先掌握这三大核心关键技术
  • 前端开发的工作方向有哪些?
  • 简历加分-4步写出HR想要的简历
  • 程序员如何突击面试?两大招带你拿下面试官
  • 程序员面试技巧
  • 架构师的厉害之处竟然是这……
  • 架构师书籍推荐
  • 懂了这些,才能成为架构师
  • 查看更多

扫描二维码,了解更多信息

博学谷二维码