
怎么做一份带图说明书
面向产品、客服和文档团队的实操方法:用产品照片和步骤描述,做出真正能让用户照着做的带图说明书。
大多数产品团队其实已经拥有做一份带图说明书所需要的全部素材:几张产品照片、用户要执行的步骤列表,以及对常见出错点的理解。难的部分是怎么把这些原始素材转换成读者一眼就能看懂的面板。
这篇文章是一种可执行的方法,专门用来产出适合产品手册、快速入门、IFU 草稿或客服文章的带图说明书。
想直接动手?打开 ManualFig 生成器,从你自己的产品照片开始做一份带图说明书。
如果你已经知道需要哪种格式,可以直接进入更窄的工作流:产品说明书生成器、快速入门指南插图生成器、装配说明图生成器 或 维护流程说明图生成器。
"带图"到底指什么
带图说明书不是宣传册。它是一系列面板,每一张图只解释一个用户动作。读者不应该去"解读"图——图应该和他们即将做的动作完全对应。
好的说明书配图通常会包含:
- 产品本身,识别度高,方向正确
- 用户的手、工具或零件正在执行动作
- 一个箭头指向动作发生的位置
- 必要时附一个局部放大的标注
- 一个明确的完成状态,让读者知道这一步做完了
其他东西——反光、营销光影、品牌元素、背景——都在拉低可读性。
第 1 步 — 选能体现动作的照片,而不是产品形象图
营销照片不是好的起点。它强调产品的美感,却往往遮住了真正要操作的部位。
适合做说明书的照片通常具备:
- 干净背景,光线均匀
- 拍摄角度接近用户实际看产品的视角
- 用户要触碰的部位是可见的(不被其他面挡住)
- 对任何小型交互(按键、卡槽、卡扣)有一张特写
如果只有营销照片也没关系——可以用它做几何参考,让 ManualFig 简化画面。输出会是一张干净的说明图,而不是照片的复刻。
第 2 步 — 每一步只写一个动作
冗长的指令在翻译时容易出错,会被拆到不同页,也最容易让真实用户卡住。带图说明书的基本单元,是"一个面板对应一个动作"。
把每一步写成短小的祈使句:
- 打开前盖
- 逆时针旋转滤芯并取出
- 对齐新滤芯的卡扣
- 锁定滤芯并检查是否漏水
如果一步里包含两个动作,拆开。如果一步只是标题,删掉。如果一步带警告,让警告留在那一步旁边,不要拆到单独的页面。
第 3 步 — 标出"绝对不能省"的信息
开始生成之前,给每一步打标签,标明这张图必须包含什么:
- 必须出现的警告("先断电")
- 必须出现的工具("4 mm 十字螺丝刀")
- 必须出现的方向("平面朝墙")
- 必须出现的完成提示("滤芯卡入到位")
这些就是把一张"普通图"变成"真正的说明书图"的关键提示。少了它们,图就只是装饰。
第 4 步 — 用"照片 + 步骤 + 必要提示"生成面板
这一步就是 ManualFig 真正发挥作用的地方。AI 说明书示意图生成器接受以下输入:
- 一张产品照片或 CAD 截图(几何锚点)
- 一句简短的步骤描述(用户要做什么)
- 可选的必要提示(警告、工具、方向、完成状态)
每个面板单独生成,这样可以保留满意的,重生成不满意的。这比手工重画一整页更快,也比一次性生成一张大图更容易复核。
示例提示词
Create a four-panel instruction manual figure for replacing a water purifier filter.
Use the product photo only as a shape reference.
Panel 1: open the front cover, arrow on the cover handle.
Panel 2: twist the old filter counterclockwise, curved arrow, hand visible.
Panel 3: align the tabs on the new filter, zoom callout on the tabs.
Panel 4: lock the filter and show a leak-check confirmation, green check icon.
Clean manufacturer instruction style, light background, blue action arrows,
one amber caution icon on panel 1, no brand logos, no realistic shadows.注意这条提示词的结构:产品参考、按面板拆分的动作、箭头位置、符号风格、要避免的元素。这正是"生成一张图"与"生成一张说明书图"的区别。
第 5 步 — 加入编号、箭头和标注
单独的面板看上去没问题之后,整本说明书还要读起来像一个序列。几个几乎所有合格带图说明书都遵守的基础约定:
- 每个面板带编号(一般放左上角)
- 箭头方向与用户的真实动作一致(旋转用弧线、插入用直线、"注意此处"用虚线)
- 只在主视角看不清时使用局部放大
- 警告图标放在它所对应的面板里,而不是堆在另一行
如果团队已经有现成的说明书风格,保持使用。整套风格一致,比某一张图更漂亮更有价值。
第 6 步 — 让真正回答工单的人来复核
最有效的说明书评审人,是平时在工单里回答相同问题的人——客服、技师、培训师。把面板按顺序拿给他们,只问一个问题:"用户最可能在哪卡住?"
常见修改:
- 调整箭头方向
- 给小卡扣加局部放大
- 把警告往前移
- 增加一个"禁止"面板覆盖常见错误
这些修改在 ManualFig 里成本很低,因为每个面板都是独立生成的。要改一个箭头,不需要重跑整页。
第 7 步 — 导出供说明书草稿使用
面板被确认后,按说明书模板需要的分辨率导出——一般比直觉上更大,因为印刷、PDF 和帮助中心三种渲染要求都不一样。把对应的提示词和参考图留在工作台,方便后续改版时保持一致。
这套流程还能延伸到哪里
带图说明书并不只服务于纸质手册。同一套面板通常还能复用于:
- 快速入门卡
- 帮助中心文章
- 客服回复模板
- 技师培训幻灯片
- 包装插页
- 维护检查清单
价值是统一:在用户每一个接触品牌的地方,看到的产品形态、箭头、符号、动作顺序都是一致的。
结论
- 带图说明书是"一个面板一个动作",不是照片拼图。
- 照片只是几何参考,最终配图必须比照片更干净。
- 生成前先给每一步打上警告、工具、方向、完成状态的标签。
- 一个面板一次生成,让复核可以精准,而不是整页推翻。
- 同一套面板可以复用到手册、帮助中心、培训和客服。
想用自己的产品试试?打开带图说明书生成器进入图优先入口,或者直接进入 ManualFig 工作台。
作者
研究者 · University of Arts in Poznan
Davie Chen 是 University of Arts in Poznan 动画与跨媒体学院的研究者,研究方向包括生成式 AI 在科学图像、专利插图、说明图和论文写作中的辅助应用。ManualFig AI 是这一研究方向延伸出的产品之一。
查看作者资料分类
更多文章

医疗器械 IFU 设计指南:版式、符号与插图实例
面向医疗器械团队的 IFU 设计实务指南,涵盖页面结构、ISO 15223-1 符号、警告面板、线稿插图和可复用章节模板。

图片转 SVG:如何得到 Illustrator 里真正可编辑的描边线稿
很多图片转 SVG 的结果在 Illustrator 里根本改不了线宽——因为线条被描成了填充轮廓。本文用两条工作流(直接生成 SVG、先生图再转换)拿到描边式、中心线风格的可编辑 SVG 线稿,附真实文件下载对比。

How to Write Work Instructions (Step-by-Step, With Examples)
A practical guide to writing work instructions operators actually follow: the 9-step process, one-action steps, photos vs. illustrations, torque and QC callouts, and a reusable template.