58UXD首款中文字体「微笑体」设计实录 - 图1

    “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

    01

    伸手摘星

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

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

    58UXD首款中文字体「微笑体」设计实录 - 图2

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

    02

    意在笔先

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

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

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

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

    58UXD首款中文字体「微笑体」设计实录 - 图3

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

    03

    微笑绽放

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

    58UXD首款中文字体「微笑体」设计实录 - 图4

    58UXD首款中文字体「微笑体」设计实录 - 图5

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

    58UXD首款中文字体「微笑体」设计实录 - 图6

    58UXD首款中文字体「微笑体」设计实录 - 图7

    04

    立规矩成方圆

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

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

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

    58UXD首款中文字体「微笑体」设计实录 - 图8

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

    58UXD首款中文字体「微笑体」设计实录 - 图9

    58UXD首款中文字体「微笑体」设计实录 - 图10

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

    58UXD首款中文字体「微笑体」设计实录 - 图11

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

    04

    开枝散叶

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

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

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

    58UXD首款中文字体「微笑体」设计实录 - 图12

    58UXD首款中文字体「微笑体」设计实录 - 图13

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

    58UXD首款中文字体「微笑体」设计实录 - 图14

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

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

    05

    滴水成海

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

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

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

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

    58UXD首款中文字体「微笑体」设计实录 - 图15

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

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

    58UXD首款中文字体「微笑体」设计实录 - 图16

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

    06

    发布

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

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

    58UXD首款中文字体「微笑体」设计实录 - 图17

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

    谢谢一起摘星的你们。

    58UXD首款中文字体「微笑体」设计实录 - 图18

    58UXD首款中文字体「微笑体」设计实录 - 图19

    58UXD首款中文字体「微笑体」设计实录 - 图20

    58UXD首款中文字体「微笑体」设计实录 - 图21

    58UXD首款中文字体「微笑体」设计实录 - 图22

    58UXD首款中文字体「微笑体」设计实录 - 图23

    07

    未来可期

    字体,是文字的衣裳,是人们思想的符号、精神世界的表情。信息化的今天,字体已经融入了我们生活的方方面面。

    当下,有越来越多优秀的中文字体涌现出来,古老的汉字也随之焕发出新的生机和美感,中文字体设计正逐渐形成一股潮流,希望微笑体也能作为这股大潮中的一朵小浪花,奔流过,见证过,参与过。

    祝你,微笑常在。

    58UXD首款中文字体「微笑体」设计实录 - 图24

    ——————————

    参考资料:

    《中国字体设计人:一字一生》廖洁连

    《治字百方》左佐

    《超全面!这可能是最完整的字体设计基础知识》钱浩 Hawking

    《汉字设计中的度量标准》厉致谦

    《会呼吸的汉字》叶天宇

    《字体基础知识》研习社 K 先生

    《字体设计门与路》知乎圆桌