← 书房

衬线体 vs. 无衬线体 ​

不同的字体最初看上去就像动物园里的老虎难以区分。所以,如果你刚刚了解到字体结构存在差异的有关概念(一种字体看上去不同于另一种字体),要想选择有对比的结构,一种容易的方法就是选择一个衬线体和一个无衬线体。衬线体的结构中通常存在粗 / 细对比,无衬线体则往往有一致的粗细。将衬线体与无衬线体结合,这是一种经过了时间检验的组合方法,具体的做法数不胜数。不过,在下面第一个例子中可以看到,仅仅靠结构的对比还不够,还需要与其他对比相结合,如同时利用大小或粗细对比来强调差异。

图

可以看到,仅依靠结构对比并不足以有效地体现字体对比。

图

不过如果加大元素的大小对比——不得了!看看现在的对比效果!

图

如上例所示,结合使用有两种不同结构的字体还不够。这样对比还很弱——必须特别强调二者的差别。

图

现在就好得多了!将题目加粗,可以突出两种字体结构之间的差别——还能加强二者的对比。

图

在一个页面上同时设置两种无衬线体往往很困难,因为它们只有一种结构,即粗细一致。如果你特别聪明,也许能做到同时设置两种无衬线体(有很少的几种无衬线体笔划中存在粗 / 细过渡,如果你用到这其中的某种字体,确实能达到目的),不过,并不建议做这种尝试。不要试图结合两种无衬线体,而应当使用一个无衬线体系列中的不同成员采用其他方式建立对比。无衬线体系列通常提供了完备的字体集,从很细的字体,到非常粗的字体都一应俱全,而且通常还包括压缩或扩展字体(参见第 204 ~ 207 页有关方向对比的说明)。

图

这里出现了两种无衬线体,不过请注意,我结合使用了一种粗细一致的衬线体(Aptifer)和为数不多的一种有粗 / 细过渡的无衬线体(Octane),这就带来了不同的结构。我还通过使用全大写、加大字体大小、使用粗体以及罗马字体尽可能地增强这种对比。

图

这里的 3 种无衬线体能很好地结合使用。不过这 3 种字体都来自同一个系列的 Aveniv Next,分别是 Condensed Ultra Light、Heavy 和 Regular Italic。正是因为这种原因,至少要引入一种包含大量不同成员的无衬线体系列(要求有各种不同的粗细)。要充分强调它们的对比!

图

看看,这里同时出现了两种衬线体!不过注意每种字体分别有不同的结构 ,一种来自现代类别(Bodoni),另一种来自粗衬线体(Clarendon)。我还在其他方面增加了对比,你能找出来吗?

{%}

字母的形状是指它的外形。字符可能有相同的结构,但是“形状”不同。例如,大写字母 G 与同一个系列中的小写字母 g 结构 相同。不过,它们的具体形状 彼此完全不同。可以简单地把形状对比认为是大写与小写的对比。

图

这些大写字母的形状 (Warnock Pro Light Display)与小写字母的形状 截然不同。所以大写与小写的对比是另一种字体对比方法。

你可能早已经这样做过,不过现在可以更有意识、更充分地利用它可能带来的对比效果。