字体设计 | 58UXD 首款中文字体「微笑体」设计实录-技术圈

▲点击"三分设"关注，回复"社群"加入我们

欢迎来到专业设计师学习交流社区

三分设｜连接知识，帮助全球 1 亿设计师成长

转自：58UXD

编辑：刘丽

共 3719 字，预计阅读 10 分钟

“伸手摘星，即使徒劳无功，亦不致一手污泥。”

“When you reach for the stars you may not quite get one,but you won't come up with a handful of mud either.”

——Leo Burnett

1. 伸手摘星

字库字体，和通常理解的字体设计不同，字体设计通常只设计几个字，而字库是设计好几千个字后再编码，是字体集合库。一套中文字库，包含庞大的字符数，简体中文字符集的中国国家标准（GB2312 标准）包含 6763 个基础汉字。其中最常用的汉字至少也要 3500 字～4000 字。就是说，要完成一个基本可用的中文字库，至少需要设计近 3500 个字。这数千字的设计量，再编码成库，难度可想而知。

难度摆在面前，但我们想试试做个摘星的人。我们决定就以这 3500 常用汉字为目标，自己动手设计一套中文字库。动手之前，先做任务拆解：基本计划很简要，由字库立意到字体设计再到编码生成，大致分三步就可以开发属于自己的字库。更细化一些的步骤就是：风格立意 —— 设计字样 —— 制定标准 —— 批量设计 —— 编码录入 —— 发布。

其中的重点，前期的 “风格立意” 是最重要的定调环节，决定了后续所有工作的方向，中期的 “制定标准“ 和 “批量设计” 2 个环节，是最核心最困难的工作，需要投入大量时间和精力。

2. 意在笔先

如果要为 58 来设计一款字体，应该是什么样子？意在笔先，我们首先要先确定字体立意，然后才动笔设计。

58 同城是中国领先的生活服务平台，业务覆盖招聘、房产、汽车、二手、本地生活服务及金融等各个领域。以 “让生活简单美好” 为公司使命，打造人人信任的生活服务平台。我们希望能把 58 同城的理念通过字体传达给用户。

初始设想的场景分 2 类，标识标准字或标题字。标识标准字，品牌延续性很强，但日常业务适用度有所局限。选择标题字，业务适用度高，但难度会更大。

经过脑暴和讨论，我们选择了标题字这一方向，以黑体或黑体变体为目标。虽然难度更大，却可以更好的匹配业务与产品，能够广泛应用在日常的产品设计和宣传推广中。

通过分组讨论，我们尝试绘制出字体的设计坐标图

3. 微笑绽放

12 位设计师参与了方案探索，从企业理念出发，我们按照对 58 品牌精神的理解，先后共设计出了 40 款风格各异的设计稿。从这些设计稿中，我们找到了符合预期的方案。

最终杨哲同学设计的 “微笑体” 在 40 款方案中脱颖而出。微笑体，刚柔兼备的一款粗黑体，特征鲜明且有轻松意味，能适用于多种应用场景。它的设计调性与最初预期的大方向是一致的，而且微笑体的创意表达也十分贴合 58 品牌乐观向上的积极态度。

4. 立规矩成方圆

定稿之后，真正的字库设计才刚刚开始。中文字库的搭建，之所以成 “库”，需要观感协调尺度统一，遵循严格的标准。有了标准化的部件，才能有标准化设计产出。因此，要先定出一套微笑体的设计语言和尺规，为后续扩展出 3000 多字打好基础。

为微笑体制定的标准化工具有 3+1 件：基础笔画，字框，偏旁库，以及设计原则。

基础笔画：是基本骨骼部件。用更简洁的设计语言对近似笔画进行合并与简化，保证识别度的前提下，提升了设计美感。

字框：是规矩方寸。比例、基线、中宫等详细设定。打破黑体字常规的方块字设定，在上下都设置了延伸笔画的区域，结合书法中拖笔的特点，让方块字更加灵动。

偏旁库：是直接取用的工具尺。把常用偏旁字先集中设计整理后，按结构排列成偏旁库，供设计师们共同参考调用。

如果说以上三件，是理性的工具，那么 “设计原则”，就是字体设计中感性的部分。汉字讲究 “音” “形” “义”，每个字都有不同的变化，遇到复杂情况和新问题怎么办，这时候我们需要有更宏观的设计原则作为指导。气韵通透，自然妥帖，是微笑体最大的基本设计原则。举个小例子：比如撇捺笔画的切口，横切竖切还是随意切？答案是，不一定，要根据字形字义去灵活适配不同的规则。

5. 开枝散叶

要完成常用汉字 3500 多字，如果是 3-5 人合作，可能需要很长时间。如果把人力扩展到 20 人以上，那么理论上制作时间就会大大缩短。于是，我们尝试召集更多设计师一起来做微笑体。

1. 召集设计师。邀请我们总监发起一项征集，号召大团队每人尝试用微笑体的设计语言来设计自己的名字。很感谢 UXD 伙伴们的支持，从大家提交的设计稿中，我们找到了很多优秀的同学。

2. 达成共识。面对需要多人协作的项目时，达成共识是非常重要的一步。我们把大家聚到一起开展了一场「字体设计工作坊」，让大家在面对面的交流中更快进入状态。参与微笑体项目的设计师们现场进行了手写练习、小组评选、发言等互动，逐步对微笑体的设计特征和标准加深理解达成共识。

3. 批量化设计产出。有了标准化工具，设计师们也达成了共识，我们正式开始了逐字的设计。每人每周固定产出，每周汇总开会，同步设计中出现的问题，及时修正。这个阶段是整个项目中最关键也最困难的，要感谢每一位设计师的耐心和付出。

借助标准化工具，由不同设计师设计的微笑体，达成了比较好的整体一致性。

4. 细化和修正。虽然已经制定了一些规范，设计了一些度量的标准化工具，真的放到实际操作的时候，仍然会遇到各种各样的问题。针对这种情况，我们每次会在会上再讨论确定解决办法，会后形成新的说明，以 pdf 小手册的形式发给设计师们。

6. 滴水成海

编码录入是最后一项工作，看似枯燥机械的操作，其中有什么玄机？

设计师们通常都是用矢量软件 AI 或 Sketch 来设计字体。软件并不具备管理和协同大量文件的功能。这么多人这么多字，文件怎么管理呢？

为了提高多人协作的效率，我设置了 4 个文件管理办法来理顺整个流程。

1. 化整为零。首先，分发时化整为零。把 3500 多字的任务拆分成每 10 字一组，以组为单位分发，用线上文档协同，每人每期要设计哪些字，一目了然。另外，为了便于整理和后期录入，分组顺序就按照编码库的顺序。

2. 集零为整。设计师们分成小组，到汇总时以小组为单位，把设计稿汇总成一个文件。文件中有设计师的名字和当期设计的字。每周再把各个小组的文件汇总为一个大文件存档，文件上传到协作网盘存档。

3. 文件规范。文件模版和细节特性也很重要。所有人统一模版，文件格式，字框大小，尺寸比例都一样。细节特性也很重要，比如，字框透明度一致，多次群组顺序一致，排列间距一致等等，都会在汇总和批量处理的时候提升效率。

4. 批量录入。有了前面 3 条基础，录入操作会更顺手一些。把设计好的字统一调整比例再逐一导入字体编码软件中调整处理，最后生成字库文件才是大功告成！编码工作需要专业工具，可以使用各大主流字体软件处理，目前市面上主要是国外的字体设计软件，不同的软件操作方法不一样，但功能大同小异。

7. 发布

4 月，在 26 位设计师的共同努力下，微笑体完成了 3500 字的录入。这是微笑体的一个里程碑。微笑体第一次封装成了 otf 格式文件，只有 1.2MB，它很轻，但背后饱含了设计师们沉甸甸的付出。

2021 年 5 月 8 日，在 “世界微笑日” 这一天，我们发布了微笑体 (概念版)。经历了疫情的阴霾之后，希望这份 “微笑” 能让生活多一抹阳光。

这是 58UXD 出品的第一款中文设计字体，这款字体的诞生离不开老板的支持和小伙伴们的努力。感谢设计总监何潇决定立项设计中文字体，谢谢设计经理李生为项目提供各种支援，谢谢各设计组 Leader 抽调人力支持项目，感谢为这款字体付出努力的所有设计师们 —— 徐勤栋、杨哲、连盟、姜楠、李源、李洋、徐雅、温正远、王雪珂、訾亚磊、杨忠、邵秀芬、马世光、刘可心、谢玲艳、柳毅鸿、伍思晟、苏梓希、田晓红、王书晨、刘学辉、郑小伟、李文佳、张鸽、郭然然、何芳。谢谢一起摘星的你们。