如何在短影音加上動態進度條

根據我們對 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 你想要什麼。它會幫你剪輯、上字幕、加上動態效果。