Week 02 · Fundamentals of Typography字体设计基础
Typesetting Text🅣 文本排版
在前面的部分,我们已经学习了与字母和单词相关的排版术语。接下来,我们将探讨这些术语在文字块中如何变化以及它们的复杂性。此时,许多新的术语将被引入。
文字块的排版
当文本被设置为一整块连续的内容时,通常称为 正文文本(body text)。在设置正文文本时,第一个要考虑的就是文本的对齐方式。排版中最常用的两种对齐方式是:
- 两端对齐(Justified)
- 左对齐(Range left) 或 右边不规则对齐(Rag right)

1.左对齐(Range Left)
- 在左对齐的排版中,文本的左侧是平整对齐的,而右侧则是不规则的,带有“参差不齐”的效果。
- 这种对齐方式通常看起来更友好,阅读起来也更舒适。
2.两端对齐(Justified)
- 这里的文本在左右两侧都保持平整,形成一个方形的紧凑形状。
- 这种对齐方式通常让页面显得更为整齐,但它也可能导致某些行之间的空隙过大或过小,影响阅读的流畅性。
行长与字符数
在设置文本时,另一个需要关注的因素是 行长(line length),也称为 排版宽度(measure)。合适的行长有助于提高文本的可读性。以下是一些建议:
- 左对齐文本:通常建议每行保持 9到12个单词,即大约 60到70个字符,这是一个舒适的阅读范围。
- 两端对齐文本:通常每行的字符数会更多,大约 70到80个字符。虽然这种设置在视觉上更紧凑、节省空间,但也可能让页面感觉较为生硬。
行距(Leading)与可读性
行距(Leading) 是指文本行之间的垂直距离,通常由 基线到基线 的距离来测量。合适的行距对排版的可读性有显著影响。以下是行距如何影响阅读效果的示例:

- 紧凑的行距(9pt on 9pt)
- 在这种情况下,行与行之间几乎没有间距,文本显得非常紧凑。
- 这种设置称为 “实心设置”(set solid),即行距与字体大小相同。
- 缺乏足够的行距可能导致行与行之间重叠,使得阅读体验变得困难。
- 较松的行距(9pt on 16pt)
- 在这种情况下,行与行之间的间距较大,给文本带来了更多的呼吸空间。
- 如果行距过大,可能会导致失去行的连续性,眼睛容易游离,影响阅读流畅性。

如何判断行距是否合适?
- 一种简单的判断方法是,用鼠标选中文本,如果你看到行间的间隔过大,说明行距可能过宽;如果间隙几乎没有,说明行距可能过紧。适当的行距让你能轻松地从一行跳到下一行,保持流畅的阅读体验。

字体大小与视觉差异
虽然不同的字体大小是通过 点数(point) 来衡量的,但即使字体大小相同,不同的字体类型(typefaces)也会给人不同的视觉效果。这是因为每种字体的设计特点会影响它的实际视觉尺寸。

字体大小的视觉差异
| 字体样式 | 字体视觉大小 | 说明 |
|---|---|---|
| 字体A(标准字体) | 视觉上较小 | 具有常规的 x-height(字母x的高度) |
| 字体B(中等大字体) | 视觉上较大 | 拥有较大的 x-height、较短的升降线 |
| 字体C(大字体) | 视觉上最大 | 升降线短,字母形状占据更多空间 |
即使这些字体的 点数(例如 72点)相同,它们的视觉效果也会有所不同。某些字体的 x-height(字母“x”的高度)较大,这使得它们看起来比其他字体更大。还有些字体设计中,升降线(ascender)和降字线(descender)较短,使得它们在视觉上占据的空间较多。因此,字体选择不仅仅影响排版的清晰度,还影响整体的视觉效果。
总结与建议
- 对齐方式:选择适当的对齐方式可以提升文本的可读性。常见的两种方式是 左对齐(Range Left) 和 两端对齐(Justified)。
- 行长与字符数:合理的行长有助于提升阅读流畅度。左对齐文本适合每行 60到70个字符,两端对齐文本则更适合 70到80个字符。
- 行距(Leading):行距对排版的可读性至关重要。适当的行距能够保持行与行之间的可读性,不宜过紧或过松。
- 字体大小与视觉差异:即使字体的点数相同,不同字体的设计也会导致视觉大小的差异,因此选择合适的字体不仅关乎大小,还影响视觉效果。
掌握这些排版基本原则,有助于你在设计中做出更具可读性和视觉效果的决策。