← 书房

罗马体 vs. 斜体是一种形状的对比 ​

另一种明显的形状对比是罗马体与斜体的对比。罗马体表示所有字体中从上到下竖直的字体,这不同于斜体或手写体(这些字体是倾斜或者飘逸的)。可以将一个词或短句设置为斜体,以一种柔和的方式强调,这是你很熟悉的一个概念,可能经常在使用。

图

第一行是罗马体,第二行使用的是斜体。它们都属于 nofret 字体,结构 完全相同,但是形状 不同。

图

无衬线体通常(但不总是)有“倾斜”版本,看上去就好像字母放歪了。它们的罗马体和斜体形状相互之间没有太大的差别。

图

要特别注意斜体(第一行)并不是简单地将罗马体(第二行)倾斜。这些字体已经重绘为不同的形状。仔细看这两行中 f、a、g、y 和 e 之间的差别(两行都使用相同的字体)。

图

这两个句子中哪一个包含采用假倾斜字体的单词?

由于所有手写体和斜体都有一种倾斜或飘逸的形状,要记住重要的一点,不要结合使用两种不同的斜体或者两种不同的手写体,也不要结合使用斜体和手写体。这样做只会带来冲突——它们存在太多的相似性。幸好,找到一种好的字体来连接手写体或斜体并不困难。

图

你认为这两个字体放在一起怎么样?是不是哪里出错了?这会让你不舒服吗?这个结合的一个问题是,两种字体都有相同的形状,都是弯曲的、飘逸的。必须改变其中一个字体。改变成什么呢?(想想看。)

不错,一种字体必须改为某种罗马体。做这个改变时,还可以让新字体的结构 完全不同(即结构没有粗 / 细过渡)。另外可以让它更粗一些。

图

图

{%}

字体“方向”的意思很直观,就是文字有一定倾斜度,这一点很容易看出来,我要说的是:不要设置方向。不错,有时你可能想这么做,但是只有当你能明确地说出原因时才可以设置有方向的文本,你要能够说明为什么这种字体必须有方向,为什么它能增加美感或促进表达。例如,可能你会说:“这个赛艇通知确实应当向右倾斜一个角度,因为这个角度可以使页面产生一种向前的动力。”或者说:“重复这个有角度的字体,可以产生一种断奏的效果,这能突出我们播出的巴托克协奏曲的气势。”另外,请千万不要在角落里放有角度的字体。

图

向右向上倾斜的字体产生一种前进的力量。向下倾斜的字体会产生一种反向的力量。有时可以充分利用方向所蕴涵的含义。

图

有时字体方向的突然改变会产生显著的影响,或者提供一种独特的格式,这是使用字体方向的一种很好的理由。

图

不过,对于“方向”还有另一种解释。尽管页面上文本元素很普遍,但每个文本元素都有一个方向。一行 文本表现为水平方向。瘦高的一列 文字表现为垂直方向。文字这些复杂的方向变化可以形成有趣的对比。例如,一个粗体标题在水平方向覆盖双页,而正文分别放在一系列瘦高的列中,就会产生一种有趣的方向对比。

图

如果布局中可能存在方向的对比,那就做充分强调。比如在水平方向使用一种扩展字体,而在垂直方向使用一种高字体。可以通过增加额外的行间距强调垂直方向,如果合适,还可以设置比原计划更窄的列突出垂直方向。

图

实现字体方向对比时还可以介入布局中的其他部分,如结合图片或线条来强调方向或形成方向反差。

{%}

可以在布局中结合长的水平行和瘦高的列,这种别致的布局很常见。在这里对齐是一个关键因素,明确的对齐线将突出并加强方向的对比。

图

在这个例子中,文本的方向与水平方向的图片产生了一种不平衡。

下面的例子中存在明确而强烈的方向对比。不过除此以外,这里还应用了另外的哪些对比来加强这个作品的效果呢?这个布局中有三种不同的字体,为什么它们能很好地结合?

还要注意,材质是由不同字体的结构、行间距、字母间距、粗细度、大小和形状共同创造的。如果字母都鼓起,可以用手指触摸,每种字体的对比还会带来一种材质的对比,你可以从视觉上“感受”到这种材质。这是字体的一个很微妙但很重要的部分。应用其他对比时会自动出现不同的材质,不过有意识地注意材质及其效果很有好处。

图

花几分钟来说明为什么这 3 种字体能一同使用。

如果标题选择全大写的现代字体,那么短小的引用文选择哪种字体合适?

或者,如果短小的引用文字选择了一种现代字体,标题又该选择哪种字体?

图

{%}

类似于方向,颜色的意思也显而易见。关于如何使用颜色,我只想声明一点:暖色(红色、橙色)是前进型的,会引起我们的注意。目光很受暖色的吸引,所以只需很少的一点红色就可以产生对比。另一方面,冷色(蓝色、绿色)则是远离型的,总是在我们的视线中后退。即使更大的区域内都是冷色你也未必能注意到;实际上,需要 更多的冷色才能产生有效的对比。

图

注意,尽管 Scarlett 要小得多,但它还是最醒目,原因就在于它是暖色。

图

现在较大的名字采用暖色,它盖过了较小的名字。通常希望避免这种情况——或是利用这一效果,但一定要小心。

图

把 Scarlett 描为淡蓝色。注意它几乎消失了。

图

要有效地与一个冷色进行对比,通常需要使用大片冷色。

图

不过,除了普通意义上的“多姿多彩”的颜色,排版人员通常称页面上的黑白文字 有颜色 。“多姿多彩”的颜色很容易产生对比,而对于黑白文本,要看出并利用它的颜色对比,则需要更敏锐的眼睛。

在下面的引用文字中,可以很容易地看到黑白文本中的不同“颜色”,“颜色”是由不同的字母粗细、结构、形状、字母内的空间、字母间间距、行间距、字体大小或 x-height 大小等产生的。即使是同一个字体,也可以创建不同的颜色。

图

眯起眼睛看看这段文字。要习惯于把文字不同程度的黑色理解为“颜色”“质地”。

图

很细、很薄的字体中字母间间距和行间距较大,这会创建一种非常淡的颜色(和质感)。紧紧压缩在一起的加粗无衬线体则会创建一种深色(质感也不同)。对于没有图片但包含大量文本的页面来说,这是一种非常有用的对比。

如果一个页面中只有文本,看上去一片灰色,会显得很乏味,让人不想去读。这还会带来混乱:在下面的例子中,这两个故事彼此之间有关系吗?

图

这是新闻报道或其他出版物中很典型的一个页面。单一的灰色无法吸引你的眼球,实在没什么能引起人的兴趣去深入地阅读。

正如之前所述,如果你不想让排版干扰阅读体验,只有文字的灰色页面有时是最好的解决方案。但是对于大多数的平面设计形式来说,即使是用一种微妙的方式,我们也希望能够把读者吸引到页面上,或者至少让页面看起来有趣。

图

如果对标题和子标题使用一种更粗的字体来增加一些“颜色”,或者将一个引用文字、段落或小故事设置为显然不同的另一种“颜色”,读者将更有可能在这一页上停下来,真正阅读它的内容。这正是我们的目的,不是吗?

除了让页面更吸引人,颜色的改变还有助于组织信息。在下面的例子中,可以更清楚地确定页面上有两个单独的故事。

图

还是同样的布局,不过现在增加了“颜色”。另外,再来看这本书中许多其他的例子,你会经常看到字体对比创建了不同的颜色。

图

在下面的例子中,注意对于同一种字体、同样的大小,如何稍加调整来改变颜色。可见,这些小的调整也可影响某个空间所容纳的词的多少。要进行这样的调整,就需要知道如何在软件中调整所有空格属性:字距追踪、字距调整、字间隔空、行间距调整、段间距调整、栏距离调整。

{%}

以下是字体颜色的一些简单例子,使用这些技巧,不需要任何额外的处理就可以改变字体的自然颜色。大多数编排精良的好书都会利用大块文本显示丰富的字体,使你能在页面上感受到颜色和材质。字体开发商提供的书中会展示字体样本,一个非常棒的字体样本将通过文本块显示每一种字体进行颜色比较,你也可以在计算机上自己做这种比较。

{%}