2017年10月10日,Sketch发布了最新版本Version 47。在这个版本中,主要增加了两个新功能:
库-你可以共享符号在不同文件中使用,或者与他人共享。
圆滑的角-添加新的圆角来达到iOS中的效果。
草图版本47
这次更新最重要的功能是库功能。主要说一下吧。
介绍
库的功能是指定草图文件中的所有符号都可以在任何草图文件中使用,指定的草图文件称为库。更新该库时,所有使用过该库的文件都将收到更新提醒。您可以检查更新的详细信息,并决定是否更新它。
这个函数本身并不陌生,很多SketchPlugins都有类似的函数,比如Craft中的库函数。因为是Sketch的原生功能,所以带来了Plugin无法达到的操作效果和体验,也给我们带来了很多对未来使用库的遐想。
施用方式
图书馆的增加和管理
当我们设计时,会有许多不同的设计规范或团队设计规范,每个规范的草图文件包含不同组件的符号。我们可以将这些规范的草图文件添加到库中。
打开草图,然后单击草图-首选项.或者使用快捷命令,
找到“库”选项卡,然后单击“添加库”.右下角的按钮。
在弹出的对话框中,选择要添加到库中的草图文件。
添加库菜单
单击添加的库后面的眼睛图标,预览该库的内容。
预览库
选择一个库,右键单击或单击左下角的齿轮图标隐藏该库,在Finder中显示它,打开该库的草图文件并删除该库。
图书馆管理菜单
PS,你会发现之前的“iOS UI设计”模板已经被移除,默认添加到库。
使用添加的库。
使用添加的库的方式与使用符号的方式相同。单击左上角的“插入”按钮,查看添加到库中的库内容,然后您可以选择组件并将其添加到您的文件中。
使用库菜单
当您将库中的组件添加到文档中时,您会发现与Symbol有几处不同。
由库添加的组件不同于由当前文件符号添加的组件图标。
库中的组件不会出现在当前文件的“符号”页面中。
://p3.toutiaoimg.com/origin/3ecf00022fdc7c09dfb8?from=pc” img_width=”1120″ img_height=”707″ alt=”Sketch 47 发布:Libraries 功能带来了无限的可能和遐想” inline=”0″>
Library 组件 & Symbol 组件
Library 组件本质上也是 Symbol,但是不同的 icon,帮我们更好的区分不同的组件来源。我们可以在任意文件中使用 Library 组件,并且不会添加到当前文件的 Symbols Page 中,极大的简化了 Sketch 文件结构,也更容易进行管理。
编辑 Library 组件
和 Symbol 一样,当你想对 Library 组件进行编辑时,只要双击某个 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 组件更新弹窗
你可以看出 Library 组件更新前后的差别,并选中你想要更新的组件,点击右下角的 Update Symbols,文件中使用的 Library 组件,就会自动的完成更新。
对 Libraries 功能的遐想
关于 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 的嵌套使用
Symbol 可以嵌套,给 Symbol 带来了极大的自定义性。同样的 Library 文件中也是可以使用其他的 Library 的。由于使用 Library 组件,不会添加到当前文件的 Symbol Page,那么我们就可以将一个设计规范,分为不同的 Library 文件来管理,例如颜色、字体、button等等。然后再放到一个总的设计文件中来组合成新的组件。这样不仅可以极大的简化了文件,方便了 Library 的管理,同时当一个 Library 更新后,其余嵌套使用的 Library 也会进行更新。
总结
Libraries 功能的发布,改变了我们以往使用 Sketch 设计的一些使用习惯,同时也给我们以后使用 Sketch 进行设计,带了很多新的可能,非常期待这个版本正式发布后,会不会如同 Plugin 功能,给 Sketch 带了更多的活力。
Sketch 47 版本和 45 版本一样,对 Plugin 已经很常见的功能进行了整合。由于 Sketch 的原生支持,拥有了 Plugin 所没有的自由度,也给我们 Library 管理带来了很多新的启发。
可以看出 Sketch 这几个版本的更新,越来越多的去解决那些需要集中管理功能的问题,例如 Plugin、Library。不久的将来,说不定 Sketch 也会把 Git 的版本管理控制加入其中。