小米兰亭 | MIUI8字体设计过程详解（有图有真相）

2016年5月10日，小米公司正式对外发布了MIUI8系统，除了更加互联网的相册功能、伪基站短信识别、手机分身“双系统”等功能创新之外，还特别推出了定制字体——小米兰亭。

小米公司联合创始人、MIUI负责人洪锋介绍小米兰亭字体

多年来，小米公司一直在使用方正兰亭黑字体作为其MIUI系统的原生字体。早在一年多前开发MIUI7系统时，为了更好的满足移动互联网的展示和阅读特性，提升用户体验，小米公司就提出了在方正兰亭黑的基础上定制字体的需求。作为合作方和服务方，方正字库安排专业团队，全力为小米公司进行设计开发。做字体是一个浩瀚的工程，经过和小米团队一起历时18个月的精心打磨，最终完成了在MIUI8系统中完美呈现的“小米兰亭”字体。
在这18个月时间里，方正字库团队和小米团队是怎样设计、打磨“小米兰亭”字体的呢？下文将为您一一揭晓。

针对手机屏幕特性，小米兰亭在兰亭黑基础上做了一系列针对性优化，主要表现如下：

在对比小米兰亭与兰亭黑之前，先给大家介绍下小米兰亭的4档字重：小米兰亭共设计了4档不同的字重：Regular（简称“R”）、Bold（简称“B”）、Light（简称“L”）和Thin（简称“T”）。小米兰亭Regular尝试了多组数据方案，小米方面反复测试MIUI使用效果，从2015年5月初到6月底，历经两个月才确定了适用于当时MIUI的字体修改参数。小米兰亭Regular字重介于兰亭黑与兰亭细黑之间。小米兰亭Bold在regular的基础上加粗调整，字重大致相当于兰亭准黑，字面及长宽比保持与regular协调一致。小米兰亭Light字重介于兰亭细黑和兰亭纤黑之间。小米兰亭Thin基本与兰亭超细黑一致，而符号部分和一些笔画少的字略有加粗。
小米兰亭的4档字重与兰亭黑系列的字重比对

1

汉字部分

为配合新一代MIUI的设计，提供更好的阅读体验，方正字库应小米要求，精心调整了汉字的字面、笔画的粗细，对非压缩字库和压缩字库都进行了精细设计。

字面

兰亭黑采用大字面设计，并且在字距较合理的范围内调大了字身字面，小字号下也能清晰易读。但当今的手机屏幕像素密度高，每行字数少，更通透的字间距更有利于快速阅读。
小米兰亭在兰亭黑基础上缩小了字面，加大了字间距。

图左为兰亭黑字面，图右为小米兰亭R的字面

兰亭细黑（上）与小米兰亭R的字距对比

笔画粗细

针对小米兰亭的笔画粗细调整，我们制定了相应的规范：以小米兰亭L为例，横最粗不超过58（如：一），按一般每多一个横画 减2-3线的规律递减，竖画最粗不能超过60；横细竖粗，横竖比在80%至90%之间；左右结构的字，竖画一般有两道，左细右粗，差1-2线。在规范的指导下，人工逐字调整、检查。

小米兰亭L“重”字的笔画粗细

在设计、调整过程中，还会根据小米方面的测试反馈，对有些笔画以及个别字的笔画粗细进行反复调整。下面是我们和小米设计师的沟通邮件，这样细节方面的调整不胜枚举：

小米设计师与方正字库设计师的邮件沟通

按需求调整后的小米兰亭B的模拟使用效果

小米设计师与方正字库设计师的邮件沟通

按需求调整后的小米兰亭B的模拟展示效果

非压缩字库和压缩字库

压缩字库数据量小，更符合系统要求，但压缩不可避免地会影响字的品质。

针对这一情况，小米兰亭Regular和Bold的常用字部分（6763）为非压缩字库，按照一定的字面、笔画粗细规范，由人工逐字设计调整并检查。非常用字采用了压缩字库格式，利用通用部件人工设计，兼顾了质量和文件大小。

小米兰亭Light和Thin则全部为非压缩字库。

小米兰亭R中的部件

排版效果对比

兰亭黑、兰亭准黑与小米兰亭B、R、L、T的排版效果对比

2

数字部分

相较于兰亭黑，小米兰亭主要优化了数字的大小、轻重、高矮、视错觉纠正等。

兰亭黑与小米兰亭R的数字1、2对比

兰亭黑与小米兰亭R的数字3、4对比

兰亭黑与小米兰亭R的数字5、6对比

兰亭黑与小米兰亭R的数字7、8对比

兰亭黑与小米兰亭R的数字9、0对比

小米兰亭T的数字6、9字面对比

小米兰亭数字6的4档字重的对比

兰亭黑、兰亭准黑与小米兰亭B、R、L、T的全部数字对比

通常的系列字体的字宽，呈梯度规则排列，而小米兰亭作为系统定制字体，没有遵循这一常规。
尽管字形是重新设计的，与兰亭黑系列风格不同（如上图），但是小米兰亭B的字宽几乎与兰亭准黑保持一致，大幅度宽于其他三款；小米兰亭R和L也沿用了先前小米定制兰亭的字宽，最细的小米兰亭T的字宽反而比R和L更宽。这都是为配合小米的UI设计而做的特别设定，如小米兰亭B主要用于系统标题，小米兰亭T则要兼顾系统时钟、计算器等用途，而并不是按常规排版来设定。

3

符号部分

兰亭纤黑与小米兰亭L的符号#、$的对比

兰亭准黑与小米兰亭B、R、L、T的部分符号对比（&、%、℃、；）

小米兰亭B与R的%、&、℃基本沿用了兰亭黑的风格，而小米兰亭L与T则是新设计的字形，并且根据实际需要，做了一些特别的设置，如小米兰亭T符号中凡是方点都改为圆点（如；），更柔和舒展。

由方正字库和小米团队历时18个月精心打磨的“小米兰亭”字体，从字面调整到笔画粗细设计，从6763个常用汉字、数字、标点符号，扩展到27533个汉字的全字库，全部根据移动互联网的展示和阅读特性做了细致的设计。

感谢以下参与人员的辛勤付出

  小米团队：朱印、梁哲、郝少华

  方正字库团队：

从左至右分别为：郭毓海、苏士鹏、栾瑛、韩冬、王晨、沈春桃、于萍萍、张蕾、王军芳、高文东、崔艳、梅花、乌新丽、王洁、王文娜、邵维、杨颖

特别声明“小米兰亭”字体由小米公司专享。

（本文为方正字库原创，如需转载，请联系我们获得授权。）

咨询电话：4006-516763字体 | 设计 | 销售 | 服务

点击下列 蓝色文字 查看精选内容

点这里“阅读原文”，了解方正悠黑的设计详情