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

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技巧~

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 217,734评论 6 505
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,931评论 3 394
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 164,133评论 0 354
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,532评论 1 293
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,585评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,462评论 1 302
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,262评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,153评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,587评论 1 314
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,792评论 3 336
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,919评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,635评论 5 345
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,237评论 3 329
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,855评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,983评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,048评论 3 370
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,864评论 2 354

推荐阅读更多精彩内容