图和色负责”被看见”，文字负责”被读懂”。但用户不会逐字阅读广告——他们扫（scan）。本文讲如何用排版和文案配合用户的扫读习惯：把最重要的信息放进视线必经之路，用层级和结构让”该读的先被读到、该点的被点得动”。
这是 创意设计与合规系列 的第三篇，与 用户心理学（注意力、认知负荷）和 配色（对比、层级）一脉相承。
TL;DR
- 用户不读，用户扫：排版的首要任务是建立视觉层级，让人一眼看出”先读什么”。层级靠三件事——字号、字重、对比，不是靠更多颜色或线框。
- 顺着阅读动线排版：文字密集页走 F 型（左侧 + 顶部横扫），简洁落地页走 Z 型（左上→右上→左下→右下），CTA 放动线终点。
- 文案讲利益，不讲参数：“省一半电费”胜过”变频压缩机+一级能效”——先说好处，参数留作证据。
- AIDA 四段式：抓注意（钩子）→ 给兴趣（卖点）→ 激发欲望（证据/场景）→ 促成行动（CTA）。
- 一条素材一个核心信息：呼应认知负荷，信息越多转化越低。
- 可读性细节：正文别小于 14px、行距 1.4–1.6 倍、每行 ≤ 阅读舒适宽度、左对齐优于居中长文、字体别超两种。
- 三方视角看文案：广告主要把信息塞进去、媒体要广告不破坏信息流且清晰标注、用户要扫得懂又不被标题党骗——诚实的钩子才是三方都能接受的平衡。
Table of contents
Open Table of contents
1. 用户不读，用户扫：先建视觉层级
尼尔森·诺曼集团（Nielsen Norman Group, NN/g）的眼动追踪研究早有定论：面对网页与广告，用户扫读而非逐字阅读——早期研究中 79% 的用户只扫读、仅 16% 会逐字读。更关键的是，NN/g 对比同一份内容的多个版本发现：把文案改简洁可让可用性提升约 58%、改可扫读提升约 47%、两者叠加高达 124%。所以排版的第一要务不是”排得整齐”，而是建立清晰的视觉层级（visual hierarchy）——让视线在零点几秒内知道”最重要的是哪句、其次是哪句、该点哪里”。
层级靠字号、字重、对比三件事拉开，而不是靠更多颜色或更多线框。
四级层级是广告创意的基本骨架：
- 标题：最大、最重，一句话说用户利益（不是产品名）。这是 90% 的用户唯一会读的部分。
- 副标题：中号，补充定位或场景，给标题一个落点。
- 正文：小号、弱化，放细节和参数，供少数认真读的人查证——可以被略读。
- CTA：不靠大，靠对比（见 配色篇 §4），是整个画面的行动出口。
2. 顺着阅读动线排版：F 型与 Z 型
视线扫过版面有相对稳定的路径。NN/g 的眼动研究归纳出若干”扫读模式”，其中两种最常被用于版面设计——它们决定了关键元素该放哪。
F 型把关键词放行首，Z 型把 CTA 放右下终点——都是让重点落在视线必经之路上。
- F 型（NN/g, 2006，2017 复现）：适用于文字较多的页面（信息流长文、详情页）。视线沿左侧竖扫、并在顶部横扫，越往下越省略。对策：把关键词放每行 / 每段开头，别把卖点埋进段落中段。
- Z 型：适用于简洁的引导页 / 落地页。视线走”左上 → 右上 → 左下 → 右下”。对策：Logo / 品牌放左上，导航 / 次要信息放右上，主视觉居中，CTA 放右下终点——那是动线最自然的落点。
- 古腾堡图（Gutenberg Diagram）：信息均匀分布时，视线沿”阅读重力”从左上流向右下，右下角是”终端注视区”，同样支持把行动号召放在右下。
别把模式当铁律：F / Z 型描述的是趋势，会被强对比元素、图片、视频打断。它们是排布的起点，最终仍应以真实数据（点击热图、A/B）校准。
3. 文案：讲利益，不讲参数
排版决定”怎么读”，文案决定”读到什么”。广告文案最常见的错误是站在产品视角罗列参数，而用户只关心”这对我有什么用”。
- 利益 > 特性：“省一半电费” > “变频压缩机 + 一级能效”。特性是证据，利益才是钩子。先给利益，再用特性佐证。
- 具体 > 抽象：“3 秒出热水” > “高效速热”。数字和场景比形容词更可信、更好记。
- 第二人称 > 第三人称：“你每月多睡半小时” 比 “帮助用户节省时间” 更有代入感（呼应 心理学篇 的选择性注意）。
- 动词开头的 CTA：“立即领取""免费试用 30 天” 比 “了解更多” 转化更高——明确、低门槛、带利益。
案例：一个词的威力。转化优化专家 Michael Aagaard 在 Unbounce 的落地页上，仅把注册按钮从 “Start your free 30‑day trial” 改成 “Start my free 30‑day trial”，点击率提升 +90%，并在多个站点复现出 30%–90% 的提升。注意这里有个反直觉的分工：正文用第二人称”你”和用户对话，而按钮是”用户替自己说话”的动作，用第一人称”我的”往往更强。文案不是配角——除标题外，CTA 是用户几乎一定会读的少数几处文字之一。
4. AIDA：把文案排成一条转化线
零散的好句子拼不成好广告。AIDA（可追溯到广告先驱 E. St. Elmo Lewis 于 1898 年提出的销售漏斗）是最经典的文案结构，把文字排成一条从”被看见”到”被点击”的动线。
一条素材只讲一个核心信息；卖点用『用户利益』而非『产品参数』表述。
- Attention（注意）：前 3 秒的钩子——痛点、反差、利益或好奇。抓不住就没有后面。
- Interest（兴趣）：一句话核心卖点，让用户觉得”和我有关”。
- Desire（欲望）：用证据（口碑数字、对比、使用场景）把”想要”点燃——这里正是社会认同、锚定等 认知偏差 发力的地方。
- Action（行动）：明确、低门槛的 CTA，配合视觉上最强的对比。
5. 可读性：那些不起眼但致命的细节
层级和结构对了，还有一层”手感”决定用户读不读得下去：
- 字号：正文别小于 14px（移动端 15–16px 更稳）；关键信息宁大勿小。
- 行距（line-height）：正文 1.4–1.6 倍字号最舒适，太挤显拥堵、太松断节奏。
- 行宽（measure）：每行控制在舒适阅读宽度内（中文约 20–35 字；英文约 45–75 字符，Bringhurst《The Elements of Typographic Style》建议以 66 字符为佳），过宽会让视线”找不到下一行行首”。
- 对齐：长段落左对齐最易读；居中只适合短标题，长文居中会让每行行首漂移、拖慢阅读。
- 字体数量：一条素材不超过两种字体（通常标题一种、正文一种），字体太杂会稀释品牌感、增加认知负荷。
- 留白：留白不是浪费，是分组和呼吸。元素间距传达”谁和谁是一组”，比画分割线更高级。
- 对比与可访问性：正文与背景对比度 ≥ 4.5:1（详见 配色篇 §5）。
6. 三方视角看文案与排版
文字是三方摩擦最直接的地方——标题党、夸大、藏在正文里的关键条款，往往就是广告主一方独大、牺牲了另外两方。用 心理学篇 §1 的三方视角 对齐一下：
| 角色 | 在乎什么 | 文案/排版诉求 | 常见冲突 |
|---|---|---|---|
| 广告主 | 把信息讲进去、拿转化 | 突出利益、强 CTA、够多信息 | 冲动是”塞满卖点 + 标题党”，反而过载失信 |
| 媒体 / 平台 | 信息流体验、内容可信 | 广告要清晰标注、排版不破坏 feed 节奏 | 伪装成内容 / 标题党 → 拉低平台信任 |
| 用户 | 快速读懂、不被骗 | 层级清晰、诚实、可读、能一眼判断”是不是广告” | 关键条款藏进小字 → 事后觉得被套路 |
- 心理学是共同语言：三方都受注意力稀缺与认知负荷支配——所以”一条素材只讲一个核心信息”不是广告主的妥协，而是对三方都最优的选择。
- 诚实的钩子 vs 标题党：钩子要真（心理学篇 讲的助推），标题党是拿信任换点击（操纵）。前者三方共赢，后者透支的是用户对平台的整体信任，媒体因此才强制”广告/赞助”标注。
- 平衡点：用视觉层级（§1）和 F/Z 动线（§2）让广告主的核心信息高效触达，用诚实的利益型文案（§3）和清晰标注满足用户与媒体——三者叠加，转化和信任才能同时成立。
7. 常见误解 ↔ 正解
| 常见误解 | 正解 |
|---|---|
| 用户会认真读完广告文案 | 用户只扫；先建层级，把重点放进视线必经之路 |
| 卖点越多越有说服力 | 一条素材一个核心信息，多=认知过载=转化下降 |
| 罗列参数最能证明实力 | 参数是证据不是钩子；先讲用户利益，参数佐证 |
| 标题居中最好看 | 长文左对齐最易读，居中只适合短标题 |
| 字体越多越有设计感 | 不超过两种字体，杂乱稀释品牌与可读性 |
| CTA 写”了解更多”就行 | 动词开头 + 利益 + 低门槛的 CTA 转化更高 |
8. 收尾：把一句烂文案改活（示范）
规则讲完，看一次落地。拿一句典型的”产品视角”文案，用本文的原则逐步改写：
- 原句：
采用新一代变频压缩机与一级能效技术，为您带来卓越体验病灶：讲参数不讲利益、形容词空洞、没主角、无 CTA。 - ① 翻译成利益（§3）：
一晚只用一度电——把”变频 / 一级能效”换成用户能感知的好处。 - ② 加具体数字（§3）：
一晚一度电，电费省一半——数字比形容词更可信、更好记。 - ③ 搭 AIDA 骨架（§4）：标题
电费又涨了？（抓注意）→ 副标一晚一度电，省一半（给兴趣）→ 正文摆能效证据（激欲望）→ CTA算算我家能省多少（促行动）。 - ④ 配层级与动线（§1–§2）：标题最大最重、CTA 高对比放在动线终点、正文弱化可略读。
同一件事，从”没人看的参数”变成”看一眼就想算账的钩子”——排版决定被不被读到，文案决定读到之后动不动心。
排版和文案是把 心理学 与 配色 落地成”用户真正读到的东西”的最后一公里。但在”读到什么”之前，用户的眼睛得先落在对的地方——下一篇 视觉构图与动态创意 补齐”第一眼看哪”的视觉骨架。
参考文献 / 延伸阅读
- Nielsen, J. How Users Read on the Web (1997).——nngroup.com（79% 只扫读；简洁/可扫读的可用性提升）
- Nielsen Norman Group. F-Shaped Pattern of Reading on the Web.——nngroup.com（F 型阅读动线）
- Aagaard, M. How to Design Call-to-Action Buttons That Convert. Unbounce.——unbounce.com（“your”→“my” CTA +90%）
- Bringhurst, R. (2004). The Elements of Typographic Style.（行宽/行距等排版基准）
- AIDA 模型：可追溯至 E. St. Elmo Lewis（1898）提出的销售漏斗。
创意设计与合规系列 · 建议按序阅读
- 用户心理学与行为哲学——懂人
- 创意配色——用色
- 文案与排版（本篇）——用字
- 视觉构图与动态创意——构图与动
- DCO 动态创意优化与创意疲劳——规模化
- 创意 A/B 测试与有效性度量——用数据验证
- 地区政策与合规——守边界
完整阅读路径见系列页。