Sketch新功能:library

Posted 西见

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Sketch新功能:library相关的知识,希望对你有一定的参考价值。

sketch渐渐用的越来越多了,你们这些用sketch的小伙伴快来看看最近更新的新功能!转给你们!





转载:深知与灼见


Sketch Libraries


Sketch 发布了它的 Beta 47 版本,这其中包含了一个全新功能:Sketch Libraries。今天我们就来聊一聊它究竟能在工作中给我们带来什么帮助,以及我们该如何快速上手使用


首先给出 Beta (47) 版本的下载链接:

https://sketchapp.com/beta/




Sketch Libraries 究竟是什么?


Library 本质上就是一个包含了各种“符号”的 Sketch 文件。如果在 Library 文件中修改任意“符号”,那么所有使用了该“符号”的子文件都会提示该文件已经被更改,是否需要同步更新?这样,设计师能在第一时间确认“符号”的变化,保持使用最新的设计组件。在团队协作中,共享的 Library 可以覆盖到每一个工作文件,只要进行添加,每个团队成员都能使用,并在第一时间知悉它们的变化。




如何使用 Sketch Libraries?


Sketch Libraries 的使用非常便捷,你只需将一个带有“符号”的 Sketch 文件添加到自己的 Libraries 中。操作方式如下:选择顶部菜单中的 Preferences,选择弹出窗口中的 Libraries(如下图),再将该文件添加上传即可

Sketch新功能:library

将包含了“符号”的文件添加至 Libraries 中


我们可以在任意 Sketch 文件的 Insert 菜单中看到 Library 中的所有的“符号”元素并对它进行添加。


Sketch新功能:library

任意文件的 Insert 菜单中能够看到添加了的 Library 元素


Sketch新功能:library

任意文件的 Insert 菜单中能够看到添加了的 Library 元素


这边可以注意到,从 Library 文件导入的图层前面的紫色 icon标识和文件自身的图层 icon 有所区别


如果你在 Library 文件中修改了任意“符号”,那么其他所有包含了这个“符号”的文件都会在右上角出现 “Library Update Available”,提醒你 Library 文件有更新,点开后会告诉你哪个“符号”做了什么样的改动。


Sketch新功能:library

Library 文件中的“符号2”做了样式上的改动


Sketch新功能:library

其他包含该符号的文件会在右上角自动提示


Sketch新功能:library

明确告知 Library 文件中具体更改的符号元素及其样式


点击 Update Symbols 后,文件中的相应“符号”元素就会同步成 Library 中新改的样式。或者你也可以选择跳过此次更新。


Sketch新功能:library

使用文件中“符号 2”更新后的样式


如果你想在子文件中更改“符号”样式,Sketch 会询问你是否在原文件(Library 主文件)中更新。你可以前往 Library 原文件更改,也能在本文件中单独修改。


改动“符号”时的弹窗提醒


举个栗子,我想在子文件中修改绿色按钮的样式,并且选择了 Unlink from Library这样 Library 文件和其他使用了该绿色按钮的文件都不会有任何变化。我们可以看到 Library 文件和本文件“符号”图层前 icon 的样式差异。


图层前 icon 的标识差异



如何用 Sketch Library 进行团队协作?


如果你想和其他团队成员或者朋友共享文件,并同步更新,你可以把文件上传到支持协同办公的云服务系统,或者版本控制系统中。比如国外的 Dropbox, Google Drive,国内的坚果云等平台。每一个成员只要将该文件添加进自己的 Library,就可以使用统一的“符号”,并在第一时间实现同步更新




以上就是 Sketch Library 的使用过程,由于现在 Sketch 发布的还是 Beta 版本,所以还有部分小功能还没有完善,比如目前暂时不支持文字样式的更改,Insert 菜单中的 Library “符号”不支持搜索检索,并且需要我们对 Library 文件中的“符号”进行合理命名等。但总的来说,Sketch 团队发布的这款能够实现跨文件同步更新,操作简易且本地化的功能,一定能够大大提升设计师们的工作效率。让我们一起来期待正式版本的发布吧!


以上是关于Sketch新功能:library的主要内容,如果未能解决你的问题,请参考以下文章

Sketch 47 Libraries功能图文详解

这可能是 Sketch 官方发布的最能提升效率的功能

Sketch交互设计之美:从零基础到完整项目实现

独家解析Sketch49 交互原型新功能

干货!Sketch49交互原型新功能大解析

Sketch终于带来Library样式调用