教程图文信息层级：一套教程拆成 12 张卡片
先设计读者的“完成路径”，再设计页数
教程图文信息层级要解决的不是“给每页加个编号”，而是让读者在任何一页都知道：自己在解决什么问题、做到第几步、下一步该干嘛。很多教程卡片栽跟头，不是因为内容不专业，而是把背景、操作、例外和结论全塞进一张图，读者得先猜“重点在哪”，才看得到方法。
所以顺序要反过来：先画出读者从“什么都不会”到“任务完成”的路径，再决定用几张。页数是从路径里长出来的，不是先定 12 张再往里填内容。路径里的每一个决策点、每一个容易出错的岔路，才是真正需要单独成页的地方。本文讲页数如何从读者路径推导；完整跑一遍 8 张结构的示例，见一篇教程怎么拆成 8 张图文。
四层信息，四种卡片
一个完整教程通常有四层信息，刚好对应四种卡片：
- 任务层：谁在什么场景下，能得到什么结果。
- 路径层：完成任务要经过哪几个阶段。
- 步骤层：每一步的动作、输入和输出。
- 检查层：怎么确认没做错、什么时候该换方法。
UX 写作里的“信息前置”和“渐进披露”说的就是这个顺序：先给能让读者做决定的信息，再按需补细节。Stanford HCI 的 UX Writing 课件 适合作为延伸教材，其中关于信息顺序与读者负担的讨论，可以直接套到教程卡片设计上。
把 12 张卡片当作结构检查表
一套可参考的 12 张结构：1 封面说明任务和收益；2 适用对象与准备条件；3 全流程地图；4 常见误区或结果预览；5–9 分别讲五个关键步骤；10 解释一个容易出错的分支；11 用清单复盘；12 给下一步资源或练习。
它不要求你硬凑满十二页，逼你检查的是三件事：“背景有没有抢走步骤的空间”“异常情况是不是藏在正文里”“读者知不知道完成标准”。如果一份教程删掉第 2 张和第 10 张依然读得通，说明它本来就该是 8 张以内。
每张卡片内部也要分层
每页顶部一句动作标题，比如“先确定读者要带走的一个结果”；中间留一个图、一个短例子或不超过三条要点；底部提示下一页怎么接。标题用动词开头，读者扫一眼就知道要做什么；正文只留支撑这一页结论的内容。一页出现四个以上并列动作，通常说明该拆步骤，或把某项挪到附加清单。层级不清的典型信号是：同一张卡里既有“为什么”又有“怎么做”，还夹带一个例外——这时拆开比换模板更有效。
用网格减少“每页都重新设计”的成本
教程最需要的不是每页都不同，而是可预测。给整组图文固定标题区、内容区、页码或进度区的位置，让读者形成浏览节奏。网格不是把元素排齐就完事，它真正的作用是限制信息密度：当内容区只允许放一个主图加三条要点，编辑会被迫删掉无关解释。封面可以更有张力，内页则把重点放在识别和比较上。
在图卡狐编辑器里，先建一张“步骤页母版”，把标题、编号、正文和提示区固定，再复制出各页。最后别逐张看，把缩略图并排放一起看：哪页特别挤、哪页没结论、哪两页其实说的是同一件事。这个检查能把视觉问题拉回内容问题。想了解信息分组的原理，可参考 NN/G 关于分块（chunking）的说明。
一个定页数的实例
假设教程是“把一份调研笔记整理成可发布的图文”。先走一遍读者路径：确认笔记来源与授权、按主题分组、为每组写一句结论、补一个例子、检查数字和术语、导出。这个路径里有六个明确动作，没有前置条件和分支，只用一个线性流程就能讲完，那就该用 8 张，而不是硬凑 12 张。只有当“授权不明确时怎么办”“两组结论冲突时怎么取舍”这类岔路必须交代时，才把分支单独成页，页数自然增加到 12 张左右。先数决策点，再数页数，比套模板可靠得多。
与 8 张方案如何分工
教程只交代一个线性动作，用8 张图文拆分方案就能搞定；教程里有前置条件、分支、检查或练习，再上这套 12 张结构。判断标准只有一个：读者不靠作者解释，能不能把任务完成。更要避免的是两边都用半套——既没有 8 张的简洁，也没有 12 张的完整，读者反而更累。
发布前检查清单
- 每一页是否只回答一个问题，标题是否说明动作？
- 读者在第 3 页能否看出完整路径？
- 异常和分支有没有独立成页，而不是埋在正文里？
- 完成标准是否写清，读者能否自查？
- 缩略图并排看时，是否有重复页或缺页？
参考资料与延伸阅读
常见问题
- 教程一定要拆成 12 张吗？
- 不一定。12 张只是覆盖完整教学路径的参考结构；内容简单时应减少，概念复杂时可拆成系列。
- 每张卡片放多少字合适？
- 没有固定数字。以读者停留几秒能看出该页结论与下一步动作为准，长解释应改成例子或下一页。
- 怎么判断该用 8 张还是 12 张结构？
- 看教程有没有前置条件、分支、检查或练习。只有一个线性动作就用 8 张；读者不靠作者解释也要能完成，才值得上 12 张。