Method
Typographic Hierarchy
通过字号、字重、行距和对齐精确控制信息层级,引导视觉阅读顺序。
字体层级(Typographic Hierarchy)是通过字号、字重、行距、字距与对齐的差异化编排,为文本建立清晰视觉优先级的排版方法——让读者在进入阅读之前,就已“看见”信息的结构。
层级不是装饰,而是信息的视觉语法:标题、副标题、正文、注释各居其位,读者的目光沿层级顺序自然流动。米勒-布罗克曼的瑞士排版实践将层级推向系统化——层级不是凭感觉定的字号,而是可复算、可重复的比例关系。
字体层级的思想源头是 1920 年代的新排版运动:扬·奇肖尔德(Jan Tschichold)在《新版面设计》(1928)中提出非对称排版与层级化的字号体系,以功能主义取代传统的居中对称排版。
1950 年代瑞士国际主义将层级与网格结合:米勒-布罗克曼在音乐厅海报与杂志版面中,以精确的字号阶梯与对齐系统示范层级方法。他的《平面设计中的网格系统》(1981)把层级定义为网格系统的核心任务之一——网格是骨架,层级是骨架上的肌肉。
先决定阅读顺序(标题→导语→正文→注释),再为每个层级分配视觉权重。层级让读者在扫读时就能判断内容价值。
字号按比例阶梯递增(如 1.5 倍、双倍或黄金分割),避免零散的任意字号。层级差过小则秩序不显,过大则版面破碎。
同一字体家族内的字重(Regular/Medium/Bold)是层级的第二维度——小字号加粗可以替代大字号,节省空间且更精致。
行距随字号增大而放大,段距大于行距以区分层级。正文行距通常为字号的 1.5 倍左右,标题可至 1.2 倍以内。
全部文本左对齐(或按网格对齐),通过缩进与行首位置表达从属关系——对齐是层级的隐形骨架。
列出全部文本块并归入层级:标题、副标题、正文、注释、页码等。要点:层级超过 5 级时合并,层级越少越清晰。
选用 1-2 个字体家族(正文一个、标题可选同一家族的不同字重)。要点:正文优先可读性,标题优先性格。
以正文字号为基准(印刷 9-10.5pt,屏幕 14-16px),按 1.5 倍左右逐级放大标题字号。要点:字号阶梯写进排版规范,全程照表取号。
标题可用 Bold、正文 Regular,强调用 Medium 或斜体——同一家族内变化,避免字体混搭失控。要点:全篇字重使用不超过 3 档。
正文行距 1.4-1.7 倍字号,段距约等于一行高,标题行距收紧。要点:注释用更小字号+更浅颜色(灰而非纯黑)。
以网格基线对齐全部行,检查各级层级的对比是否清晰。要点:完成后退后三米看——第一眼应能看到标题层级,再进看正文。
Musica Viva 系列海报(1958-1965)是字体层级的成熟示范:音乐会名称以大字重构成视觉主体,演奏信息、日期与地点以阶梯式小字号分层排布——远看是图形,近看是完整信息,层级同时完成传达与构图。
Der Film 海报(1960)将字体层级推向极端:片名字母以超大字号撑满版面,配以精确的行距与对齐——用纯文字完成海报的全部视觉任务,证明层级本身即可成为设计语言。
《平面设计中的网格系统》(1981)的版面本身即是方法的教科书:正文、案例图注、页码按清晰的层级系统排版,每一页都在示范字层级与网格的配合方式。
字体层级最大的风险是“层级疲劳”:每级都强调、处处都突出,等于没有层级。过度依赖字号差异还会导致版面破碎、浪费版面空间。中文排版的特殊限制在于:多数中文字体缺少完整的字重家族(如 Windows 系统字体只有 Regular 与 Bold 两档),字重对比手段受限,需要更多依靠字号、颜色与间距来建立层级。实践建议:先用 2-3 个层级做减法练习,再逐步增加复杂度。
层级与网格配合的系统方法论(第 2-3 章)
非对称排版与层级化的源头文献
日本设计师撰写的实用排版指南,含大量中英混排案例
Müller-Brockmann, Josef. Grid Systems in Graphic Design. Niggli, 1981.
Emil Ruder, Typographie, Verlag Niggli, 2009.
该方法是以下学习路径的教学内容,可在路径中系统进阶。