05 · Type Scale 排版阶梯

字号按固定阶梯走,界面才有主次。拖基准字号,阶梯自动生成;切换标题/正文/辅助各占一档,对比「全一样大」和「落差拉开」。

阶梯设置

16 px
等差增长:档位密、紧凑,手机小屏常用。差值大致相同。
口诀:正文占一档,标题上跳 2-3 档,辅助下跳 1-2 档。层级靠落差,不是标题越大越好。

微信首页 · 消息列表对照

标题(最抢眼) 正文/摘要 辅助(时间)