Coursera 笔记

Week 03 · Putting Type to Work字体的运用

Page Space页面空间

Coursera ↗

空间的影响

在上一期视频中,我们深入探讨了排版中“字体内部的空间”。这一次,我们将目光放远,探讨一下排版中不同排版元素之间的空间,以及它们在整体构图中的作用。


排版的双重属性

每一件排版作品既是形式——一个具有形状、纹理、图案和方向的视觉元素,亦是语言——表达思想的工具,具有语法、句法和节奏。

作为排版设计师,我们在安排字体和空间时,不仅要考虑空间如何影响构图,还要考虑它如何影响意义。我们需要训练自己,不仅要学会“看到”空间,还要学会“阅读”空间。


空间与意义:接近性原理

最直接影响文本意义的空间原则是接近性原则。我们倾向于将彼此接近的元素视为相关,而将彼此较远的元素视为不太相关。

  • 接近性实例:
    在以下例子中,1850-1900 这一行的文本位置模糊,处于标题与正文之间,因此很难确定它与哪个部分相关。

    如果我们稍微调整位置,将其与标题紧密对齐,我们便将其解读为标题的副标题,表示这篇文章讲的是 1850 到 1900 年间的排版历史。

    如果将该行文字移至段落下方,它则与下文相关联,成为段落的章节标题,意味着这篇文章讲的是排版的一般内容,而第一部分讲的是 1850 到 1900 年的排版。

调整间距的技巧

在设置这些距离时,建议使用与行间距相关的距离,例如:

  • 该距离是行间距的两倍,
  • 该距离是行间距的五倍。

注意间距的细节非常重要,这往往决定了排版的清晰度与混乱度。


字体时间轴的空间调整

以下是一个字体时间轴的例子,起初它显得很混乱,因为它不清楚地显示哪些信息是相关的。

  • 通过调整垂直间距,我们可以解决大部分问题。
  • 通过水平间距的调整,我们可以进一步优化排版,让它更加清晰。例如,调整后,我们可以清楚地看到 Helvetica 和 Univers 两种字体是在 1957 年设计的。

段落间隔的传统方式

在排版中,我们常常使用空间来标示句法的分隔,例如段落的换行。传统的做法是使用 缩进 来表示段落的起始。

缩进的深度

  • 通常,缩进的深度设置为 字体大小的一倍,或者设置为 行间距的大小。
  • 段落间的分隔:
    第一个段落通常没有缩进,而后续的段落会通过缩进标示分隔。

其他分隔方式:

除了缩进,也可以使用空白行(等同于行距的垂直空白)来表示段落之间的换行,但不应同时使用空白行和缩进,因为它们的作用是一样的。


排版元素的空间关系

当我们将目光从局部移到全局时,接近性原则同样适用于排版元素的整体布局,比如一页设计中的元素排列。

布局示例:

  • 左边的小段落与右边的较大段落,通常会被解读为相关的笔记,比如它是对大段落内容的注解。
  • 如果将其位置调整得更远一些,它便不再是相关的内容了。

段落的连接性:

  • 在某些排版中,段落之间的紧密排列形成了一个连贯的叙事,每一段紧接着下一段。
  • 而在另一些布局中,段落之间的远离让它们看起来像是关于不同主题的独立条目。

抽象化的排版布局

为了更好地理解排版的空间布局,有时我们使用一种叫做希腊化文本(greeking)的方式,这是一种在布局草图中用来代替实际文本的占位符。它帮助我们从阅读的状态切换到“看到”排版形式的状态。

在这一阶段,我们可以应用一些形式构图的基本原则,包括:

  • 对比:例如,我们可以将某些字体设置为小号、细体并增加字间距,而其他字体则采用大号、粗体且紧密的字间距。
  • 构图方向:有些布局更强调水平构图,而有些布局则呈现出更强的垂直感。

  • 正负空间的关系:正空间是指排版中的字体部分,而负空间则是字体周围的空白区域。通过调整负空间,我们可以让排版的形状变得更加生动、富有活力。




总结

正如我们所见,设计一个既易于阅读又具有美感的排版组合并不容易。但正是这种挑战,使得排版设计变得既有趣又充满成就感。成功的排版不仅仅是关于字体的选择,它更是关于如何巧妙地运用空间,将视觉和信息的传递完美融合。