提升使用效率的个实用技巧
一篇关于Sketch的文章,实用技巧一类,我先学习了。
Sketch3BohemianCoding带给我们的这款优秀的设计工具,在速度及灵活性等方面的表现都是其竞争对手难以匹敌的。
我(英文原文作者)自己是一名自由交互设计师,很早就开始使用Sketch了,它已然成为我设计工作流程当中不可或缺的组成部分。我很愿意与各位分享自己的一些经验,例如本文当中介绍的6个技巧,就可以帮你有效提升Sketch的使用效率。
注意:本文当中的一些方法涉及到插件的使用。建议你首先安装SketchToolbox,非常棒的插件管理工具;另外请确保你的Sketch版本为最新(目前为3。2。2)。
1。自动等距复制元素
按住alt并拖拽元素可以实现复制,这是我们比较熟悉的方式。但是对于大量重复性的复制任务,这种手动方式仍然过于耗时。
我们时常遇到的一种比较典型的重复性需求,就是将某个元素复制多次并等距排列。对于这种典型任务,Sketch提供了非常便捷的实现方式。首先,我们仍需要通过alt拖拽来复制一次,并参考动态显示的间距值将新元素放置到合适的位置,然后使用快捷方式cmdd来重复复制,每次复制出的新元素与前一个元素之间的距离都是我们第一次手动拖拽复制时所设定的值。你只管按住cmd键然后持续按d键,直到复制出你所需要的数量。
注意:如果你发现cmdd并没能实现自动等距复制,那么请到Sketch的偏好设置当中,找到Layers下的offsetpastedamp;amp;duplicatedobjects并取消勾选即可。
2。图层排序
设想一下你正在设计类似Dropbox那样的应用,界面中需要一个文件列表,其中的文件默认按照上传日期排序,但是用户可以切换为按文件名字母排序。你很认真的在设计稿中为每个示例文件起了不同的名字,一切都不错;但是要演示按字母排序的文件列表时,你发现自己必须手动拖拽图层来重新排序。
告别手动的烦恼吧,我们通过SketchMate插件来实现加速。
打开SketchToolbox工具
搜索SketchMate
点击Install
SketchMate当中集成了很多实用功能,我们现在需要使用到的排序只是其中之一。下面的演示当中,每个文件列表项对应着一个名为File的组。
选中所有需要排序的组,在菜单栏中点击Pluginamp;gt;SketchMateamp;gt;Sortamp;gt;SortLayers,在弹出的对话框中选择Text(Aamp;gt;Z)。因为我们的示例当中每个组里包含多个文本对象,所以接下来还需要选择以哪些文本为标准进行排序。点击OK后,你的列表会瞬间完成重新排序。
你也可以尝试其他几种排序方式。
3。图层与artboard的批量重命名
良好有序的图层与artboard结构是优秀设计稿的标志之一,自己开心,协作起来大家也开心。但是必须承认,在很多时候,以更加合理的标准对图层和artboard进行重命名是很枯燥且耗时的工作。还好有一款名为Renameit的插件可以拯救我们于水火。
打开SketchToolbox工具
搜索Renameit
点击Install
在Sketch里选中你想要重命名的图层或artboard(至少选中两个),按ctrlcmdr,唤出Renameit的对话框,输入前缀参数。其中前缀是我们所需的有特定含义的单词,例如icon。参数分为三类:
N:数字。例如,在对话框中输入iconN,点击OK,所选图层或artboard会被重命名为icon1、icon2、icon3等等。
W:宽度。例如,在对话框中输入iconW,点击OK,所选图层或artboard会被重命名为icon24、icon36、icon48等等,其中的宽度值是自动获取的该对象的实际宽度。
H:高度。与W同理。
4。动态按钮
复制一个现有的按钮并设置不同的按钮标题,这是一种重复性强同时需要精确操作的工作,因为我们要做的不仅是复制,而且需要根据不同的标题长度来调整按钮的宽度。著名的DynamicButton插件就是为了解决这个问题而生的。到目前为止,这也是我个人最喜欢的插件。
打开SketchToolbox工具
搜索DynamicButton
点击Install
首先,我们需要通过DB插件来创建初始按钮。新建一个文本对象,输入我们所需的按钮标题。选中该文本对象,按cmdj,你会发现文本和一个自动生成的背景形状一起被打包到了名为FlexButton的组里,而且文本图层被自动重命名为0:0:0:0。这4个数字代表着文本对象距离矩形背景的上、右、下、左边缘的距离。
例如,根据实际需求,我们要将上、下两个值设置为12,将左、右两个值设置为20,那么你可以将文本图层重新命名为12:20:12:20,然后选中文本对象,按cmdj,这时按钮背景的尺寸会自动根据我们所设置的规格进行调整。
接下来,无论是修改这个按钮当中的标题文案,还是复制一个新的按钮并修改标题,只要再次选中其中的文本对象并点击cmdj,按钮背景的尺寸都会自动根据新文案的尺寸进行调整了。
5。Symbols的嵌套
目前,Sketch尚未正式支持symbols的嵌套,但我们可以通过一些技巧来实现,只是建议你在使用时小心一些。
要将SymbolA嵌入SymbolB:
选中SymbolA,在右侧检查器中将其设置为NoSymbol,使其恢复为普通的组或对象
在左侧图层列表中,将A移入SymbolB
保持A的选中状态,在右侧检查器中重新将其设置为原来的SymbolA
对我个人来说,这种方法在编辑带有弹出层的界面时非常有用。我可以将初始界面整体创建为一个父级symbol,其中包含有对应着各种控件的子级symbol,然后将整个artboard复制,并设计浮层或弹框的样式。如果初始界面当中某些元素需要发生变化,那么含有浮层的artboard便会自动更新,无需手动移开浮层再做重复劳动。
6。使artboard根据内容自动调整尺寸
Sketch中的artboard体系可以帮我们站在全局角度总览设计方案,这是它有别于其他竞品的一个重要特性。想起以前用PS的状况,感觉像是噩梦。
设想你需要时常在artboard中添加或移除内容如果artboard能自动调整尺寸,这该有多好?我们前面介绍过的SketchMate又能帮上忙了,确保你已经安装好。
例如当前artboard当中的实际内容已经超过了artboard自身尺寸,你无法看到列表当中的更多条目。按ctrlshifta,artboard便可以精确的根据现有内容的实际高度来重新调整自身尺寸了,就这么简单。
史上最全之圣诞老人的故事传说你知道几个圣诞老人的传说在数千年前的斯堪的纳维亚半岛即出现。北欧神话中司智慧,艺术,诗词,战争的奥丁神,寒冬时节,骑上他那八脚马坐骑驰骋于天涯海角,惩恶扬善,分发礼物。与此同时,其子雷神……
迅雷发布2022年Q1财报同比暴增48。4最新会员数量出炉5月17日,迅雷发布了截至2022年3月31日的第一季度未经审计财报。总营收为7900万美元(约合人民币5。33亿元),环比上升11。1,同比增长48。4。连续第六个季度……
怎么在电脑上剪辑视频用什么工具最好现在是短视频的娱乐时代,各大平台上的短视频都非常受大家的欢迎~如果我们自己也能学会在电脑上剪辑视频,并且向广大群众输出自己创作的优质视频内容,那么我们的短视频文化也会更加的优秀……
看未来婆婆写给你的一封信亲爱的媳妇:你好!在你即将与我的儿子组成新家庭的前夕,为了今后若干年家庭的安定团结,希望我们能够就相关一些问题交换一下意见。一、经济问题。所谓经济基础决……
高考分状元给高中生的个忠告让你少学习和方法给你最好的学习体验关于学习1。中考成绩比你高的同学,最后高考不一定如你,所以,持续的努力一定会有结果的。2。打好基础。老师讲过得知识都弄明白,……
戴尔发布UltraSharp324K会议显示器配备4K网络摄戴尔已经开放了其UltraSharp324K会议显示器的预购,这是一款包括内置4K网络摄像头和一揽子高级显示功能的显示器产品。戴尔UltraSharp324K会议显示器的主要功……
Safari浏览器的用户数突破10亿但与Chrome相比仍差一份新的报告说,现在有19的互联网用户使用Safari,使其用户数首次超过10亿。根据AtlasVPN团队的调查结果,1,006,232,879名互联网用户(占所有互联网用户的……
奥迪在特斯拉之前就已经在自动驾驶领域完成了一项重大成就特斯拉以引领自动驾驶而闻名,但它并不是唯一一个开发该技术的汽车品牌也不是第一个这样做的。一些公司正在测试自动驾驶车辆,它们的重点是货运和自动驾驶出租车。像Cruise、Waym……
苹果准备将数字汽车钥匙功能带到现代和比亚迪汽车中苹果正在准备开始在钱包应用中支持两个新的汽车品牌的数字汽车钥匙。该功能允许用户使用存储在iPhone或AppleWatch钱包中的通行证来锁定、解锁和启动他们的车辆,iOS15……
一件后悔的事人的生活中有快乐的事、伤心的事,也有后悔的事,今天我要讲的就是一件让我后悔的事,如果世上有后悔药,那我一定买。随着慢慢长大,我自己的脾气也越来越大,总爱发脾气。上一次我回……
主打办公罗技推出MXMaster3S鼠标和两款MXMecha近日罗技推出了MXMechanical、MXMechanicalMini两款键盘和MXMaster3S鼠标,售价分别为169。99美元、149。99美元和99美元,将于本月开始……
无法安顿的风中原腹地的城市,古称颍阳的许昌,城西五一路南段,两捅巨大的烟囱,依然不顾环保,在无风的初春,直直冒烟,灰白色的烟柱,有些孤烟直的畅想。大漠孤烟直,长河落日圆。只是所到的院落,哪……