05 · Type Scale 排版阶梯
字号按固定阶梯走,界面才有主次。拖基准字号,阶梯自动生成;切换标题/正文/辅助各占一档,对比「全一样大」和「落差拉开」。
阶梯设置
基准字号(正文)
16
px
增长比例
小 1.2
标准 1.25
大 1.5
等差增长:档位密、紧凑,手机小屏常用。差值大致相同。
口诀:
正文占一档,标题上跳 2-3 档,辅助下跳 1-2 档。
层级靠落差,不是标题越大越好。
微信首页 · 消息列表对照
标题(最抢眼)
正文/摘要
辅助(时间)