基础字体排印规则:检验设计眼光的 12 条原则

更新于 2026-08-21

基础字体排印规则能让文字更容易扫读、阅读,也更值得信任。先从层级(hierarchy)、对比、间距和易读的正文入手;装饰性选择放在后面。掌握规则之后,用字体排印测验检验你的设计眼光——它会考你关于字体、间距、字体结构和常见排版术语的实用问题。

1. 建立清晰的层级

层级告诉读者从哪里开始、接下来什么重要。页面标题、章节标题、标签和正文应当呈现为界限分明的层级,而不是一次一处随手挑选的变体。

使用一套小而可复用的字号阶梯。例如:

具体数值可以调整,但层级之间的差异必须肉眼可见。16 px 正文上方放一个 17 px 的小标题,虽然确实更大,但通常太弱,无法引导快速扫读。

快速判断:别人扫一眼两秒钟,能认出标题、章节标题和正文吗?如果不能,就加强层级。

2. 用对比区分不同角色

对比把一种文字角色与另一种分开。字号和字重(weight)往往是最可靠的信号;颜色、大小写、样式和间距可以起辅助作用。

一个 16 px 常规段落后面跟着一个 17 px Medium 的标题,读者只能靠猜。同一段落上方换成 24 px SemiBold 的标题,分界就清晰得多。不要让每个标题同时又粗、又大、又带颜色、又全大写。当每个元素都在争夺注意力时,页面就失去了阅读顺序。

快速判断:某个页面的标题用了好几种颜色,但所有标题的字号和字重都相同。它的层级强吗?通常不强。颜色有帮助,但很少能替代字号或字重上有意义的差异。

3. 先让正文舒适,再谈风格

在许多屏幕上,16 px 是正文的实用起点。但这不是法律:x 字高(x-height)较小的字体可能需要更大字号,而密集的界面文字可能需要更小。

在真实语境中检查正文。可读性取决于字形、前景与背景的对比度、行长、行高,以及人们实际阅读的设备。浅灰色文字在样稿里可能显得克制,放进长文章就会令人疲劳。

当某个选择让时髦与易读性发生冲突时,先保护读者。

4. 给段落足够的行高

行高(line-height),也叫行距(leading),是一行文字到下一行文字的垂直距离。标题通常可以排得紧一些,因为它们很短;段落需要更多空间,才能让每一行保持清晰。

正文行高从字号的 1.4 到 1.7 倍左右开始比较实际。因此 16 px 的段落大约可以用 22 px 到 27 px 的行高。

行距太小,段落会变成一块密实的灰色;太大,每一行又会与上一行失去联系。

快速判断:遮住段落的下半部分,再揭开。你的眼睛能毫不费力找到下一行吗?如果不能,检查行距和栏宽。

5. 控制行长

行太长,眼睛从一行末尾折返到下一行开头就更困难。行太短则会造成断续的节奏,让段落显得支离破碎。

正文的通用参考范围是每行约 45 到 75 个字符(含空格)。把它当作起点,而不是死板的目标:移动端版式、窄边栏和编辑类栏目需要不同的行长。

如果桌面端文字栏太宽,不要立刻缩小字号。先限制栏宽。缩小文字往往是用制造阅读问题的方式解决版式问题。

6. 按阅读任务选择对齐方式

对于长篇英文阅读,左对齐通常是最省力的选择,因为起始边缘始终可预测。居中对齐适合简短、自成一体的文字,例如标题、请柬或紧凑的强调框。

避免把长段落居中。不断变化的左边缘会让读者更难定位每个新行。两端对齐(justified)能形成正式的页面质感,但也可能在单词之间制造分散注意力的空隙。如果要用两端对齐,请在读者实际看到的字号和栏宽下检查效果。

对齐不是装饰。它决定了读者在一段文字中如何移动。

7. 有意识地使用一到两个字体家族

简单的设计用一个家族就能做得很漂亮。如果这个家族包含常规、粗体、斜体和多个字重,它可以承担标题、正文、标签和说明文字,而不显重复。

两个家族也可行,前提是各有明确职责:比如展示字体(display face)负责标题,可读性极高的字体负责段落。更多家族并不自动带来更多表现力;它们往往让页面看起来像拼凑出来的,而不是设计出来的。

关于这个决策的专门指南,见字体搭配规则:8 条让排印更好的简单原则

8. 按角色搭配字体,而不是追求新奇

好的字体搭配能制造有用的对比,又不形成视觉竞争。从功能出发:哪种字体承担长篇阅读,哪种负责开场?

展示衬线字体(serif)加中性无衬线字体(sans serif)常常有效,因为两者角色分明。两种装饰性展示字体往往会互相竞争。两种几乎一样的无衬线字体同样别扭,因为读者能察觉到差异,却不明白它为什么存在。

确定之前,比较那些能揭示字体个性的字母和字符:ag1I、标点和数字。一组搭配在简短样张里可能没问题,放到数据、导航或正文里就露馅。如果你需要围绕熟悉的默认字体构建的示例,这些 Calibri 字体搭配展示了角色与对比如何协同工作。

9. 把粗体当作信号,而不是质感

粗体用来引导注意力。把它留给标题、标签、关键术语,以及读者必须快速找到的少数要点。

当每个段落里都有好几处粗体短语时,就没有什么是特别的了。先问问这句话能否改写,让核心观点自然落地;只有当扫读确实受益时才加粗。

还要确认字体包含真正的粗体字重。人工加粗的文字会扭曲字形,显得笨拙,小字号下尤其明显。

10. 用间距表明什么属于一组

留白是字体排印的一部分。文字周围的空间告诉读者哪些条目构成一组、一个想法在哪里结束。

标题应当离它引出的段落更近,离上一节更远。相关的标签和输入框应当靠近;不同的组之间需要更大的间隔。这条原则常被称为邻近性(proximity),但更有用的问题其实很简单:读者应该把什么看作一个整体?

定义一小组间距数值并反复使用。随意的空行会让版式显得偶然,哪怕字体选择本身没有问题。

11. 避免滥用全大写、斜体和下划线

全大写适合简短的标签,尤其是稍微加大字间距时。放进长篇文字,它千篇一律的单词轮廓会拖慢阅读。

斜体适合轻度强调、书名和偶尔出现的术语,但整段斜体很难读。下划线在网页上通常表示链接,把它用于普通强调会让读者困惑。

选择与任务相称的强调方式。不要在同一个短语上叠加粗体、斜体、全大写、颜色和下划线。

12. 加花样之前先检查一致性

一致性能避免意外的视觉噪音。添加装饰性点缀前,先检查重复出现的元素:

一处妙笔可以令人难忘,但它应该建立在稳定的阅读系统之上。如果层级在纯文本状态下就已失效,渐变或强调色救不了它。想要更全面、以练习为导向的基础,可阅读《新手字体排印基础:可以练习的规则》

五分钟字体排印检查

发布页面、幻灯片或简历之前,过一遍这套流程:

  1. 眼睛微微眯起。层级应当依然可见。
  2. 在正常视距下读一个段落,留意它的字号、对比度、栏宽和行距。
  3. 只扫读标题。不看正文也应能看清它们的层级。
  4. 分别检查窄屏和宽屏。
  5. 去掉一处装饰性处理。如果页面变好了,说明它本来就没有存在的价值。

然后做一做字体排印测验,练习这些决策背后的词汇:字体家族(typeface)与字体(font)的区别、字偶间距(kerning)与字符间距(tracking)的区别、衬线、孤行(widow/orphan)以及各种横线符号。

常见问题

最重要的基础字体排印规则有哪些?

从层级、易读的正文、充足的行高、合理的行长、有意识的对齐和一致的间距入手。字体搭配重要,但用好一个家族胜过用差两个家族。

一个设计里应该用几种字体?

一到两个家族通常足够。只有当新家族拥有明确、可控、能改进阅读系统的角色时,才考虑增加。

正文该用多大的行高?

字号的 1.4 到 1.7 倍左右是实用的起始范围。要用实际的字体和栏宽测试,因为不同的字形需要的空间不同。

居中文字是糟糕的排印吗?

不是。它适合简短、自成一体的文字。放进长段落就难读了,因为每一行的起点都不一样。

怎样提升自己的排印眼光?

比较备选方案,并用大白话解释你的选择。问问读者最先看到什么、什么属于一组、视线接下来去哪里。反复的判断练习会把规则变成本能。

结语

基础字体排印规则的核心,是让读者的路径一目了然。建立清晰的层级,有目的地使用对比,给文字足够的空间,并保持重复元素的一致。当这些关系变得熟悉之后,你就能更快、更好地做出设计判断。

配套互动测验

喵学堂的免费互动测验把这些概念变成随手小测,每题都有人话解析。

看看所有测验

想边学边练,不只是读?

注册后可以用互动课程边学边练,成绩、错题本和学习进度都会自动保存。

免费注册