一、概念

想象你在爬楼梯。 每一级台阶的高度如果不一样，有的高有的矮，你会很容易绊脚，也会走得很累。 但如果每一级的高度都一样，身体就会形成节奏感，走起来轻松自然。排版中的比例分档（type scale ratio），就相当于“楼梯的台阶高度”。它控制着不同字号之间的距离和节奏，让字体从小到大递进时——既有层次，又不会突兀。

举个例子：假设你的正文（body）是 16px，如果每个标题都随手定大小，比如小标题 20px、二级标题 28px、大标题 37px、主视觉标题 64px……看起来没错，但整体“节奏”很乱。而比例分档的思路是：给字号之间设定一个固定的比例关系，比如 1.25（每一档是前一档的 1.25 倍）。于是：

• 16 × 1.25 = 20
• 20 × 1.25 = 25
• 25 × 1.25 = 31
• 31 × 1.25 = 39
• 39 × 1.25 = 49

得到的这串数字：16 / 20 / 25 / 31 / 39 / 49，就是你的「比例分档」，每一档的字号相差一致，排版自然产生韵律。

二、意义

因为我们的眼睛和大脑，都对规律异常敏感。字体的大小如果遵循某种稳定的比例关系，人就会感到：“这排版很舒服，看起来干净、有秩序。”而没有规律的字号，就像一首没拍子的歌：不是不好听，而是让人无从入戏。

比例分档带来的三个核心好处：

1. 建立视觉层级 ：让用户一眼知道哪里是标题、哪里是正文。
2. 提高阅读节奏： 尺度统一的字号让眼睛更容易在信息层之间切换。
3. 方便协作与规范化 ：你团队的所有设计师都能共用一套“字号语言”，不用每次靠感觉。

简单说：比例分档让排版从“凭感觉”变成“有节奏”。

三、类型

这里是比例分档的核心部分，也是最容易被误解的地方。我们来一档档拆解。