初学者学习排版（Typography），归根结底只有一个目标：让书面信息更容易被注意到、读懂和理解。实现这一点，靠的是控制层级、间距、对齐和字体选择，而不是收集更多字体。先学习下面这些规则，再通过排版测验检验你的眼光，把它们变成快速判断。
从层级开始：先让读者看到重点
排版层级（Typography hierarchy）是读者注意到文字时形成的视觉顺序。没有层级的页面会像一堵文字墙，因为每个元素都在争抢同等的注意力。
大多数简单版式只需要几个层级：
- 标题： 核心观点或页面标题。
- 副标题： 用于划分主题的实用标签。
- 正文： 读者会花时间阅读的说明内容。
- 辅助文字： 图片说明、标签、日期或备注。
你可以通过字号、字重、颜色、位置和留白建立层级。字号通常是最直观的工具，但不该承担全部工作。即使标题很大、很粗，如果周围文字挤得太紧，依然会显得不够突出。
一套实用的层级设置方法
可将下面的设置作为短文、海报或演示幻灯片的起点：
- 标题：32–48 px，粗体或半粗体
- 副标题：20–28 px，中等字重或半粗体
- 正文：16–20 px，常规字重
- 图片说明或元数据：12–14 px，常规或中等字重
具体数值不如各层级之间的差异重要。如果标题是 24 px，正文是 22 px，读者可能感受不到明显区别。可以拉大字号差距、改变字重，或给标题留出更多周边空间。
练习：修正平淡的文字块
想象下面内容使用了相同的字号和字重：
> 建立更好的学习习惯 > 一份实用的每周计划 > 从一次现实可行的学习开始。记录哪些事情打断了你。下周再作调整。
更清晰的版本可以是：
- 将“建立更好的学习习惯”设为最大、最粗的文字
- 将“一份实用的每周计划”设为较小的副标题
- 将最后两句话设为常规正文，并增加行距
问问自己：读者在房间另一头最应该先看到什么？那个元素就需要最强的视觉处理。
用间距让文字更易读
间距并非无意义的装饰。它能提示读者哪些文字属于同一组，以及一个观点在哪里结束。
主要的间距类型包括：
- 行距（leading）： 文本行与行之间的垂直距离
- 字距（tracking）： 一段文字中各字母之间一致的间距
- 字偶间距（kerning）： 针对某一对字母进行的间距调整
- 外边距和内边距： 文字块周围的空间
- 段落间距： 段落或章节之间的距离
设置舒适的行距
正文行距过紧会让人读得疲惫，尤其是在长段落中。行距过松则会让每一行看起来与下一行脱节。
正文的行距设为字号的 1.4–1.7 倍，通常是可靠的起点。例如，16 px 的正文搭配 24–27 px 的行距，往往读起来很舒服。标题通常需要更小的行距，因为它的行更短、字号更大。
试试这条规则：如果一个两行标题看起来像两条互不相关的标题，就收紧行距；如果一段文字显得密集、难以进入，就先增加行距，再考虑换字体。
不要把字距当成补救工具
略微加大字距，有助于短小的全大写标签，例如 NEW LESSON 或 PRACTICE QUIZ。但它通常不是改善难读正文的好办法。如果段落显得拥挤，应该先检查字号、行距、栏宽和对比度。
字偶间距则更有针对性。它用于处理展示性文字中不协调的字母组合，例如 “To”“WA” 或 “Yo”。制作精良的字体通常会自动处理这些问题，但较大的标志或标题有时仍需要手动调整。
有意识地对齐文字
对齐为版式提供了看不见的结构。当左边缘、基线或栏位彼此对齐时，读者可以更省力地扫读。
对于大多数英文内容，左对齐是最稳妥的选择。它提供稳定的起始边缘和自然的词间距。居中对齐最适合短文本：邀请函、小型主视觉区域、引文或标签。由多行组成的居中段落较难扫读，因为每一行的起点都不同。
除非你能仔细控制最终效果，否则应避免在窄栏中使用两端对齐。它会造成不均匀的词间空隙，也就是常说的“河流”，从而分散读者对信息的注意力。
快速检查对齐
发布前，先不读文字，只看整体版式。
- 标题是否与对应段落保持一致的左边缘？
- 按钮、标签或图片说明是否对齐到可见的网格？
- 居中文字是否足够简短？
- 相关内容之间的距离，是否比不相关内容更近？
最后一个问题很重要。邻近关系会传达含义。图片说明应当更靠近对应图片，而不是下一节标题。
按角色选择字体，而非追求新奇
初学者常常会卡在寻找“完美”字体上。先选择适合不同角色、并且在所需字号下依然易读的字体。
一种实用的入门方法，是使用同一个字体家族中的多种字重。许多字体家族都包含常规、中等、半粗和粗体样式，让你能建立层级，而不会制造视觉噪音。
如果使用两个字体家族，就要赋予它们不同的任务：
- 用展示字体作为标题
- 用中性、易读的字体作为正文
这组搭配应有足够的差异，让人感到是有意为之；但也不能差异过大，以至于页面像由互不相干的部分拼凑而成。
有效的字体搭配规则
通过对比搭配，而不是制造冲突。 衬线字体标题配合干净的无衬线正文字体，通常可行，因为两者的角色明显不同。两种相似的无衬线字体也可以搭配，但前提是它们的字形、字重或比例差异足够明显。
控制字体数量。 对初学者项目而言，两个字体家族通常已经足够。第三种字体应有明确理由，例如代码示例或具有辨识度的活动标签。
检查真实文本。 不要只凭字体样张中几个优雅的字母就决定搭配。请实际输入标题、段落、数字、标点，以及读者会经常看到的词语。
避免用装饰性字体排正文。 某种字体在标题中可能很有表现力，但放进十行正文里就会让人疲惫。
控制行长与对比度
排版不仅由字体决定，也受容器影响。行太长时，读者难以找到下一行；行太短则会让阅读断断续续。桌面端正文应保持适中的行长，而不是让文字横跨整个屏幕。
颜色对比度同样重要。白底上的浅灰色文字可能显得细腻，但细腻不一定等于易读。正文应与背景形成清晰对比。拿不准时，可以在普通光线下和更小的屏幕尺寸上测试设计。
10 分钟排版练习
从笔记、作品集或学习指南中选取一个段落，完成下面练习。
- 将 80–120 个单词复制到空白文档中。
- 使用一种易读字体，将正文字号设为 16–18 px。
- 添加一个标题和一个副标题。
- 先通过字号、字重和间距建立层级，再添加颜色。
- 正文左对齐，并保持适中的行长。
- 调整行距，直到段落既显得舒展，又保持连贯。
- 只有当第一个字体家族无法形成足够区分时，才添加第二种字体。
- 离开页面一分钟，再回来时不要读内容，只扫视版面。注意你的视线最先落在哪里。
如果你无法立刻辨认出标题，就强化它。如果段落像一整块灰色矩形，就改善间距，或将它拆成更短的小节。
排版测验在这里很有用，因为它能让你在限制条件下训练同一种判断力：快速发现薄弱的层级、不协调的搭配、不均匀的间距或对齐错误。
初学者可以避免的常见排版错误
使用过多字体
更多选择很少能带来更多清晰度。先从一个字体家族开始，只有在第二个字体能为设计提供有用对比时再加入它。
所有文字都加粗
粗体之所以有效，是因为它与常规文字形成对比。如果每一行都是粗体，就没有任何内容得到强调。
把标题当作放大的正文
标题需要自己的间距、行距和视觉角色。给它足够的空间来引出这一节内容。
忽略标点和数字
检查撇号、引号、破折号、百分号和数字。某种字体在标题中看起来不错，但在小字号下可能无法妥善呈现这些细节。
常见问题
排版的四项基础是什么？
对初学者而言，一个实用框架是层级、间距、对齐和字体搭配。它们共同决定读者先注意到什么、阅读是否舒适，以及页面是否显得井然有序。
初学者应该使用几种字体？
许多项目只用一个字体家族就足够。对于大多数初学者版式，两个字体家族是实用的上限：一个用于展示文字，一个用于正文。
正文字号应该多大？
在数字设备上阅读时，16–20 px 是常见的起始范围。请在最终版式中测试，因为屏幕尺寸、字体设计、行长和对比度都会影响可读性。
正文应该居中吗？
通常不应该。英文左对齐正文更容易扫读。居中对齐应保留给短文本块，并且应当是对称式视觉效果确实有助于设计的时候。
结语
优秀排版是一连串以可读性为核心的决定：让重要性一目了然，给文字留出空间，对齐相关元素，并克制地选择字体。用真实内容练习这些决定，再通过排版测验磨炼视觉直觉，让版式不仅好看，更清晰易读。