你好,欢迎进入江苏优软数字科技有限公司官网!

诚信、勤奋、创新、卓越

友好定价、专业客服支持、正版软件一站式服务提供

13262879759

工作日:9:00-22:00

Sketch设计技巧分享:提升效率必备,含自动等距复制元素方法

发布时间:2025-12-19

浏览次数:0

一篇关于的文章,实用技巧一类,我先学习了。

将这款优秀的设计工具带给我们,在速度方面的表现,其竞争对手难以匹敌,在灵活性等方面的表现,其竞争对手也是难以匹敌的。

身为自由交互设计师的俺,很早之前就开始运用喽,于俺的设计工作流程里,它已成为绝对不可缺少的关键部分。俺满心乐意跟诸位分享自身的某些经验,像本文所谈及的那个6个技巧,能够帮你确确实实地提高使用效率哟。

留意:于本文里的某些方法关联到插件的运用。提议你最先去安装,极为出色的插件管理工具;此外请务必保证你的版本是最新的(当前是3.2.2) 。

1.自动等距复制元素

按着alt,并且拖拽元素sketch icon边框范围,能够达成复制,这是我们较为熟悉的方法。然而,针对大量重复性的复制任务,这种手动的方式依旧太过耗费时间。

有那么一种时常遭遇的较为典型的重复性需求,它是把某个元素多次予以复制,接着进行等距排列 ,专门针对这种常见性任务,给出了极为便利的达成办法 。首先呢,我们要借由"alt + 拖拽"去复制一回 ,依据动态呈现的间距数值把新元素安置在恰当位置 ,随后运用快捷方式"cmd + d"来反复复制 ,每一次复制生成的新元素和紧邻前面那位元素的间距 ,都是我们头一回手动拖拽复制之际所确定的值 。你只要按住cmd键 ,然后不间断地按d键 ,直至复制出你所需的数量 。

留意:要是你发觉“cmd+d”并未达成自动等距复制,那么去到偏好设置里,寻得“”之下的“ & ”并将其勾选取消便可。

2.图层排序

想象一下,你正在着手设计跟那就如之类的应用,界面里头要有一个文件列表,其中的文件在默认状态下是依据上传日期来进行排序的,然而用户能够切换成按照文件名字母顺序来排序。你相当认真地于设计稿里为每一个示例文件设定了各异的名字,所有这一切看起来都还挺好。可是当要去演示基于字母排序的那个文件列表之际,你发觉自身不得不通过手动去拖拽图层以此来重新进行排序。

告别手动的烦恼吧,我们通过 Mate插件来实现加速。

打开 工具搜索“ Mate”点击

Mate里集成有诸多实用功能,我们当下需用到的排序仅是其中一项。在接下来的演示里,每个文件列表项对应着一个称作“File”的组。

选取全部所需排序的诸組,于菜单栏里点按> Mate> Sort> Sort,于弹出的对话框之内挑选“Text(A > Z)”。鉴于我们的示例之中每个组含有多个文本对象,故而接下来还得选定以哪些文本作为标准来安排序次。点击OK后,你的列表会即刻达成重新排序。

你也可以尝试其他几种排序方式。

3.图层与的批量重命名

处于良好且有序状态的图层以及结构,是优秀设计稿所具备的标志当中的其中一个,自身能感到开心,在协作的时候大家同样也会感到开心。然而必须得承认,在众多时候,按照更为合理的标准针对图层去开展重命名,那是非常枯燥并且耗费时间的一项工作。幸好存在一款被叫做的插件能够把我们从困境当中解救出来 。

打开 工具搜索“”点击

在当中挑选出你所打算重命名的图层,或者(要至少挑选出两个),按下“ctrl + cmd + r”,将唤出的对话框,输入“前缀 + 参数” 。这里面的前缀是我们所需要的具备特定意义的词语,比如“icon” ,参数分成三类 :

4.动态按钮

复制一个已然存在的按钮,将其设置成不同的按钮标题,这属于一种重复性颇为强烈、同时还不可或缺精确操作的工作,之所以这么讲,是由于我们所要达成的可不只是复制这么简单,除此之外,还得依据不同的标题长度去对按钮的宽度加以调整。知名的插件就是为了处理这个问题才研制出来的。直至如今,这同样是我个人最为钟爱的插件。

打开 工具搜索“ ”点击

首先,我们要借助DB插件去创建初始按钮,新建一个输入了我们所需按钮标题的文本对象,选中该文本对象,按下“cmd+j”,这时你会发觉文本以及一个自动生成的背景形状一同被打包进了名为“Flex ”的组里,并且文本图层被自动重命名为“0:0:0:0”,这4个数字表征着文本对象距离矩形背景的上、右、下、左边缘的距离。

比如,依据实际需求,我们得把上面、下面的两个值设作12,把左面、右面的两个数值设定为20,如此一来,你能够把文本图层重新命名成“12:20:12:20”,接着选中那个文本对象,按下“cmd+j”,此时按钮背景的尺寸会依照我们所设置的规格自行调整。

接着,不管是去修改此按钮里的标题文案,或者是去复制一个全新的按钮并修订标题,哪怕是再次选中其中的文本对象且点击“cmd+j”,按钮背景的尺寸都会依据新文案的尺寸自动作出调整了。

5.的嵌套

当下,还没有被按一定规范认可的那种嵌套,不过我们能够凭借一些窍门去达成,只是咱们建议你于用到它的时候谨慎一点。

要将 A嵌入 B:

当选中A之后,于右侧检查器那里把它设置成“No ”,进而让其恢复成跟普通的组或者对象一样的状态,在左侧图层列表里,把A移动到B之中,并且要维持A的被选中状态,然后在右侧检查器内重新把它设为原本的“ A” 。

从我的个人角度而言,当着手对带有弹出层的界面进行编辑之际,此方法具备相当突出的实用性。我能够按照特定的方式,把初始呈现的整个界面构建成为一个父级单元,在这个父级单元内部,又存在着与各类不同控件相对应关联的诸多子级部分,随后,整体进行复制操作,进而精心设计浮层或者弹框所应具备的整体样式。要是在初始界面里,其中某些特定的元素出现了需要改变发生变化的情况,那么,包含有浮层的单元便会依据既定的规则机制,自动实现更新调整,完全不需要人工手动去移开浮层之后再去开展重复繁琐的劳动操作。

6.使根据内容自动调整尺寸

于其中的体系而言,能够助力我们立足全局视角来通盘审视设计方案,就从这一点来讲是它与其他竞品存在差异的一项关键特性。回想起往昔运用PS时的那种情形,内心感受仿若置身于噩梦之中。

想象一下,你有着这样的状况sketch icon边框范围,那就是需要时不时地,在某个特定的地方增加或者去除部分内容,要是能够自行调整尺寸,这可该是多美妙的事情呀?我们之前所介绍过的那个Mate,它又可以发挥作用了,要保证你已经完成了安装哟。

假设当下之中的实际情形已然超出了自身规格,你没法瞧见列表之中的更多项目。依靠“ctrl+shift+a”,便能精准地依据现存情况的实际高度去再度调适自身规格了,就是这般简易。

如有侵权请联系删除!

13262879759

微信二维码