层级:大小、粗细与颜色
层级就是帮观众排好看顺序
观众看页面有自己的顺序:先看最大的、再看最深的颜色、最后看细小的。这个顺序是大脑的本能。所以制作者的任务,是利用大小、粗细、颜色,把希望观众先看的元素排在视觉序列的前面。这就叫视觉层级。
层级清晰的页面,观众三秒内知道主次;层级模糊的页面,所有元素大小颜色都差不多,观众只能从头到尾扫一遍,累且抓不到重点。判断层级好不好,用半眯眼测试:虚着眼睛看页面,还能分清哪些块是重点,层级就成立。

三大手段:大小、粗细、颜色
大小是最直接的层级语言。标题比正文大、图表比说明文字大,大就等于重要。新手常犯的错误是大小差距不够:标题 28 磅正文 24 磅,看起来像兄妹而不是父子。经验是相邻两级字号差距至少要明显拉开,比如标题 32 磅、小标题 24 磅、正文 18 磅,阶梯感才出来。
粗细是成本的层级语言。同样字号,加粗就重一等。把关键词加粗,比换颜色更克制,也更专业。一页里加粗的词不要超过三五个,全加粗等于没加粗。
颜色是情绪的层级语言。深色比浅色重,暖色比冷色跳。用一个强调色突出一句话或一个数字,效果立竿见影。但强调色整套材料只用一个,多了就互相打架。关于配色的系统方法,下一章会展开。
| 手段 | 语言 | 常见误用 |
|---|---|---|
| 大小 | 直接重要性 | 层级差距太小 |
| 粗细 | 成本与强调 | 通篇加粗 |
| 颜色 | 情绪与聚焦 | 强调色超过一种 |
| 位置 | 阅读顺序 | 重点放在右下角 |
| 留白 | 呼吸与分组 | 元素贴成一堆 |
字号阶梯怎么定
定一套字号阶梯,整套材料复用,是效率和专业双赢的做法。演示型可以这样配:主标题 40 磅以上、页标题 32 磅、正文 24 磅起、注释 18 磅。阅读型小一号:页标题 28 磅、正文 16 到 18 磅、注释 12 到 14 磅。关键是每一级之间差距明显,并且全局统一,不能这页正文 24 那页正文 22。
统一字号最快的办法是改母版,一次改完全套。手动逐页调字号新人至少干过一次,那滋味不想再来。母版的用法本章后面会专门讲。

在实践中校准层级感
做一个练习:拿自己做过的一页,把所有元素的字号、颜色、粗细先全部归零(统一字号、统一黑色、不加粗),然后像装扮素颜一样依次加回:先给标题加大字号,再给关键词加粗,最后给一个数字上颜色。每加一步,看一眼页面变化。你会切身体会到三个手段分别承担什么功能,以后再排版就有了章法。
另一个有效的练习是看优秀版式(海报、网页、杂志都可),把页面元素按视觉重量从重到轻列一遍,你会发现专业作品的层级往往只有三到四级,层级越多越乱。好的设计不是做加法做出来的,是做减法做出来的。这些观察笔记值得沉淀进 Obsidian 指南 里的灵感库,变成你的视觉语料。
层级与内容深度的配合
层级还是内容的翻译。标题、小标题、正文、注释,四级内容天然对应四级层级,一一映射就行。糟糕的版式往往是层级和内容对不上:注释级的内容用了正文字号,或者标题级的内容只比正文大两磅。把内容先分级、再排版,顺序永远不能反。
汇报页面的层级还有个特殊用法:结论句单独一级,字号最大颜色最深,支撑的图表降一级,数据来源再降一级。观众先看到结论,被吸引后才往下看支撑,这正是汇报的节奏。配图的底稿处理依然要回到 Excel 工作台 讲的规范,数据源头干净,版式才有意义。
层级与背景的关系
层级有时候要借助背景实现。给一块内容加浅色底,就算字号不变,它也立刻从同辈里跳出来,因为底色改变了视觉重量。常见做法:结论句放在浅色色块里,或者页眉加一条细色带区分板块。色块用浅灰即可,深色底块太抢戏,除非封面场景。
反过来要警惕深色背景整页使用。深色底会让所有文字反白,阅读几页就累,而且对投影设备要求高、环境光一强就看不清。深色底只在发布会的短时演示里有奇效,日常工作汇报里基本是负担。
字重和颜色的组合拳
三招分开练完,组合使用才是日常。一个经过验证的组合:标题用大号加粗,关键词加粗不变色,唯一的一个关键数字放大并上强调色。这样一眼看去,标题、关键词、数字形成三个清晰的层次,每个层次都有明确的功能,没有一笔多余的修饰。
层级做多了会形成一种直觉:看到一段字,下意识知道它该排多大多深。这种直觉来自大量看好作品积累的视觉经验,急不来,但临摹和复盘能加速。把每天看到的好版式截图存档,标注它哪里层级做得好,半年后你的眼力一定不一样。
新手快速自检:三个眨眼之间
最后给一个非常实用的自检法:把页面缩到缩略图大小(或者半眯眼睛),问自己三个问题。第一,这页最先吸引你的是哪个元素?第二,那个元素是不是这页最想表达的内容?第三,除了它,还能数出几个明显不同的层次?
三个答案如果都明确,这页层级合格。如果第一个问题你就回答不上来,说明这页没有焦点,需要重新设计层级。缩略图检验比逐像素检查更接近观众的真实观看状态——大屏幕上观众第一眼看到的,就是你缩略图里看到的。
层级背后的信息架构
说到底,视觉层级是信息架构的翻译。下笔排版之前,先问自己这页内容的架构:是一句话加证据?是三个并列要点?还是流程递进?架构想清楚,层级自然就出来了:主结论最大,三个要点同号,递进步骤用箭头小一号。架构没想清楚,排版就是在给混乱化妆,怎么改都救不回来。
这也是为什么本书把结构章节排在版式章节之前。新手觉得排版难,多半难在内容架构没想清,而不是软件操作不熟。每次卡住的时候,先跳出软件,在纸上把这一页的信息架构画一遍,比在软件里反复拖拽有效十倍。画不出来的页面,就是没想清楚的页面。
| 信息架构 | 对应层级处理 | 示例 |
|---|---|---|
| 结论加证据 | 结论最大,证据其次 | 汇报页 |
| 三点并列 | 三块同号等距 | 要点页 |
| 流程递进 | 箭头串起等号步骤 | 方案页 |
| 对比两方 | 左右两栏同号 | 优缺点页 |
给新人的三周训练计划
想真正掌握层级,可以照着一个三周计划练。第一周只练大小:每页内容只用字号变化排出版式,不用颜色不加粗。第二周加入粗细:在上一周基础上只用加粗强调关键词。第三周加入一个强调色:只有一个,点在最重要的数字上。每周限制自己只用一种手段,三周后组合使用,你对手法功能的理解会完全不同。
限制是训练的捷径。什么都能用的时候往往什么都用不好,一次只用一种手段,才能真正体会到它的力度。这也是所有手艺训练的通用方法。
层级翻车现场速查
层级失败有固定模式,对照下面这张表快速诊断。页面看起来乱但有具体方案,修起来往往只要两三步。
| 症状 | 病因 | 处方 |
|---|---|---|
| 所有文字差不多大 | 字号阶梯没拉开 | 标题放大或正文缩小 |
| 页面没有焦点 | 缺少最大或最深的一级 | 给结论单独放大上色 |
| 强调太多 | 加粗或变色滥用 | 每页只保留一个强调 |
| 排版有呼吸感但抓不住重点 | 层级与内容架构不对应 | 重画信息架构再排版 |
| 数据和标题分不清主次 | 数据图表没整体处理 | 图表整体降一个层级 |
诊断表的价值在于把模糊的感觉变成具体的操作:觉得页面乱,多半不是整体都乱,而是某一环层级出了问题,找准那环改掉就好。
最后分享一个高级技巧:对比拉动层级。把一句话的字号放大到其余文字的三倍以上,这种极端对比产生的张力,比大小适中地分四级更有冲击力。新人怕极端,总在安全范围内微调,其实大胆拉开差距反而更安全——差距足够大,观众绝不会误读主次。下次排版时试着把核心结论放大到你不好意思的程度,再缩回来一点,往往那就是最对的尺寸。层级没有秘密,说穿了就是拉大差距然后克制使用。把每页的层次控制在三到四级以内,比堆砌七级层级高级得多。真正的分寸感,是在观看者的无意识中建立的:他说不出哪里好,但就是看得舒服、看得明白。这就是层级功力的最终体现,也是本章全部练习想要带你抵达的地方。 需要补充的是,层级感是可以迁移的:你在 PPT 里学会的大小粗细对比,做简历、做海报、甚至做表格高亮,全都能直接套用。一法通万法通,这就是基本功的价值。层级是骨架,配色是血肉,两者相加才有气质。层级管的是看得清,配色管的是看上去舒服,缺了哪一样,页面都会立刻露馅。所以学完层级立刻配色,两章配合着练,进步最快。还记得那句老话吗:先有结构,再有外表,顺序对了,一切都顺。如果你今天只能记住一件事,请记住三秒测试:任何页面做完,眯起眼睛看一眼,重点跳出来就合格,跳不出来就重排。这个习惯比任何技巧都值钱,因为它把观众的视角永远放在你自己的判断之前。配色是层级的放大器,下一章我们就进入配色的世界。
延伸阅读
- 配色方案的系统方法,看本章下一节
- 素材与灵感库的沉淀,看 Obsidian 指南
- 数据底稿的规范,看 Excel 工作台
