2017 年 10 月 10 日,Sketch 发布了最新的版本 Version 47,在这个版本中,主要增加了两项新的功能:
- Libraries - 你可以共享 Symbol 在不同的文件中使用,或者共享给他人使用
- Smooth Corners - 增加新的圆角选项,从而达到 iOS 中的效果
这次更新最主要的一个功能,就是 Libraries 功能,我们来主要聊一下它。
介绍
Libraries 这个功能,是可以在任何的 Sketch 文件中,使用某个指定 Sketch 文件中的所有 Symbol,这个被指定的 Sketch 文件被称为一个 Library。当 Library 有更新之后,所有使用过这个 Library 的文件,都会有更新提醒,你可以查看更新的详情,并决定是否进行更新。
这个功能本身其实并不陌生,很多的 Sketch Plugin 也都有类似的功能,例如 Craft 中也有 Library 的功能。由于是 Sketch 原生功能,所以带来了 Plugin 所不能达到的操作效果和使用体验,也给我们以后对 Libraries 的使用,带来了很多遐想。
使用方法
Library 的添加及管理
- 打开 Sketch,点击 Sketch -> Preferences... 或者使用快捷键 Command ⌘ + ,
- 找到其中的 Libraries tab,点击右下角的 Add Library... 按钮
- 在弹出的对话窗中,选择要添加到 Libraries 的 Sketch 文件
点击已经添加的 Library 后面的眼睛 icon,可以预览这个 Library 中的内容。
选中某个 Library 右键或者点击左下角的齿轮 icon,可以进行隐藏 Library,在 Finder 中显示,打开这个 Library 的 Sketch 文件和移除此 Library 的操作。
PS, 你会发现,之前的「iOS UI Design」的模板,已经被移除,并默认添加到 Libraries 中。
使用已添加的 Library
使用已经添加的 Library,和使用 Symbol 的方法是一样的。点击左上角的 Insert 按钮,就可以看到 Libraries 中添加的 Library 的内容,然后可以选取其中的组件,添加到你的文件中。
当你将 Library 中的组件添加到文档中,你会发现和 Symbol 有几个不同的地方。
- Library 添加的组件和当前文件 Symbol 添加的组件 icon 不同。
- Library 中的组件,并不会出现在当前文件的 Symbols Page 中。
Library 组件本质上也是 Symbol,但是不同的 icon,帮我们更好的区分不同的组件来源。我们可以在任意文件中使用 Library 组件,并且不会添加到当前文件的 Symbols Page 中,极大的简化了 Sketch 文件结构,也更容易进行管理。
编辑 Library 组件
和 Symbol 一样,当你想对 Library 组件进行编辑时,只要双击某个 Library 组件就可以了。当你双击后,会弹出一个对话框,询问你如何来编辑这个 Library 组件。
因为 Library 组件是来自于一个外部的 Library 文件,当你选择 Open in Original Document,将会打开你导入的这个 Library 文件。当你对这个 Library 文件更改后,所有使用这个 Library 的文件,都将会收到 Library 更新的提醒。
如果你点击 Unlink from Library,那么这个 Library 组件将不在关联之前的 Library,会转换成一个当前文件的 Symbol 组件。
Library 更新提示
当你对一个 Library 文件进行修改后,再次打开使用了这个 Library 的 Sketch 文件,在 Sketch 文件的右上角会显示 Library Update Available,点击之后,会弹出弹窗让你选择对哪些 Library 组件进行更新。
你可以看出 Library 组件更新前后的差别,并选中你想要更新的组件,点击右下角的 Update Symbols,文件中使用的 Library 组件,就会自动的完成更新。
对 Libraries 功能的遐想
Git 管理 Libraries 的可行性及开源 Library
Libraries 功能很好的解决了,我们在设计工作中需要重复使用组件和设计规范的需求。当你或者你的团队有了一个 Library 后,所有人只要导入了这个 Library,就可以很容易的使用其中的内容,也使得这类需要多次重复使用的文件更容易管理。
那么,对于 Library 文件使用 Git 进行版本管理控制,就变得十分重要了。通过 Git,也可以更好的保证 Library 文件的更新,为团队协作,提供了一个很好的设计规范管理方向。GitHub 上,也会有越来越多的开源 Sketch Library 出现。
PS,关于 Git 管理 Sketch 文件的内容,可以参考 「Git 与 Sketch 的神奇邂逅:Abstract」
Icon Library 的管理
我们也可以将之前的一些设计素材,都放到一个文件中,并作为一个 Library 进行管理。例如,我们可以将所有的 icon 素材都放到一起,变成一个 Icon Library 来进行管理和使用。当然,你也可以制作和管理你自己需要的 Library。
PS,Icon 在 Sketch 中的管理也可以使用 IconFont,可以参考 「轻松管理自己的图标字体:Sketch Iconfont」
Library 的嵌套使用
总结
Libraries 功能的发布,改变了我们以往使用 Sketch 设计的一些使用习惯,同时也给我们以后使用 Sketch 进行设计,带了很多新的可能,非常期待这个版本正式发布后,会不会如同 Plugin 功能,给 Sketch 带了更多的活力。
Sketch 47 版本和 45 版本一样,对 Plugin 已经很常见的功能进行了整合。由于 Sketch 的原生支持,拥有了 Plugin 所没有的自由度,也给我们 Library 管理带来了很多新的启发。
可以看出 Sketch 这几个版本的更新,越来越多的去解决那些需要集中管理功能的问题,例如 Plugin、Library。不久的将来,说不定 Sketch 也会把 Git 的版本管理控制加入其中。
你也可以关注文章下方的「探索 Sketch」专栏,在少数派阅读更多关于 Sketch 的内容。