近几年国内互联网大厂都纷纷定制起了字体,从腾讯字体、阿里巴巴普惠体到京东朗正体……手机厂商这边也不甘落后,大家所熟知的手机字体从苹方、小米兰亭、Smartisan T 黑再到最近的 OPPO Sans,这些字体无一例外都在各自的发布会上作为一大设计亮点进行介绍。
我们都知道定制一套中文字体成本不低,但当设计能力到达一定高度、设计手法从图形下沉到更底层的字体时,现成的字体自然也容易出现无法满足设计需求的情况,量身定制字体成为了必经之路。
手机厂商的定制字体设计流程是什么样的?我们如何评判这些定制字体,又能从中收获什么呢?最近我们有幸采访到 OPPO ColorOS 团队,进一步了解到了OPPO 品牌定制字体 OPPO Sans 的设计考量。所以在这篇文章中我们将以 OPPO Sans 为例,陪大家聊聊厂商定制字体这件事。
▍满足需求,是定制字体的评判标准
你或许已经和 OPPO Sans 有过眼缘了:这是一个由汉仪字库(主要负责中文)和美国 Pentagram 工作室(主要负责西文)共同打造的字体,覆盖 11 个语种、有 5 种字重粗细,与苹方和小米兰亭以及 Smartisan T 黑一样属于「黑体」大家族,可适用于大篇幅的排版,手机显示字体。
好的字体不能光看硬指标。满足需求的才是好设计,字体也一样。就 OPPO Sans 这样一款字体而言,OPPO 在定制字体的过程中主要考虑到了三方面需求:
要配合 OPPO 的品牌形象升级,更加轻盈活泼;
适应屏幕显示的字体,作为 ColorOS 的默认字体;
满足多语言和中英混排这样的国际化需求。
看似简单的三句话实则是重任在肩。那最终成型的 OPPO Sans 是如何满足这些需求的?
▍OPPO Sans 是如何满足需求的?
定基调:收窄字身,提高重心
宽度与重心是设计整套字体家族时的宏观设定,类似一个人的身材,可以决定整个字体的调性。
我们先说宽度,也就是字的胖瘦。较宽的字体看上去厚重有力道,可以比作一个肌肉男;而较窄的字体会显得轻盈优雅,应该是一个芭蕾舞者。看下面图中的对比,我们可以看出宽窄对字气质的影响。
字身宽窄对比
对于 OPPO Sans 来说,新的 OPPO 品牌形象偏活泼、轻盈,因此选择较窄的字身显然更加符合实际需要。当这套字体被用在 OPPO 自家产品的宣传物料、视频广告中时,自然就不会给人一种笨重、沉闷之感。
收窄前后对比
我们再说重心,它是字的「身材比例」,指的是文字的视觉中心。重心低则稳重,高则清秀。重心的把握在书法中体现明显,比如这两个「年」字的重心一个在中间,一个偏上,传达出来的感觉很不一样。
书法中的重心
OPPO Sans 的重心是偏上的,和几个标志性的黑体对比,也处一个较高的位置。配合和字身收窄,符合品牌的新形象。这里我还有个有趣的发现:我们拿来对比的几个黑体,发布时间越晚字体重心就越高,OPPO Sans 的重心选取似乎也很好地迎合了人们对于黑体字的审美趋势。
OPPO Sans 的重心位置
收窄字身、提高重心之后,OPPO Sans 这套字体的基调其实就已经定好了——它是一套轻盈、优雅的黑体字体。接下来要做的便是配合整体调性进行一些细节调整,让我们看一下 OPPO Sans 是如何打磨的。
赋予字体品牌个性:字锋和出腿
OPPO Sans 第一个引起我注意的点就是字锋和出腿处处理。
字锋和出腿
或许你很少注意到字锋和出腿,但实际上是书法中的基本手法。比如写「一」的时候,起笔会比较用力,收笔会拐个小角度,这样头尾就能写出韵味。到了数字时代,「宋体」就是对这种手法的夸张表现,而简化后则是黑体。
装饰性元素的变化
由于「黑体」类字体间的差异并不明显,所以字锋和出腿便是字体设计师发挥的装饰空间。OPPO Sans 的发挥是「直接去掉」。
去掉出腿
去掉了装饰元素,整个字体看上简洁规整了不少。其实从软笔书法到宋体再到黑体就是我们去一步一步去除装饰性元素的过程,反映了对信息传达效率的需求。OPPO Sans 在传统黑体上进一步去除装饰性元素的做法是符合趋势,也符合 ColorOS 7 所强调的无边界理念。
另外,简化字锋和去除出腿这两个小细节也对屏幕显示优化做出了一定的贡献。
屏幕显示优化:负空间调整,粘连处优化
屏幕显示有什么可优化的?现在解锁你的手机,看看图标下面的字——可能还没有指甲盖的十分之一大。
这种小字号的情况笔画容易粘在一起,导致降低阅读速度甚至完全影响辨别的问题。这便是屏幕显示优化需要攻克的点。
为此,OPPO Sans 对字体的「负空间」进行了调整。负空间指的是文字笔画之外的白色区域。OPPO Sans 的负空间分布更加均匀。
负空间
除了负空间更加均衡还缩小了中宫,以「国」字为例,中心部分和外框隔得更远,小字号时也不会粘在一起,文字结构清楚了,眼睛看的就轻松了。
中宫缩小
还有一个小细节:粘连处的优化,粘连处在小字号情况下会显得更加藕断丝连。走「去装饰」路线的 OPPO Sans 干脆让要连上的直接连上,要分开的尽量分开。小字号时可以提升一定的阅读体验,大字号时增加字体个性。
粘连处优化
中英混排
在 2020 年聊字体,中英混排是必须注意的。不仅是因为我们要面向国际,更是因为中文也在不断变化,无法翻译和习惯不翻译的英文时常夹在中文里。
中英混排的问题主要有二:高度不一和笔画粗细不一。我们直接看对比:
中英混排
新上市的字体基本都有考虑中英混排效果,也已经有不少中英文混排效果不错的字体,OPPO Sans 也是其中之一。而且 OPPO Sans已覆盖 11 个语种,可以满足一定国际化需求。
中英展示
剖析了这么多 OPPO Sans 的设计手法,总体来说它的设计在传统黑体之上做了进一步的减法。这些设计和 OPPO 的需求非常契合,可以称作是满足需求的,称职的定制字体了。
▍我可以使用 OPPO Sans 吗?
认识都认识了,这款字体我们能不能拿来用用呢?
答案是:可以!
免费可商用
厂商愿意将自己的字体开源出来是互惠互利的事情,字体是天然的广告,而对设计者来说则省下字体授权费。OPPO Sans 就是一款开源的免费可商用字体,你可以在 ColorOS 官网上下载到字体,使用时不需要担心版权问题。
从设计上来讲,虽然定制字体的目的是满足公司的需求,但最终的设计结果往往是超越需求的,我们当然可以化为己用,那么,OPPO Sans 的使用场景有哪些呢?
操练起来,试试 OPPO Sans
忽略掉定制字体的出身,这款字体的气质就是轻盈,年轻,极简。通过与其他黑体对比就可以看出这款字体的调性。
通过对比体现调性
在我看来,OPPO Sans 适用于与科技相关的话题,与现代生活方式相关的场景。可有力可优雅,总体来说适合配合素雅或干净的视觉,不太适合复杂和过于浮夸的场景。下面,我来替大家动动手,试着用 OPPO Sans 做几个设计,抛砖引玉,轻喷:
清新宁静
我们先来模拟一个 Vlog 视频封面