了解这3点,让你更加精通字体!-哇拍了解这3点,让你更加精通字体!-哇拍

作为一名设计师,相信你一定遇到过下面这样的情况:在选择字体的时候,文字的大小看起来总在随着字体变化而变化?

了解这3点,让你更加精通字体!-哇拍

上方

演示字体:

·思源宋体

·方正筑紫

古典明朝

·楷体

要知道,当我们在选择字体的时候,字号的大小肯定是没有变化的。就像上图所示三款字体,它们的字号大小都是184pt,可是看起来大小差异却很大。为什么会这样呢?

也许你会说:不同的公司做出来的字当然有差别啦!虽然确实有这方面的因素,不过对于我们来说,还是得找到其中的核心原因。

了解这3点,让你更加精通字体!-哇拍了解这3点,让你更加精通字体!-哇拍了解这3点,让你更加精通字体!-哇拍

从字体的类型来看,这三款字体从上到下分别是现代型的思源宋体,传统型的筑紫古典明朝,以及更加传统的楷体。有没有发现,似乎字体越传统,同一个字号下就显得越小?

表面上来看确实如此,不过,控制这种变化的核心因素其实是字面率。字面率大的字,同一个字号下就会显得越大,反之就越小。

了解这3点,让你更加精通字体!-哇拍了解这3点,让你更加精通字体!-哇拍

而想要知道如何计算字面率,我们这还得从汉字的字身框和字面框说起。

了解这3点,让你更加精通字体!-哇拍了解这3点,让你更加精通字体!-哇拍

提示:

文中所有的

活字演示图与

真实的金属

活字有出入。

字身框和字面框的概念来自于活字印刷的时代。在金属活字上,凸起的铅字就是字面,铅字所在的铅块就是字身。

了解这3点,让你更加精通字体!-哇拍

当时的每个文字,都被规规矩矩地放在一个个实体铅块上,它们不可能超出铅块,所以文字的大小是一定小于铅块的大小的。而这个铅块的边缘,就叫作「字身框」。

不同的铅块大小代表了不同的字号,所以字身框的高度其实也就是代表了字号的高度。既然文字一定是在铅块的范围里面的,那么也就意味着文字的实际高度也一定应该是小于字身框的高度的。

了解这3点,让你更加精通字体!-哇拍

当然,字身框只是单纯的边界,所以我们在做字的时候还需要依托一个更小的假想框来实际控制文字大小,这个假想框就是「字面框」。字面框决定了一个字占字身框的最大面积。所以同一个字号下,字面框越小的字,文字本身看起来也是越小的。

而字面率的算法,就是用字面框的所占面积大小除以字身框的面积大小。所以,我们才说是字面率的大小影响着字体看起来是偏大还是偏小。

了解这3点,让你更加精通字体!-哇拍

不仅如此,字面率还决定了排版时默认设置下的文字间距大小。

了解这3点,让你更加精通字体!-哇拍

了解这3点,让你更加精通字体!-哇拍

上方

演示字体:

·小塚宋体

·筑紫B丸

ゴシック

上图中,文字与文字之间的字距都是0(字面框与字面框间的距离是0),但是因为字面框的存在,上下两款字体的排印效果并不一样的。总之,字面率大的字体排起来会显得更紧凑;而字面率小的字体,字与字之间的空隙就会更大。

了解这3点,让你更加精通字体!-哇拍

上方

演示字体:

·思源宋体

·方正书宋

·小塚明朝

对于字体使用者的我们来说,无法在设计软件中看到这些字框,所以准确的字面率也无从算起了。不过,这都不是问题,只要将不同字体用同一个字号打出来实际对比着看就已经足够了,毕竟我们要准确的数据也没什么用处。

了解这3点,让你更加精通字体!-哇拍

现在,相信你已经充分了解了有关字面率的一些基本概念了。它不仅影响着字体的大小观感,还与字体的气质有着挂钩,详见下方的规律。

了解这3点,让你更加精通字体!-哇拍了解这3点,让你更加精通字体!-哇拍了解这3点,让你更加精通字体!-哇拍了解这3点,让你更加精通字体!-哇拍了解这3点,让你更加精通字体!-哇拍了解这3点,让你更加精通字体!-哇拍

了解这3点,让你更加精通字体!-哇拍了解这3点,让你更加精通字体!-哇拍

接着来玩个游戏,

以下三组文字,

哪一组让你觉得

最胖呢?

了解这3点,让你更加精通字体!-哇拍

上方

演示字体:

未来荧黑

怎么样,有看出来它们的差异吗?

上方的三组字其实字面的宽窄是没有变化的。那么到底是什么导致了它们胖瘦程度不一致呢?这回就不卖关子了,答案是「中宫」。

了解这3点,让你更加精通字体!-哇拍了解这3点,让你更加精通字体!-哇拍

「中宫」这个概念也许很多人早就听过了,但总会觉得挺玄乎,遇到不同的字就看不出来了。没有关系,其实只要像刚才一样,用到对比的方法来观察中宫,就能够逐步培养起你的敏感度了。

了解这3点,让你更加精通字体!-哇拍

上方

演示字体:

长城中楷体

回到正题,到底什么是「中宫」呢?这个概念源自于书法,古人练习书法时,时常需要用格子来做为确定笔画位置的参考,比如写楷书常常参考的「九宫格」。

了解这3点,让你更加精通字体!-哇拍

九宫格就是把写字的大方格均分成九个小方格。而正中间那一格,就是所谓的「中宫」。

了解这3点,让你更加精通字体!-哇拍了解这3点,让你更加精通字体!-哇拍

上方

演示字体:

·FOT-ユト

リロPro

·A-OTF新

ゴNT Pro

即使我们不写书法,九宫格和中宫的概念也依旧不过时。放到现代的字库上,它们仍然能起到辅助判断笔画疏密的作用。

那么,字体中的中宫会有什么规律可循吗?

了解这3点,让你更加精通字体!-哇拍

当然是有的,作为字体的基本要素之一,中宫的变化也与字体的精神面貌息息相关。详细的规律还是参考下方。

了解这3点,让你更加精通字体!-哇拍了解这3点,让你更加精通字体!-哇拍了解这3点,让你更加精通字体!-哇拍了解这3点,让你更加精通字体!-哇拍了解这3点,让你更加精通字体!-哇拍了解这3点,让你更加精通字体!-哇拍

了解这3点,让你更加精通字体!-哇拍了解这3点,让你更加精通字体!-哇拍

还是先观察一番,

以下三组文字,

哪一组文字的

身材比例最匀称?

了解这3点,让你更加精通字体!-哇拍上方

演示字体:

未来荧黑

这回答对了吗?

本次的字组变化差异并没有之前那么大,但仔细观察可以发现:A组的字看起来笔画都往上方提,显得高挑;C组笔画看起来在往下掉,显得稳重。它们的字面、中宫并没有变化,会产生这种差异是因为改变了另一个参数──重心。

了解这3点,让你更加精通字体!-哇拍

我们暂且不谈字体的重心,先看一个生活中的例子——摄影。当我们在给人物拍照时,不同的角度拍出来的效果差别是很大的。

了解这3点,让你更加精通字体!-哇拍

要知道,拍照时人物自身的身材比例肯定是不会变的,所以视觉效果的变化全都仰仗于拍摄角度了。蹲着拍,就显得人腿长,整个人重心靠上;常规视角下,人就普普通通,没什么特别的;在高处俯拍,就显得腿短身长,重心自然靠下了。

其实字体的重心也是一个道理。字形的笔画部件更靠近上中下哪个部分,它的重心就会偏向这个部分 。重心的观察,同样可以从对比不同字体开始,等有了经验以后判断就更加快速了。

了解这3点,让你更加精通字体!-哇拍

重心同样也是字体最重要的参数之一,那么重心的变化又会让字体产生哪些变化呢,我同样为你做了简单的总结。

了解这3点,让你更加精通字体!-哇拍了解这3点,让你更加精通字体!-哇拍了解这3点,让你更加精通字体!-哇拍了解这3点,让你更加精通字体!-哇拍了解这3点,让你更加精通字体!-哇拍了解这3点,让你更加精通字体!-哇拍了解这3点,让你更加精通字体!-哇拍

最后总结一下,今天为你介绍了这三个字体的参数,并不是要企图教会你字体设计,而是希望你能够让更加懂字体,在排版时选择字体也能更加有方向性。好啦,我们下期再见,拜拜!


资料参考及图片来源

[1] https://welai.github.io/glow-sans/

[2] http://zokeifile.musabi.ac.jp

本文原创,未经作者允许不可转载!

更多内容,欢迎关注作者微信公众号:研习设!