簡短回答
製作動態流程圖影片,先把流程拆成 3 到 7 個節點,每個節點一個短標題。決定方向(由左到右或由上到下),讓節點依序出現,箭頭在節點之間畫出來,目前講到的節點亮起,其他變淡。最後整張圖完整出現,停留幾秒讓觀眾看清楚。
以上皆為 Videotto 範本庫的真實成品。
流程圖影片好在哪
一段用嘴講的流程,觀眾聽完第三步就忘了第一步。畫成圖之後,每一步都留在畫面上,觀眾隨時看得到自己在哪裡。
流程圖影片可以完全從零做出來,也可以疊在你的講解影片上,講到哪一步就亮哪一格。兩種做法 Otto 都能處理。
適合用在哪裡
只要內容能寫成「第一步、第二步、第三步」,就能變成流程圖影片:
- 課程、活動或服務的報名流程,讓客人一看就知道怎麼開始
- 產品或系統的運作原理,例如資料從哪裡來、到哪裡去
- 公司內部的作業流程和新人培訓,取代一頁一頁的文件
- 一套方法論,例如三步驟學習法或五步驟銷售流程
流程越抽象,越需要畫出來。觀眾記得住的是圖的形狀,不是你講過的每個字。
決定風格的六件事
| 元素 | 建議做法 |
|---|---|
| 版面 | 直式影片由上到下,橫式影片由左到右,節點不超過 7 個 |
| 字體 | 每個節點 2 到 6 個字,粗黑體,大小一致 |
| 顏色 | 中性底色,進行中的節點用重點色,完成的變灰 |
| 動態 | 節點彈出,箭頭像筆畫一樣畫出來 |
| 節奏 | 一個節點 2 到 4 秒,最後整張圖停留 3 秒 |
| 聲音 | 每個節點出現時一個輕微的點擊音效 |
三種常見風格
同一種影片可以有很多種樣子,先選一個方向,再寫進指令裡。
- 白板線條. 白底黑線,節點像用筆畫出來,適合教學和內部培訓,親切好懂。
- 科技深色. 深藍或黑底,節點發光,箭頭像電流一樣流過,適合產品和系統原理。
- 卡片堆疊. 每一步是一張圓角卡片,依序滑入排成一列,適合服務流程和報名步驟。
一步步做出來
- 列出步驟. 用條列寫下每一步,合併太細的步驟,最多留 7 步。
- 幫每步取短名字. 「填寫報名表」比「請先到官網填寫報名表格」更適合放進節點。
- 決定有沒有分支. 如果流程會分岔(例如「通過/不通過」),先在文字裡寫清楚。
- 選擇從零做或疊在影片上. 從零做就只給文字;疊在講解影片上,就上傳影片或貼上 YouTube 連結。
- 檢查最後一格. 結尾讓整張流程圖完整出現,觀眾可以截圖存下來。
貼到 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 你想要什麼。它會幫你剪輯、上字幕、加上動態效果。



