shared text 搭建字体样式库操作实例

平时大家在用 Sketch 做设计时，伴随着项目的开展，会产生很多的字体样式，堆积到最后难以管理。但 Sketch 的开发者早就料到这个问题，并给出 shared text 作为解决机制。本篇教程将手把手带大家制作一个简单的字体样式库。

效果预览

第一步，设计字体样式库：

首先需要明确你的目的，为项目寻找合适的字体，比如你是要做宣传海报，还是要做网页。明确你的目标用户，比如你是面向儿童，还是新潮的青年，亦或者白领。

然后需要设计一系列合适的字号，这里推荐给大家一个神器 Modular Scale。在这里大家可以选择合适的比例与基底，然后生成一系列字号。

第二步，制作字体样式库：

首先，根据第一步里设计好的字体样式库，把不同的字号罗列出来，并将内容更改为该字号的用途。

然后将这些字号打包成组，复制成为三列，并设置好三种对齐方式。

tip：这里可以选中分组后，在右操作板勾选「Select group’s content on click」，即可像笔者一样直接在画板上框选对象。

最后我们设置几个常用的文字色值，整个字体样式库就制作完毕了。

第三步，对字体样式进行命名：

因为笔者在做设计时，常根据用途来规定字号，然后设定色值，而对齐并没有那么重要，因此确定格式为「用途/色值/对齐」。

tip：「/」在 Sketch 中可以用来自动分组。

我们需要装一个插件：Update Text Layer Name，用这个插件可以让文字图层的图层名称和内容一致。

tip：可以通过 Sketch 插件 Runner 中的 install 安装，也可以在官网的插件库里寻找该插件进行安装。

使用上面安装的插件完成命名格式里的「用途」命名。

tip：在命名「用途」的时候，建议在前面加上英文小写字母序号，这样在显示的时候就会按顺序排列。

然后，我们需要安装第二个插件：Rename It，用这个插件给文字图层进行进一步命名处理。

按照图中操作，并补齐图中省去的重复操作部分，完成命名格式里的「色值」和「对齐」。

当然，第三步和第二步可以穿插进行，但是这样比较绕脑子，不方便制作教程。理解了原理的同学可以边制作样式库边命名，提升效率。

tip：在命名「色值」的时候建议在前面添加“◼︎“，Sketch 在显示共享文字样式时可以预览颜色，添加这个实心方块可以方便使用者快速识别颜色。

第四步，录入字体样式：

在录入我们整理好的字体样式前，先把原来文件中乱七八糟的共享字体样式清空。

这里我们需要安装第三个插件：Styles Generator，这个插件可以将你选择的所有文字样式按每个样式生成共享样式。而在 Sketch 中选择所有图层后使用生成共享样式功能，只会生成一个样式。

如图所示，使用插件录入制作好的共享文字样式。这样我们就大功告成了。

第五步，和团队共享字体样式：

亲测 library 无效，只好采用一个稍微笨拙的方式，首先存储为 template 文件。

找到系统中 Sketch 存放 Template 文件的地址。

团队共享一个坚果云账号，并将 Template 文件同步到云端。然后各自同步到自己电脑中 Sketch 存放 Template 文件的地址。

这样做团队共享的缺点是一旦文字样式库有变动，组员的 Sketch 无法实时得到更新，必须从 template 新建文件，并剪切字体样式库进自己的文件覆盖替换。

以上就是shared text 搭建字体样式库操作实例的全部内容介绍了，关于更多Sketch教程信息，欢迎关注北极熊素材库，给你带来最丰富的素材图片和最有用的教程，更多最新资讯。