THE DESIGN LAB

设计，动手就懂。

改变一个变量，观察一个结果。把看过的原则，变成自己的直觉。

EXPERIMENT 03 / TYPOGRAPHY

标题与正文之间，多大差异才刚好？

SET THE READING RHYTHM

正文字号16px

14px22px

字号比例1.25×

1.05×1.5×

正文行高1.75×

1.2×2×

LIVE PREVIEW 实时示例

FIELD NOTES / 设计观察

大部分界面，都是由文字组成的。调整字号与行距时，不妨真正读完这一段：标题是否足够醒目？正文是否拥挤？每个段落之间，是否留下了刚好的呼吸空间？

16正文20小标题25章节31.3大标题

观察一下

当前阶梯为 16 / 20 / 25 / 31.3px。这是生成候选值的方法，不是规范要求；中文、字号放大与真实内容都需要一起检查。

IMPLEMENTATION NOTE

--font-body: 16px;
--font-heading: 25px;
--font-title: 31.3px;
--line-height-body: 1.75;

接下来，看看完整界面如何运用这些原则。