|切图提效：让你的设计一天顶两天( 二 )

所有的symbol可以通过 / 这个符号进行管理， “/”后面的内容是“/”前内容的子集，通过多个“/”对名称的划分可以便捷得实现组件管理。
比如组件库中的Alert警告提示组件，就可以分别根据其所属的类以及衍生的四个常用状态用“/”命名，状态为Alert的子集， Alert为反馈的子集，从而实现组件的分类管理。

本文插图

最终可以很高效得进行组件的调用。
【|切图提效：让你的设计一天顶两天】

本文插图

而切图的命名则是一个道理！
给切图文件使用“/”格式进行命名后，导出时就会自动在本地生成文件夹，文件夹的名称即“/”之前的命名，而且支持文件夹嵌套哦~

本文插图

本文插图

不仅视觉上便于图层的辨识归类，而且也免去了自己手动归类的麻烦，是不是超方便？
三、中心区域切图
考虑到设计版式的布局，以及前端的高效开发，多个图标及插画的切出往往不会贴边，而是在周围加入空白区域将切图的尺寸统一化，这种区域性的切图对应到sketch中的交互是拖选式切图。
让我们先看下以往的切图方式：

本文插图

你得先拖选一个规定好的尺寸如68px ，之后进行对齐，然后再将其拖入所属的组进行去底处理。
而优化后的办法加入了两个要素：

第一步：就是第一节讲到的自动组内切图，选中打组后的图层对象，切图将直接组内置顶生成。
第二步：用到了sketch中常用的“Alt”快捷键，按住之后绘制任意形状或区域都是由中心向外部绘制。基于参考线对准图标中心，向外拖曳即可。

本文插图

这两步的优化去除了对齐步骤、寻找图层组步骤、拖入图层组步骤，节省了大量宝贵的精力和时间。
四、小结
切图看似简单，但是细节处的优化一旦累加起来，就可以帮你省去大量的时间。不仅仅是切图，应用到任一流程、领域都是一个道理！
当你觉得某个工作流程需要耗费较多精力，或者你感觉不舒服时，果断去搜索可以提效的办法吧！然后你会发现原本存在的“瞎忙活”、“忙了一天但也不知道在忙啥”是由于有相当一部分时间浪费在这些低效能、无意义的产出上。
但愿今天这篇小小的分享对你有所帮助，下期见。
作者：Andrew臣；微信公众号：转行人的设计笔记
本文由 @Andrewchen 原创发布于人人都是产品经理，未经许可，禁止转载。
题图来自 Unsplash ，基于CC0协议。