sketch实用插件有哪些提升工作效率的实用技巧

来源：蜘蛛抓取(WebSpider) 时间：2017-02-28 01:33 标签： sketch 钢笔使用技巧
平面设计教程子分类您现在的位置：&
6个实用技巧帮你提升Sketch使用效率-高效-Sketch技巧
：我自己是一名自由交互设计师，很早就开始使用Sketch了，它已然成为我设计工作流程当中不可或缺的组成部分。我很愿意与各位分享自己的一些经验，例如本文当中介绍的6个技巧，就可以帮你有效提升Sketch的使用效率。注意：本文当中的一些方法涉及到插件的使用。建议你首先安装&，非常棒的插件管理工具；另外请确保你的Sketch版本为最新（目前为3.2.2）。一、自动等距复制元素按住alt并拖拽元素可以实现复制，这是我们比较熟悉的方式。但是对于大量重复性的复制任务，这种手动方式仍然过于耗时。我们时常遇到的一种比较典型的重复性需求，就是将某个元素复制多次并等距排列。对于这种典型任务，Sketch提供了非常便捷的实现方式。首先，我
们仍需要通过“alt+拖拽”来复制一次，并参考动态显示的间距值将新元素放置到合适的位置，然后使用快捷方式“cmd+d”来重复复制，每次复制出的新
元素与前一个元素之间的距离都是我们第一次手动拖拽复制时所设定的值。你只管按住cmd键然后持续按d键，直到复制出你所需要的数量。注意：如果你发现“cmd+d”并没能实现自动等距复制，那么请到Sketch的偏好设置当中，找到“Layers”下的“offset pasted & duplicated objects”并取消勾选即可。二、图层排序设想一下你正在设计类似Dropbox那样的应用，界面中需要一个文件列表，其中的文件默认按照上传日期排序，但是用户可以切换为按文件名字母排
序。你很认真的在设计稿中为每个示例文件起了不同的名字，一切都不错；但是要演示按字母排序的文件列表时，你发现自己必须手动拖拽图层来重新排序。告别手动的烦恼吧，我们通过Sketch Mate插件来实现加速。打开Sketch Toolbox工具搜索“Sketch Mate”点击InstallSketch Mate当中集成了很多实用功能，我们现在需要使用到的排序只是其中之一。下面的演示当中，每个文件列表项对应着一个名为“File”的组。选中所有需要排序的组，在菜单栏中点击Plugin & Sketch Mate & Sort & Sort
Layers，在弹出的对话框中选择“Text(A &
Z)”。因为我们的示例当中每个组里包含多个文本对象，所以接下来还需要选择以哪些文本为标准进行排序。点击OK后，你的列表会瞬间完成重新排序。你也可以尝试其他几种排序方式。三、图层与artboard的批量重命名良好有序的图层与artboard结构是优秀设计稿的标志之一，自己开心，协作起来大家也开心。但是必须承认，在很多时候，以更加合理的标准对图层和artboard进行重命名是很枯燥且耗时的工作。还好有一款名为Renameit的插件可以拯救我们于水火。打开Sketch Toolbox工具搜索“Renameit”点击Install在Sketch里选中你想要重命名的图层或artboard（至少选中两个），按“ctrl+cmd+r”，唤出Renameit的对话框，输入“前缀+参数”。其中前缀是我们所需的有特定含义的单词，例如“icon”。参数分为三类：%N：数字。例如，在对话框中输入“icon %N”，点击OK，所选图层或artboard会被重命名为“icon 1”、“icon 2”、“icon 3”等等。%W：宽度。例如，在对话框中输入“icon %W”，点击OK，所选图层或artboard会被重命名为“icon 24”、“icon 36”、“icon 48”等等，其中的宽度值是自动获取的该对象的实际宽度。%H：高度。与%W同理。四、动态按钮复制一个现有的按钮并设置不同的按钮标题，这是一种重复性强同时需要精确操作的工作，因为我们要做的不仅是复制，而且需要根据不同的标题长度来调整按钮的宽度。著名的Dynamic Button插件就是为了解决这个问题而生的。到目前为止，这也是我个人最喜欢的插件。打开Sketch Toolbox工具搜索“Dynamic Button”点击Install首先，我们需要通过DB插件来创建初始按钮。新建一个文本对象，输入我们所需的按钮标题。选中该文本对象，按“cmd+j”，你会发现文本和一个自
动生成的背景形状一起被打包到了名为“Flex
Button”的组里，而且文本图层被自动重命名为“0:0:0:0”。这4个数字代表着文本对象距离矩形背景的上、右、下、左边缘的距离。例如，根据实际需求，我们要将上、下两个值设置为12，将左、右两个值设置为20，那么你可以将文本图层重新命名为“12:20:12:20”，然后选中文本对象，按“cmd+j”，这时按钮背景的尺寸会自动根据我们所设置的规格进行调整。接下来，无论是修改这个按钮当中的标题文案，还是复制一个新的按钮并修改标题，只要再次选中其中的文本对象并点击“cmd+j”，按钮背景的尺寸都会自动根据新文案的尺寸进行调整了。五、Symbols的嵌套目前，Sketch尚未“正式”支持symbols的嵌套，但我们可以通过一些技巧来实现，只是建议你在使用时小心一些。要将Symbol A嵌入Symbol B：选中Symbol A，在右侧检查器中将其设置为“No Symbol”，使其恢复为普通的组或对象在左侧图层列表中，将A移入Symbol B保持A的选中状态，在右侧检查器中重新将其设置为原来的“Symbol A”对我个人来说，这种方法在编辑带有弹出层的界面时非常有用。我可以将初始界面整体创建为一个父级symbol，其中包含有对应着各种控件的子级
symbol，然后将整个artboard复制，并设计浮层或弹框的样式。如果初始界面当中某些元素需要发生变化，那么含有浮层的artboard便会自
动更新，无需手动移开浮层再做重复劳动。六、使artboard根据内容自动调整尺寸Sketch中的artboard体系可以帮我们站在全局角度总览设计方案，这是它有别于其他竞品的一个重要特性。想起以前用PS的状况，感觉像是噩梦。设想你需要时常在artboard中添加或移除内容 – 如果artboard能自动调整尺寸，这该有多好？我们前面介绍过的Sketch Mate又能帮上忙了，确保你已经安装好。例如当前artboard当中的实际内容已经超过了artboard自身尺寸，你无法看到列表当中的更多条目。按“ctrl+shift+a”，artboard便可以精确的根据现有内容的实际高度来重新调整自身尺寸了，就这么简单。原文地址：译文地址：译者：Sketch八个高效的快捷方式 - 简书
Sketch八个高效的快捷方式
写在前面的话。很高兴你能点击进来看此篇内容，因为你已经注意到sketch3.0的优势（目前只有 MAC OS版），并尝试开始使用它来完成UI设计,从UI的角度来看，它的优越性是PS无法比拟的。下面以及将来的日子里，我会陆续为大家带来sketch各方面的教程。此次主要介绍一些可以提高工作效率的快捷方式做为sketch的入门。它的操作还是比较简单的，只要记住快捷键，很快就可以上手，比当时学PS要简单很多。只是现在PS用习惯了，需要一些时间来转换一下方式。保守的说用sketch做app的项目，可以整体提高30%左右的效率，只因它为界面而生！一，图层快速重命名选中图层cmd+R，输入名称，按enter确定，按TAB键到下一层，再继续上一步操作。 shift+TAB返回到上一层
新人必读环节：
需要深刻明白图层命名的重要性，此处省略200字的提高效率，专业素养等理由。
最重要的是：不想同事每一次打开你的源文件后都要问候你N遍的话，请老实地整理并命名好图层！！！
二，画板管理sketch是可以像AI一样，一个文件里有多个画板，并且可以调整多个画板之间的行间距以及行列数。
设置完点击Make Grid 就会自动帮你建立好，两行5列，以及行间距。
三，导出所有的画板按comd+shift+E 会出来弹出框，可以一次性导出所有的设计稿，也可以选择部分设计稿来导出，非常方便迭代设计。这里还有一个小技巧是，在给画布命名时，如果添加"/"导出时会自动建立好对应名称的文件夹，如图示。
四，一键测量对象之间的距离按住Option键可及时查看距离，按住不松挪动对象看看！窃喜~这个功能真是大爱！再试试Option+comd 看看！
五，快速复制颜色选中你的对象（任意！可以是按钮，文本）按control+C 出现大大的放大镜，很方便的选择颜色，你选中的对象实时换色，真心方便啊！！能不爱上它吗？！
六，放大缩小功能选中你要看的对象，按comd+2，就会放大此对象到屏幕合适的大小，这个取决于你的软件窗口大小。 comd+1缩小至能看见所有的画板。comd+零 缩小至100% 。 按住Z出现放大镜，可拉选放大面积，Z+Option对应缩小。comd+ 加号是100% 200% 400%的比例放大，comd+减号则相反。
七，建立组跟AI一致，选中对象后 comd+G是成组。
八，锁定图层comd+shift+L 锁定图层，点一下小锁就解除。
补充：comd+B
给字体加粗 comd+shift+H
隐藏或显示图层/组F是使用填充色的开关切换
喜欢UI的朋友可以在微信订阅号搜索“酷九合金社”关注我们。或者关注
酷九设计创始人

我要回帖

更多关于 sketch 钢笔使用技巧 的文章

 

随机推荐