原创设计练习 · 4 / 6

字号层级:从正文往上建立

标题、正文和说明之间需要能被读者察觉的差异。字体搭配的层级可以从正文尺寸出发,通过少量明确角色建立。

字号层级原创图例:原创例子:18 / 28 / 42 的练习标尺
原创教学图例。系统字体字形随设备变化,数值为练习起点。

先让正文舒服,再让标题领先

把正文作为阅读基准,比从一个夸张标题反推整页更容易控制。先让一段真实内容在目标宽度内读得顺,再添加引言和标题。

字号不是唯一变量。如果标题与正文差异很小,可同时观察字重和间距是否足以分开角色;若所有变量都极端变化,读者又可能只看到装饰。

原创例子:18 / 28 / 42 的练习标尺

本例正文设为 18px,章节标题为 28px,页面标题为 42px,说明为 16px。这只是练习用起点:用“城市的留白”“沿街观察”以及一段真实正文,比较角色是否能一眼分开。

把页面标题改成“沿着街角寻找城市留白的六种方式”。如果它占据太多行,先调整可用宽度、人工语义断点或较小屏幕的标题尺寸。不要只缩小所有文字来把页面塞回原来的高度。

动手:建立有限的尺寸表

在试排工具中固定正文 18,依次试标题 32、40、48。每次读完整页,选出标题领先但正文仍能接住视线的一版。

把章节标题、卡片标题和说明分别归入角色,并给每个角色一个稳定尺寸。再用长标题和窄屏检查换行,不为了某一个短标题增加孤立的新级别。

适用场景与问答

适合文章页、展示页和多卡片内容页。数字密集的面板可能主要依靠位置、重量与对齐,未必需要大范围的字号差。

常见问题:必须使用固定比例尺吗?不必。比例可以帮助起步,但最终应依据文字长度和阅读环境修正,选择能够解释且能复用的尺寸表。