编辑:小雨点    发布日期:2020-10-28 00:00:00

承接上一篇《那些你可能没发现的Sketch冷知识【第一期】》,本来这期是打算介绍sketch组件和库的相关冷知识的,但是发现还有很多小技巧没有说完,这期就继续上一期写了。

(注:每个人都有自己的使用习惯,套路,所以很难知道我写的对你来说是冷还是热。我只是把我自己从第一次使用sketch到现在的过程中,觉得是比较冷门但又很实用的小技巧分享出来。所以,学到了就点个赞,老司机们就请见谅吧~)

 

1、文件整理小技巧

sketch在使用过程中,图层往往会比较多且一旦不注意整理的话,就会变得很混乱。如何快速整理好,快速输出成为设计师们的一大需求,我在使用过程中觉得有几个小技巧还挺实用:

1)当画板、文件夹很多又都是打开的情况下,要一个一个收起,非常麻烦。这时可以选择View——Layer List——Collapse All Groups快速收起所有画板,便于选择。

 

2)设计过程中,可能经常会复制很多飞机稿与设计稿混在一起,由于sketch画板之间缺乏标记,又不能对画板进行文件编组操作,所以往往很多时候要批量操作需要的画板时就会比较痛苦。此时其实用一个非画板的对象(可以是图形或者图片等)作为间隔,用来区分,就会很方便选择了。

 

3)在对资源进行导出时,如果是用插件Sketch measure,导出时的画板顺序是按照从上到下的顺序排列的,所以最好是把需要导出的画板放在前面,页面也是(如果导出的内容是确定的情况下,就可以不用这样操作,但是像我一样有强迫症的人,在导出时还想确认下导出的内容对不对,这个就比较好用了)

 

2、文件复制小技巧

在只选择待复制的目标画板时,复制的对象会在画板的最上层,这样会打乱文件结构,比如说你本来是打算把它复制到某个组里,结果却还有手动去找,拖动到组内,很麻烦。其实有个小技巧是,用command+鼠标左键选中要复制的位置附近的组或者层,对象复制过来的时候会自动粘贴在被选对象的附近。(注:不得不说sketch中的复制功能真的太好用,不但能复制到相同位置上,在按command+2局部放大的情况下还能直接将复制对象居中,可以很好的利用这个特性去做排版,对齐等工作)

按command+鼠标左键,复制到指定位置

 

按command+2,复制到居中位置

 

3、文件导出小技巧

sketch的导出功能非常强大,但是有些人觉得在进行导出流程时还要选择导出路径,依然略显繁琐。有时候我就想快速导出到桌面看看效果,有没有更简单的办法呢?直接设置切片后拖拽出去就Ok了。

 

4、快速找到锁定图层

被锁定的对象在一堆图层中经常难以快速找到,难道只能在左侧的图层面板中一个个的找吗?这时,其实是有个小方法的,在被锁定的有层叠关系的图层上,通过选择图层菜单来快速定位,然后按command+shift+L解锁,就可以随意操作了。

 

5、快速吸取颜色

在用sketch的过程中,吸颜色是经常要干的事。初次使用的时候流程经常是点颜色面板,然后选择吸管再来选取想要的颜色,其实有个更快捷的方式,直接按下conrtol+c (这个功能在Layer->style->Pick color里能看到)就能快速选取屏幕上的颜色了。

 

6、快速切换层级小技巧

在很多图层未整理,处于比较混乱的情况下,按command+鼠标左键只能快速的选到某个具体图层,但是接着你又在想,如果我还能一键快速选到图层所在的组,那该多好(你得有多懒,没事,sketch能满足你!)

方法是:在选择具体图层后,按键盘上的esc键,能快速选择图层所在的上一级,可能是组,也可以是更上一级的组,甚至能快速选到画板,是不是很方便?选择后如果要移动就按option+command,还能避免误操作。

 

7、利用描边属性绘制特殊形状

sketch的描边属性很强大,其实很类似Ai的功能,但是很多人可能没发现它的使用技巧,这里做几个示例,或许可以对大家有一些启发

1)利用路径修剪工具,画一个圆弧进度条,注意描边要选居中

 

2)利用描边特性来做虚线进度条,比如下面这样的效果

效果1

 

效果1,方法演示

 

效果2

 

效果2,方法演示(注意,这个要用线条来做,描边模式里要选择Ends里最左边的选项)

以上两个效果需要注意的是,其中:Dash是线段的宽度,Gap是间隔的宽度,Thickness是线段的长度。

 

8、查看对象间距小技巧

按option查看对象间距,这个大家都知道。但平时在工作中,可能经常会发现,有些间距只按option无法显示出来,有2个例子:

1)在复杂图层组情况下,查看一个组外对象与组内对象的间距时,按option貌似就不管用了。此时,如果同时按住option+command,就会发现,任何对象之间的间距都能显示出来了。

 

2)如果针对文本图层的话,则按住Option时测量的距离只是测出了文本的边界。但是,很多时候在有较大文字的时候,文本的范围很大,文本的空白区域也很大,会不准确。此时,如果按住Control键+Option键,则可以根据底部的文本基线或顶部的高度进行测量,就可以获得更准确的测量结果。

 

9、sketch参数法导出任意比例图形

先说明下遇到的一个案例:画了一个60x60px的图标,现在需要导出100x100px尺寸,无法通过具体比例直接导出(100/60=1.666666….)。 解决办法:在导出参数中填入100w或者100h(也就是width和hight的首字母),即可导出该尺寸资源。

 

10、symbol可设置项目太多,想只显示某几个需要用到的属性项目,怎么解决?

symbol可以自定义的属性太多,而很多时候只需要变动其中的几个,其他属性在团队合作中并不想要其他人改动或者自己也不想看到那么多,怎么办? 解决办法:在symbol中,锁定那些不需要改动的图层。锁定后,不需要改动的属性就不会出现在overrides里了。

 

11、如何进行快捷的图层选择操作?

有时候需要快速选择相邻的图层,可以使用Tab /Tab+Shift进行下上切换。

 

12、快速切换填充和描边状态

有时候,你可能想着要能快速选择描边查看效果,难道只有在右侧属性栏打勾选择吗(虽然这样也挺快),但是有更便捷的办法,直接按F/B就可以快捷选择了,根本停不下来啊。

 

13、快速查看元素细节

sketch里用command+“+/-”来控制缩放,大家都很清楚了。但是有时候,我们并不想放大缩小整数倍,只想快速查看对象某个位置的细节,这时可以把鼠标放在想观察的细节处,按住command+鼠标中间滚动进行放大缩小,非常好用。

 

好了,本期sketch冷知识就先介绍到这里,下一期可能会也可能不会分享symbols和Libraries的相关冷知识,敬请期待~

另外再多说一句,文章中所提到的小技巧,一定要自己动手去试试啊,要不然看过了你也还是用不到,不信?那就试试看。

参考文章:https://www.sketchapp.com/docs

 

 
Sketch Mac版 SketchMac版是Mac上一个创新和新的眼光看待矢量绘图软件。SketchMac版以简约的设计是基于无限的规模和层次的绘图空间,免费调色板,面板,菜单,窗口和控件。虽然使用简单,它提供了功能强大的矢量绘图和文字工具;您可以免费下载。 简体 · 53.00 MBM ·

热点资讯

更多
英特尔正与台积电接洽,虑将部分芯片生产外包给台积电 外媒报道称,英特尔正在与全球最大的芯片制造商台积电(TSMC)接洽,准备将自己的芯片制造业务外包出去。
苹果iPhone 12国行上季度热卖:拿下20%份额 销量达1800万 根据外媒报道,上季度中国大陆地区iPhone 12销量达到1800万,苹果拿下20%智能手机市场份额。
高通斥资约90亿收购芯片公司NUVIA 前苹果芯片架构大神加盟 据外媒报道,高通公司1月13日以14亿美元收购芯片初创公司Nuvia。
大公司晨读:B站计划3月港股上市;苹果斥资1亿美元力促种族平等 B站确定已在港提交上市申请;英特尔CEO 斯旺将于2月15日辞职。

相关教程

更多
Sketch一键导入AE工具–AEUX 发现了一款非常好用的插件,它的前身是Sketch2AE,花了一点时间研究了它的使用方法,好东西当然要大家一起分享!目前没找到汉化版,不过功能也不是特别复杂,分享出来是希望能提高大家平时在设计中的效率,如果有说的不对的地方还请帮我指正一下,谢谢~~   先简单看一下基本功能   一、基本功能 (一)一键复制所有图层到AE 1.装好插件后,打开sketch,选择 插件>AEUX,打开插件面板,再启
超全面的sketch基础知识汇总,带你入门 刚接触sketch这款软件的时候,针对最基础的知识点做了非常全面的笔记,方便日后查看,今天拿出来分享给大家,希望能够给刚接触这款软件的设计师朋友些许的帮助! 这是我在刚接触sketch的时候做的超全面的笔记,今天分享大家。(公众号“UI充能站”出品,搜索i-lifeway进站)   目录 · Sketch中画布的概念 · sketch中的快捷键 · view基础操作 · 形状之间的布尔运算 · 设置页面元素放大缩小
【神器推荐】教你Sketch一键转成PSD! 现在大部分的UI设计师们都是在用sketch设计页面,它的轻量、插件、组件是能够极大提升我们的设计效率。但是,有一个致命问题就是,sketch和adobe爸爸家的软件不兼容,因此,不同软件的文件如何转换就是问题了……   神器网址 这里推荐一个神奇的网站:https://www.photopea.com/ 这个网站可以帮助我们把sketch转PSD。 之前用过的朋友会发现:当我们直接使用它转换时,中文字体会直接变成口口口(
sketch秘技:如何利用symbol一秒更换配色 首先看个见者伤心闻者落泪的例子:假设这个是你们公司的产品,从0到1,历经千辛万苦!你终于把所有页面都做完了!   你很高兴:终于做完了~算一算调休假年假,休息一波走起! 就在这时……,产品/老板跟你说:我们产品不用这个红色了,太俗气!换成蓝色! 你数了数自己的83张界面……,你痛苦的摸摸自己那不再浓密的头发……,你开始一张张的改啊改啊改啊改啊...... 而隔壁公司的小明说:老板,给我1秒种,你看是不是

相关软件

更多
  • Birdfont Mac版 英文. 29.00 MBM · BirdfontMac版是Macos平台上的一款可以制作自己专有字体的软件,这款软件可以制作出自己独有风格的字体,这是一款免费的软件,你可以在这款软件上发挥出自 ...
  • Plant Mac版 英文. 22.00 MBM · PlantMac版是Mac电脑上的一款适用于Sketch的简单而强大的版本控制插件。PlantMac版可以帮助用户更简单、更智能地管理Sketch文件,它支持保 ...
  • Crash Course Mac版 英文. 3.00 MBM · CrashCourseMac版是Mac电脑上的一款AdobePhotoshop视频教学软件。CrashCourseMac版内含超过440个AdobePhotos ...
  • Screenshot Designer Mac版 英文. 17.00 MBM · ScreenshotDesignerMac版是Mac电脑上的一款设计软件。ScreenshotDesignerMac版可以为应用开发者们创建引人入胜的AppSt ...