如何制作动态流程图与图解视频

根据我们对 280,000+ 位用户 制作的 100 万+ 个视频 的研究

作者:Yao Ming, Founder阅读约 4 分钟
简短回答

制作动态流程图视频,先把流程拆成 3 到 7 个节点,每个节点一个短标题。决定方向(由左到右或由上到下),让节点依序出现,箭头在节点之间画出来,目前讲到的节点亮起,其他变淡。最后整张图完整出现,停留几秒让观众看清楚。

以上均为 Videotto 模板库的真实成品。

流程图视频好在哪

一段用嘴讲的流程,观众听完第三步就忘了第一步。画成图之后,每一步都留在画面上,观众随时看得到自己在哪里。

流程图视频可以完全从零做出来,也可以叠在你的讲解视频上,讲到哪一步就亮哪一格。两种做法 Otto 都能处理。

适合用在哪里

只要内容能写成「第一步、第二步、第三步」,就能变成流程图视频:

  • 课程、活动或服务的报名流程,让客人一看就知道怎么开始
  • 产品或系统的运作原理,例如数据从哪里来、到哪里去
  • 公司内部的作业流程和新人培训,取代一页一页的文件
  • 一套方法论,例如三步骤学习法或五步骤销售流程

流程越抽象,越需要画出来。观众记得住的是图的形状,不是你讲过的每个字。

决定风格的六件事

元素建议做法
版面竖版视频由上到下,横版视频由左到右,节点不超过 7 个
字体每个节点 2 到 6 个字,粗黑体,大小一致
颜色中性底色,进行中的节点用重点色,完成的变灰
动态节点弹出,箭头像笔画一样画出来
节奏一个节点 2 到 4 秒,最后整张图停留 3 秒
声音每个节点出现时一个轻微的点击音效

三种常见风格

同一种视频可以有很多种样子,先选一个方向,再写进指令里。

  • 白板线条. 白底黑线,节点像用笔画出来,适合教学和内部培训,亲切好懂。
  • 科技深色. 深蓝或黑底,节点发光,箭头像电流一样流过,适合产品和系统原理。
  • 卡片堆叠. 每一步是一张圆角卡片,依序滑入排成一列,适合服务流程和报名步骤。

一步步做出来

  1. 列出步骤. 用列表写下每一步,合并太细的步骤,最多留 7 步。
  2. 帮每步取短名字. 「填写报名表」比「请先到官网填写报名表格」更适合放进节点。
  3. 决定有没有分支. 如果流程会分岔(例如「通过/不通过」),先在文字里写清楚。
  4. 选择从零做或叠在视频上. 从零做就只给文字;叠在讲解视频上,就上传视频或贴上 YouTube 链接。
  5. 检查最后一格. 结尾让整张流程图完整出现,观众可以截图存下来。

贴到 Otto 的指令

换掉步骤内容就能用。

粘贴到 Otto
制作一条 9:16 竖版的动态流程图视频,不要真人,不要卡通角色。
主题:[报名课程的流程]
步骤:1. [了解课程] 2. [线上报名] 3. [缴费确认] 4. [收到通知] 5. [开始上课]
节点由上到下依序出现,箭头像笔画一样画出来。
目前讲到的节点用橙色亮起,其他变淡。白底,粗黑体。
每个节点出现时加一个轻微的点击音效,最后整张图停留 3 秒。

更短的写法

  • 「把我讲到的步骤画成流程图,讲到哪一步就亮哪一格。」
  • 「第三步后面分成两条路,一条通过、一条重来。」
  • 「所有配色都用蓝白就好。」
  • 「箭头画慢一点。」
  • 「做一个 16:9 横版版本,放在我的课程演示文稿里。」
  • 「每个节点旁边加一个简单的图标。」

常见错误

  • 节点太多. 超过 7 个节点在手机上会变得很小,拆成两条视频或合并步骤。
  • 一次全部出现. 整张图一开始就出现,观众不知道先看哪里。要一步一步长出来。
  • 节点里写长句. 长句放在字幕或旁白里,节点只放关键字。
  • 方向不一致. 箭头忽左忽右会让人迷路,整张图只用一个方向。

常见问题

我没有设计底子,也能做流程图视频吗?

可以。你只要用文字列出步骤和想要的颜色,Otto 会负责排版、箭头和动画。

流程图可以叠在我的讲解视频上吗?

可以。上传视频或贴上 YouTube 链接,请 Otto 在你讲到每一步时让对应的节点出现。

有分支的流程怎么做?

在指令里写清楚从哪一步分岔、分成哪几条路,Otto 会画成分岔的箭头。

适合什么比例?

发在短视频平台用 9:16,放在演示文稿或 YouTube 用 16:9。竖版由上到下排,横版由左到右排。

流程图可以用我的品牌色吗?

可以。在指令里写出品牌色,或上传 Logo 请 Otto 参考配色,节点、箭头和重点色都会跟着统一。

用你自己的视频试试

用 Otto 做你的下一个视频

用一句话告诉 Otto 你想要什么。它会帮你剪辑、加字幕、加上动态效果。