教程图文信息层级：一套教程拆成 12 张卡片
先设计读者的“完成路径”，再设计页数
教程图文信息层级要解决的不是“给每页加个编号”，而是让读者在任何一页都知道：自己在解决什么问题、做到第几步、下一步该干嘛。很多教程卡片栽跟头，不是因为内容不专业，而是把背景、操作、例外和结论全塞进一张图，读者得先猜“重点在哪”才看得到方法。
一个完整教程通常有四层信息，刚好可以对应四种卡片：
- 任务层：谁在什么场景下，能得到什么结果。
- 路径层：完成任务要经过哪几个阶段。
- 步骤层：每一步的动作、输入和输出。
- 检查层：怎么确认没做错、什么时候该换方法。
UX 写作里的“信息前置”和“渐进披露”说的就是这个顺序：先给能让读者做决定的信息，再按需补细节。Stanford HCI 的 UX Writing 课件 适合作为延伸教材。
把 12 张卡片当作结构检查表
一套可参考的 12 张结构：1 封面说明任务和收益；2 适用对象与准备条件；3 全流程地图；4 常见误区或结果预览；5–9 分别讲五个关键步骤；10 解释一个容易出错的分支；11 用清单复盘；12 给下一步资源或练习。它不要求你硬凑满十二页，逼你检查的是三件事：“背景有没有抢步骤的空间”“异常情况是不是藏在正文里”“读者知不知道完成标准”。
卡片内部也要分层。每页顶部一句动作标题，比如“先确定读者要带走的一个结果”；中间留一个图、一个短例子或不超过三条要点；底部提示下一页怎么接。一页出现四个以上并列动作，通常说明该拆步骤，或把某项挪到附加清单。Canva 设计教育资源里对层级、留白和模板的讨论可作视觉组织的补充参考，但版式仍要按内容重新判断。Canva Design School
用网格减少“每页都重新设计”的成本
教程最需要的不是每页都不同，而是可预测。给整组图文固定标题区、内容区、页码或进度区的位置，让读者形成浏览节奏。网格不是把元素排齐就完事，它真正的作用是限制信息密度：当内容区只允许放一个主图加三条要点，编辑会被迫删掉无关解释。封面可以更有张力，内页则把重点放在识别和比较上。
在图卡狐编辑器里，先建一张“步骤页母版”，把标题、编号、正文和提示区固定，再复制出各页。最后别逐张看，把缩略图并排放一起看：哪页特别挤、哪页没结论、哪两页其实说的是同一件事。这个检查能把视觉问题拉回内容问题。
与 8 张方案如何分工
教程只交代一个线性动作，用8 张图文拆分方案就能搞定；教程里有前置条件、分支、检查或练习，再上这套 12 张结构。判断标准只有一个：读者不靠作者解释，能不能把任务完成。