Coursera 笔记

Week 02 · Fundamentals of Typography字体设计基础

Typesetting Text🅣 文本排版

Coursera ↗

在前面的部分,我们已经学习了与字母和单词相关的排版术语。接下来,我们将探讨这些术语在文字块中如何变化以及它们的复杂性。此时,许多新的术语将被引入。


文字块的排版

当文本被设置为一整块连续的内容时,通常称为 正文文本(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):行距对排版的可读性至关重要。适当的行距能够保持行与行之间的可读性,不宜过紧或过松。
  • 字体大小与视觉差异:即使字体的点数相同,不同字体的设计也会导致视觉大小的差异,因此选择合适的字体不仅关乎大小,还影响视觉效果。

掌握这些排版基本原则,有助于你在设计中做出更具可读性和视觉效果的决策。