如何在短视频加上动态进度条

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

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

要在短视频加进度条,上传视频或贴上 YouTube 链接,告诉 Otto 在画面最上方加一条细的进度条,从左到右随播放时间填满,用视频的重点色。如果内容有章节,请它把进度条分成几段,每段旁边放章节名称,讲到那一段时亮起,其余保持半透明,不要挡到脸和字幕。

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

进度条的样子

进度条是配角。它要一直在,但不能抢戏,所以通常很细、很安静,只有换章节时才稍微明显一点。

元素做法
版面画面最上方一条细线,左右留一点边距
字体章节名称用小号大写或细字,放在进度条下方
颜色底线半透明白,填满的部分用重点色
动态平滑填满,换章节时那一段亮起或轻微放大
节奏和视频长度完全对齐,结尾刚好填满
声音换章节时可加很轻的提示音,也可以不加

五个步骤做出来

  1. 上传视频. 上传你的视频文件,或贴上你自己的 YouTube 视频链接。
  2. 决定要不要分章节. 三点重点、五个步骤这类内容适合分段;一个故事讲到底用单一条就好。
  3. 写出章节名称. 每段两到四个字,例如「问题」「原因」「解法」。或请 Otto 依内容自动分段。
  4. 选位置和颜色. 最上方最常见,避开下方的字幕和平台按钮。颜色沿用视频的重点色。
  5. 预览结尾. 确认最后一帧刚好填满,章节亮起的时间和讲到的时间一致。

可以直接贴给 Otto 的指令

把章节换成你的内容。

粘贴到 Otto
[上传视频或贴上 YouTube 链接]
在画面最上方加一条细的动态进度条,随播放时间从左到右填满。
进度条分成 3 段:「问题」「原因」「解法」,依我讲到的内容切换。
讲到哪一段,那一段用橙色亮起,其他段保持半透明白色。
章节名称用小字放在进度条下方。
不要挡到我的脸,下方保留大而醒目的简体中文字幕。

更短的写法

  • 「上方加一条章节进度条,像任务控制台那样。」
  • 「依内容自动分成几个章节,讲到哪里亮到哪里。」
  • 「进度条细一点,不要抢画面。」
  • 「每一段旁边加一个小编号 1、2、3。」

三种进度条样式

样式感觉适合
单一细线干净、低调故事、口播、Podcast 片段
分段章节有结构、好预期清单、教学、三点重点
圆点或编号可爱、信息感步骤教学、排行榜

分段章节还有一个好处:观众一开始就知道总共有几点,会想看完全部。所以开头第一句最好也说「三个原因」之类的话,和进度条互相呼应。

进度条和章节一起用

较长的短视频可以把进度条分成几段,每段代表一个章节。每走到一个新章节,就在进度条上方亮起章节名称,观众知道自己看到哪里、还剩什么。

这种做法特别适合清单型内容,例如「三个方法」「五个步骤」。观众看到还剩两段,会更愿意看完,而不是在中途划走。

常见错误

  • 进度条太粗太亮. 它会一直吸走视线。细一点、底色半透明就好。
  • 章节时间对不上. 还在讲第一点,第二段就亮了,观众会觉得混乱。
  • 放在画面底部. 底部有字幕和平台按钮,进度条放最上方比较安全。
  • 章节名称太长. 进度条下方空间很小,每段两到四个字。

常见问题

进度条真的能提高完播率吗?

它让观众知道还剩多少,对清单和教学内容特别有帮助。但内容本身仍然最重要。

可以加在别人的视频上吗?

只在你有权使用或有剪辑活动授权的视频上加。

横版视频也可以加吗?

可以。16:9 视频通常放在最上方或最下方,跟着画面宽度延伸。

可以搭配其他动态图形吗?

可以,例如章节换页时出现大标题卡,进度条同时往下一段亮起。

用你自己的视频试试

用 Otto 做你的下一个视频

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