第 12 章 字体对比
这一章强调如何结合使用各种字体。下面几页将描述对比字体的各种方法。每一页都会展示一些具体的例子。这一部分的最后还将提供一些综合例子,展示如何在页面上应用这些字体对比原则。字体对比不仅是为了美观,还可以加强意思的表达。
不应该要求读者去努力寻找页面的内容,如重点、材料的组织、用途、信息流程等,所有这些应该一眼就能看出来。在保证一目了然的同时,还可以让页面更漂亮!
我将讨论以下几种字体对比:


字体大小的对比(也就是大字体与小字体的对比)非常明显。不过,为了有效地使用大小对比,绝对不要保守 。12 磅和 14 磅大小的字体无法形成明显的对比,大多数情况下,它们只会产生冲突。同样地,65 磅与 72 磅的字体也相差无几,不能形成对比。如果想在字体大小方面让两个元素产生对比,就放手去做 。要力求明显,不要让人觉得这是一个失误。

确定希望哪个元素作为中心点。利用对比来突出强调。

如果还需要有其他元素,不过它们对于一般读者来说并不太重要,就让它们小一点。谁会关心期号呢?如果有人确实关心这是哪一期,即使期号很小仍然可以看清。不设置为 12 磅大小是完全可以的!

字体大小对比并不意味着必须让字体很大,而只是要求应该有对比。例如,如果你看到一张很大一版报纸中只有一行很小的文本,你肯定很想看看这是什么,对不对?之所以能够产生这种吸引力,一个重要原因就是这个大页面与非常小的字体之间产生了明显的对比。

如果你在报纸中翻到这一版,会立即注意到中间的这行小字吧!这正是对比的力量。

有时,大小对比的诱惑可能让人无法抵挡,这样可以大大增强较小的字体。充分利用这一点。谁想注意那些“纠葛”在一起的文字呢?尽管小文字很小,但是并非看不见,需要它的人还是能顺利读到。

我再三建议不要全部使用大写。有时你可能想使用全大写来让文字更大一些,是吗?但具有讽刺意味的是,文本设置为全大写时,与同样的文字使用小写相比,所占的长度可能是后者的两倍,所以不得不让字体更小一些。反之,如果将文本变成小写,则可以设置为更大的字体(点数更大),而且这样做还有一个好处:可读性更好。

这个标题使用了 20 磅的字体。这是这个空间内全部采用大写时所能使用的最大字体大小。

把标题变成小写后,可以在同样的空间内将字体加大到 30 磅,这样做强调了字体的对比。

要以一些有煽动性的非常规方式造成大小对比。许多印刷符号(如数字、& 符号或引号)设置得很大时会非常漂亮。在标题或引用文字中可以把它们用作装饰元素,或者可以在整个出版物中用作重复元素。

如果大小对比非同一般,这本身就能成为一种图形元素,如果项目可用的图片很有限,这会很方便。

如果使用一个大小非比寻常的项,看看能不能在别处重复这个概念,创建一种吸引人的有效重复。

字体的粗细是指笔划的粗细度。大多数字体系列都设计为包括多种不同的粗细:常规(regular)、粗体(bold),可能还有半粗体(semibold)、极粗(extra bold)或者细字体(light)。结合多种不同字体粗细时,要记住这样一个规则:不要太保守 。不要把常规粗细与半粗体对比,完全可以找一种更粗的字体与之对比。如果结合两种不同字体系列中的字体,一种字体通常比另一种要粗,所以要特别强调。
个人计算机默认提供了一些字体,但所有这些字体所属的字体系列中都不包括非常粗的粗体。衷心希望你至少引入一种非常粗的黑粗体。在字体表中查查看,找出一种合适的字体。粗细对比是为页面增加视觉效果最容易而且最有效的方法之一,而且无需重新做任何设计。只是有一点必须明确:除非有一种笔划很粗大的字体,否则得不到这种漂亮的强烈对比。


还记得本书第一部分中的这些例子吗?左边使用了计算机自带的字体,标题采用 Helvetica(Arial)粗体,正文采用 Times Roman 常规字体。
右边的正文字仍然使用 Times Roman 常规字体,不过在此我使用了一种更粗(有更大粗细度)的字体来显示标题(Aachen 粗体)。只是做了这样一个简单的修改(利用更粗的字体来形成对比),就能让人更想阅读这个页面。(题目也更粗,并用一个黑框反色来增强对比效果。)

还记得前面的这个例子吗?通过把公司名设置为小写而不是全大写,现在不仅能让字体更大,还可以让它更粗,这样就能为这个名片增加更多的对比和视觉效果。更粗的字体会在名片上形成一个更强烈的中心点。
粗细对比不仅能使页面更引人注目,也是组织信息的最有效的方式之一。实际上,你将新闻简报标题和子标题设置得更粗时已经在做这个工作。基于这种思想,再把它向前推进一步。看看下面的目录,注意由于关键标题或短句设置得非常粗,你能立即领会这些信息的层次体系。这种技术对于索引也很有用,能使读者一眼就看出一个索引项是一级索引还是二级索引,这样就能消除按字母查找时经常出现的混乱。请参考本书的索引(或者我的任何一本书的索引)。

让各章的标题更粗,能使人一眼就看出哪些是重要信息,而且这样还能更强烈地吸引我们的视线。不仅如此,这样做还能提供一种重复 (四大基本设计原则之一,还记得吧)。我还在每个粗标题上面 增加了一点儿空间,这样标题就能很明确地与它的子标题归为一组(没有忘记吧,这是亲密性原则 )。

如果页面看上去“灰乎乎的”(有大篇幅的文字),而且没有空间来增加图片,也无法抽出引用文字把它们设置为图片,就可以用非常粗的粗体设置关键短句。这些设置会把读者吸引过来看你的页面。(如果在衬线体正文中间使用加粗的无衬线体强调关键语句,可能必须让加粗的无衬线体小一号,使之看上去与衬线体正文的大小相同。)

如果一个页面完全是灰乎乎的,偶然路过的读者可能不愿意继续看下去。但是利用粗细字体的对比,读者可能会很快地扫描要点,而且深入阅读其中信息的可能性更大。
当然,有时候读者只想看普通的黑白页面。比如,读一本小说的时候,你并不想让任何花哨的东西分散你的注意力——你只是想让这类风格隐藏起来不被看到。有些杂志和期刊更倾向于将黑白页面的外观设计得很单一、很正式,因为他们的读者对此会有一种更严谨的印象。每件事物都有它适用的场合。只要确保你创建的外观是有意识地去这么做的就可以了。


字体的结构是指这种字体是如何建立的。可以想象你要利用库房里的材料建立一个字体。有些字体建立时粗细很单一,笔划里几乎没有能辨别的粗细变化,就好像是用粗细相同的钢管建立的一样(如大多数无衬线字体)。其他字体的建立则非常强调粗 / 细过渡,就像是有尖桩的栅栏(如现代字体)。还有一些字体则介于二者之间。如果你要结合使用来自两种不同字体系列中的字体,就要使用不同结构的字体系列 。
还记得这一部分前面关于不同字体类别的内容吗?不错,这里要用到那些内容。每种类别都有类似的结构 。所以,如果从两个或多个类别中选择两个或多个字体,应该是一个不错的字体方案。

小测验
你能说出这里表示的每一种字体类别吗(每一行对应一个类别)?
如果不能,请再读一读这一部分,这个概念虽然简单,但非常重要。
结构是指一种字体如何构建,而且正如此例所示,每个类别的结构有很大差别。
Robin 原则:不要把同一个类别中的两种字体放在同一个页面上 。它们之间的相似性是无法避免的。不仅如此,你还有那么多其他的选择——为什么要让生活更艰难呢?
排字对比有一个原则,要求必须选取两个不同字体类别中的字体。
也就是说,可以使用两种衬线,只要其中一种是旧式体,而另一个是现代或粗衬线体。即便如此,还是必须非常小心,而且要特别强调对比,剩下的章节会做更详细的解释。
采用同样的思想,要避免同一个页面上出现两种旧式体,它们存在太多的相似性,不论你怎么做冲突都在所难免。出于同样的原因,应当避免同时设置两种现代或两种衬线字体。另外还要避免在同一个页面上使用两种手写体。

这么小小的一段引用文字中居然用到了 5 种不同的字体。总体看上去并不太坏,原因只有一点:每个字体各自都有不同的结构,它们都来自不同的字体类别 。
