品牌字体层级：标题正文与注释的建立

2026.10.29

一份物料上，标题、正文、注释看起来"差不多大"，读者就不知道该先读哪儿——问题不在字号够不够，而在层级没有建立。字体层级是指在同一套视觉系统里，用字号、字重、字距与颜色把文字分成明确的级别，让读者一眼看出"先读什么、再读什么、可以略过什么"。本文讲清建立层级的四个变量、几级就够、四步搭建方法，以及四类典型问题。

一、层级靠四个变量建立

层级不是"把标题放大"，而是四个变量一起用。

变量	作用	常见做法	风险
字号	第一眼区分层级	标题与正文拉开 1.5–2 倍以上	只靠字号，层级会很"吵"
字重	在不动字号的前提下加重	标题用粗体、正文常规	全篇都粗，等于没有层级
字距	微调气质与可读性	大标题收紧、小字放松	小字收太紧会糊
颜色与灰度	让次要信息主动退后	注释用中灰、正文用近黑	灰色过浅，对比度不足

四个变量里，最容易被忽略也最有效的是"灰度"。 把注释从纯黑改成中灰，比把它缩小一号更能让读者感觉"这是次要信息"。但灰度不能随便用——无障碍要求正文与其背景的对比度达到可核对的阈值（普通文本 4.5:1、大号文本 3:1 是常见分级），这一点在无障碍设计中的色彩怎么做？对比度与色盲友好里有完整说明。

一句话总结：字体层级靠四个变量共同建立——字号（拉开第一眼差距）、字重（不动字号加重）、字距（微调气质）、以及最容易被忽略却最有效的颜色与灰度；但灰度必须受对比度约束（普通文本 4.5:1、大号文本 3:1）。

二、三到五级就够

层级越多，读者越难分辨；超过五级通常说明信息没整理清楚。

级别	典型用途	关键约束
一级：主标题	名称、口号、版块标题	与正文拉开足够差距，字距略收
二级：小标题	段落级引导	与正文差一档字重或半档字号
三级：正文	承载信息主体	字号不宜小于五号（出版类行业标准要求）；行距按媒介定
四级：注释与引用	来源、说明、图注	不小于正文的 70–80%，且对比度仍达标
五级：数据与单位	表格、参数	数字用等宽数字，单位略小一档

正文是一切层级的基准，先把它定死。 出版方向有一条明确的底线：学术图书类行业标准 CY/T 120—2015 要求正文字号不宜小于五号；互联网方向则有 GB/T 37668—2019 的"行距至少 1.5 倍"（推荐性国标，限网页与移动应用）。也就是说，"正文用多大、行距多少"不是自由发挥，先看你的媒介适用哪一条。

一句话总结：三到五级就够——主标题、小标题、正文、注释、数据；正文是层级的基准，出版方向受"字号不宜小于五号"约束，互联网方向受"行距至少 1.5 倍"约束，所以定层级的第一步是先把正文定死。

三、四步搭建层级

顺序是：先定正文，再定比例，再定注释，最后写进规范。

第一步，定正文。 按媒介选定正文字号与行距（出版看 CY/T 120—2015，互联网与网页看 GB/T 37668—2019 与无障碍指南的对应条款）。这一步产出的是"基准值"，不是"最好的值"。

第二步，定比例。 给标题选一个可复用的比例（如 1.5 倍、1.6 倍、1.25 倍），同级标题一律用同一档。比例的意义是"别人能复现"，而不是数学上更美。

第三步，定注释的下限。 注释往往是小字，先确定它在你最差的输出条件下仍可读：印刷看最小字号与纸张、屏幕看最小字号与对比度。定完下限再往上调，而不是先按设计稿的好看定。

第四步，写进规范。 把各级的字号、字重、字距、颜色、行距写成一张表，并标明"哪一级可以调、哪一级不能动"。

这套交付逻辑与品牌色彩规范怎么写？从编写到交付的方法完全一致——规范的价值不在写全，而在别人照着做不会走样。若品牌有中西文并用，各级的字号还要按中英文字体怎么搭配？字号字重与基线的匹配原则做视觉大小匹配。

一句话总结：四步搭建层级是先定正文（按媒介选字号与行距，产出基准值）、再定可复用的字号比例（同级同档）、再定注释在最差输出条件下的可读下限、最后把各级参数写成一张表并标明可否调整；中西文并用时还要做视觉大小匹配。

四、四类典型问题

第一种：只靠字号分层级。 字号拉得很开，但字重、灰度全一样，页面显得"吵"。修正方向是加一个非字号变量（字重或灰度），让层级更安静。

第二种：层级过多。 一份物料里出现六七个字号，读者无从判断。修正方向是合并到三到五级，把相近的两级并成一级。

第三种：注释太小且太浅。 注释既要小又要淡，结果谁都看不清。修正方向是先保可读下限，再在对比度允许的范围内做"退后"。

第四种：规范里只写字号。 交付文件只有字号表，没有字重、颜色与行距，别人照做就变样。修正方向是把四个变量都写进表，并给出示例。

典型问题	成因	修正方向
只靠字号	单一变量	增加字重或灰度变量
层级过多	未合并同级	收敛到三到五级
注释过小过浅	只追求美感	先保可读下限，再退后
规范只写字号	交付不完整	四变量入表并配示例

一句话总结：四类典型问题是只靠字号分层（应增加字重或灰度）、层级过多（应收敛到三到五级）、注释过小过浅（应先保可读下限再退后）、规范只写字号（应把字号字重字距颜色行距四类参数一起入表）。

常见问题

Q1：标题和正文的字号差距有标准吗？

没有"必须差多少"的标准，但有一条可操作的判断：远看时能不能立刻分出两级。常见做法是让主标题与正文拉开 1.5–2 倍以上；如果只差一号字，通常要靠字重来补。真正的约束在别处——正文字号与行距有标准底线（出版与互联网方向不同），而标题与它的差距属于设计判断。

Q2：注释可以用浅灰色吗？

可以，但要满足两个条件：一是对比度仍达到可核对的阈值，二是在最终输出条件下实测（印刷看实物、屏幕看真实设备）。"设计稿上看得见"不等于"交付后看得见"——尤其在小尺寸印刷与低亮度屏幕上，浅灰最先失守。

Q3：零基础怎么练层级？

按"拆、量、排"三步练。第一步拆：找三份层级清楚的物料（一本杂志、一份说明书、一个 App 界面各一份），用不同颜色框出它们的各级文字。第二步量：量出各级的字号、字重与颜色，做成自己的"层级表"。第三步排：用同一段内容按你的层级表重排一次，再把成品缩到 30% 看——缩小后仍能分出层级的，才是真的层级。