美文网首页@产品Sketch UI设计UI设计
新手容易忽略的10个Sketch冷门技巧

新手容易忽略的10个Sketch冷门技巧

作者: 焱小玖 | 来源:发表于2019-05-14 11:13 被阅读6次

Sketch的操作相比PS来说要简单容易上手的多,但在使用过程中,我们多多少少还是会遇到一些问题。那么今天就来聊一下Sketch中的一些使用技巧吧。以下的问题有我自己遇到后找到的解决方案,有些是小伙伴遇到后问我的,分享出来希望可以帮助到有同样困扰的小伙伴。

1.批量删除辅助线

关于辅助线,因为我个人不太习惯用辅助线,一般都是直接按住option查看数值,方便有准确。但有时交接工作的时候,会收到带有很多辅助线的文档,比如这样↓↓↓

收到的文档OTZ

单个辅助线的删除,我们只需要拖动它到标尺外就可以,相信大多数小伙伴也是这么做的。

单独删除辅助线

但对于像上图中这种数量众多的辅助线,拖动删除就太麻烦了,所以需要批量删除,操作也非常简单,只需要两步就可以将其全部删除。

移动鼠标至标尺位置,点击右键(注意避开标尺左上角“小锁”图标的区域),然后可以看到"Remove All vertical / Horizontal guides"的选项,点击就可以删除全部辅助线啦。

批量删除辅助线

2.隔组选择 

当图层复杂时,为了管理图层和快速移动,我们往往会给图层打组,经常出现组套组的情况,这时候如果想要再选择某个图层,就需要我们不断双击进入层层嵌套的分组,非常影响作图速度。

有两个快捷方式可以帮我们解决这个问题:

1).按住command键点选,不管中间套了多少层组,都可以穿过而直接选中该图层,对其进行操作。这是针对图层选择的操作。

2).勾选select group's content on click,择可以直接选中该组下的图层或组,不需要双击进入。和第一种方法相比,多了组的选择,也十分方便。

隔组选择 组或图层


3.拖动画板生成图片

为画板生成导出后,直接拖动导出区显示的画板缩略图至工作区,可以得到该画板的切图。在图片上填充50%的黑色,就是一个蒙层了,这个操作在设计弹窗的时候非常方便,不用保留过多图层的信息。

拖动画板生成图片


4.色彩空间

如果你发现Sketch中的显色和导出图片有色差,在软件里色彩的显示,会比导出的图片或比用手机预览更加鲜艳。这是因为Sketch默认的色彩空间Unmanaged,是系统默认的色彩空间。下图是Unmanaged下,Sketch文件与图片的对比,可以看到文件的颜色,比生产图片的颜色更加艳丽。

减少这种色差,需要我们把色彩空间由默认Unmanaged更改为sRGB。可以从两个路径更改:

1.全局的更改,路径是Sketch→ Preference → Genera → Color Profile → sRGB。这是对Sketch全局文件的修改。

2.单个文档的更改,路径是File→ Change Color Profile,可以只对当前文件进行更改。

再看一下sRGB下的文件与图片,更改过后文件和图片色差问题基本可以解决。


5.剪切线条 

修剪描边线条的时候,如果需要圆形端点,要在修剪前设置好描边,只有居中且Ends和Joins为第二项时,才能得到圆形端点。而且在修剪过后,是不能再调整描边的“局内、居中或局外”的方式的,所以在动剪子前,要设置好。


6.SVG格式的描边

SVG是可伸缩的矢量图形,可以任意缩放不影响图像质量,而且与JPEG、PNG相比,SVG文件的小很多,下载也就更快,应用也越来越广泛。

但在导出SVG切图的时候需要注意一个问题,就是描边的扩展。SVG格式,普通的描边也可以识别,但如果描边中出现透明白的颜色,就会有影响,导致切图不完整,如下图:

所以如果有透明度的描边,一定要先把描边扩展成路径再切图呀。扩展命令是Outlines,可以从View→Customize toolbar,找到Outlines把它拖到常用工具栏里就行了。

7.变形

Sketch中的变形工具虽然不像PS里的那么强大,但也能满足基本的变形需求。路径和图片可以直接变形,文字的话,扩展转为路径后也可以变形。需要注意的是,过于复杂的文字扩展成路径会让运行速度变慢,所以可以直接转换成图片调整。

8.彩色插图快速转黑白

有时候我们会遇到需要把一组彩色的插图改为黑白置灰的状态,简单的图形还可以一个个图层去调整颜色,但如果是一个复杂图形,再一个个去调色,就影响效率了。

这种情况我们可以把图形转换为位图,调整Color Adjust中的Saturation,就可以快速得到它的黑白效果,取消色彩调整的话又可以回到彩色,非常方便。

这样调整的图虽然没有手动去调可控,效果可能比不上自己手动调整的好,但胜在速度,工作中可以根据自己的需要去选择。我一般是用这种图快速占位,等有时间后再去手动调整一版,这样不会影响项目进度。

9.调整大小和等比例缩放

调整长宽值、或者是直接拖动图形,图形的圆角大小和描边像素是不会变化的,如果需要同比例缩放,择要采用Scale来操作。

↓直接拖动或调整左侧长宽数值,图形的描边和圆角会保持原有的值不会变化,这两种方法不适合插图的缩放,比较适合一些控件的调整。

↓使用Scale调整,得到等比例缩放,适合插图的调整,不会出现变形等问题。


10.快速重复

command+D重复上一步命令,这个快捷方式与PS相同,可以快速复制,并且包括角度和方向,所以斜线也可以。


附录【Sketch冷门快捷键】

最后推荐我常用的一些相对冷门的快捷键,图片可以直接保存下来哦。

不知道你有没有遇到过上面的问题呢,欢迎留言交流分享更多Sketch技巧~

相关文章

  • 新手容易忽略的10个Sketch冷门技巧

    Sketch的操作相比PS来说要简单容易上手的多,但在使用过程中,我们多多少少还是会遇到一些问题。那么今天就来聊一...

  • [Sketch] 特殊技巧

    你可能忽略掉的Sketch实用技巧

  • 帮你提高效率的SKETCH高频使用技巧

    Sketch毕竟没有什么学习曲线,颇易上手,相应的也时常导致新手在一开始就忽略掉一些重要的、高频的使用小技巧,而将...

  • Sketch实用技巧

    Sketch毕竟没有什么学习曲线,颇易上手,相应的也时常导致新手在一开始就忽略掉一些重要的、高频的使用小技巧,而将...

  • Sketch技巧-掌握5个才能叫高手?

    Sketch毕竟没有什么学习曲线,颇易上手,相应的也时常导致新手在一开始就忽略掉一些重要的、高频的使用小技巧,而将...

  • 如何学会SketchUp?SketchUp教程 SketchUp

    Sketch毕竟没有什么学习曲线,颇易上手,相应的也时常导致新手在一开始就忽略掉一些重要的、高频的使用小技巧,而将...

  • UI设计中Sketch提高效率的常用技巧

    Sketch毕竟没有什么学习曲线,颇易上手,相应的也时常导致新手在一开始就忽略掉一些重要的、高频的使用小技巧,而将...

  • 新手使用Sketch小技巧

    作为Sketch学习的新手,总结了以下的使用小技巧,希望大家有用。 地址http://www.sketchcn.c...

  • 或许是冷门的 Sketch 技巧

    工作中最主力的设计软件是 Sketch,但不少实用的、提高效率的小功能,等别人无意说起才知道,也常听见别人说不知道...

  • 冷门但好用的SKETCH高频技巧

    1、快速复制文字或图层样式 如下图,要将A按钮效果应用到B按钮上,只需选中A按钮背景按下 Command+Alt+...

网友评论

    本文标题:新手容易忽略的10个Sketch冷门技巧

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