AI 第一次上手

不會剪輯,如何用 AI 把網站操作變成 Demo 影片?

以 Guidde 記錄操作步驟、整理 AI 旁白,搭配 Tella 替代方案,完成第一支清楚的產品展示影片。

作者:大漠水澤編輯團隊 · 發布日期:

宮崎駿風格參考的原創概念插畫

ARTIST REFERENCE / 畫家介紹

宮崎駿

Hayao Miyazaki

自然光影與敘事情境

作品常以細膩的自然場景、日常動作與想像世界建立敘事。本圖沿用既有的自然風景概念,呼應以畫面引導觀眾理解的文章主題。

風格參考・原創概念圖,非畫家本人作品。

先看成果與準備資料

準備可公開的測試帳號與資料、一項已完成的功能,以及一句希望觀眾記住的產品價值。第一次只錄一條操作路徑,例如「上傳食品標示,查看成分整理結果」。本篇以操作展示為主,先完成清楚的短片,再決定是否增加情境鏡頭。

推薦工具與選擇方式

  • 主要推薦:Guidde ↗

    適合展示「點哪裡、下一步做什麼」。可擷取操作並建立步驟教學影片、逐字內容與 AI 旁白,完成後再編輯。

  • 替代選擇:Tella ↗

    適合想親自講解、同時展示螢幕與人物的影片。AI 可協助處理停頓、贅詞、逐字稿剪輯與字幕。

先依任務選一個工具試做,不必同時訂閱。功能、中文支援、額度、分享與匯出限制依地區、帳號及方案而異,請以官方當前資訊為準。

一步一步完成第一版

  1. 先決定要展示的三至五個步驟

    在紙上列出起點、操作與結果。關閉不相關分頁與通知,移除真實客戶資料。先走一次測試流程,確認等待畫面、錯誤與結果都能說明。

  2. 用 Guidde 擷取操作

    依官方指引安裝瀏覽器擴充或桌面擷取工具,啟動錄製並完成操作。停止後檢查自動整理的步驟,刪除重複點擊,補上每一步的用途;實際擷取方式依裝置及方案確認。

  3. 修改旁白、標記與節奏

    在編輯器檢查文字與 AI 旁白,把「按這裡」改成具體動作,例如「上傳清楚的食品標示照片」。用標記引導注意,刪除多餘等待;中文發音、語音選項與可用功能請先在帳號中試聽確認。

  4. 預覽並分享;需要真人講解時選 Tella

    完整看一次成片,確認操作順序、旁白與畫面一致,再依方案分享連結、嵌入或匯出。若希望觀眾同時看見你,可改用 Tella 錄製螢幕與講解,再檢查 AI 剪輯是否切掉必要內容。

可直接修改的提示詞

以下為可自行修改的內容規劃提示詞,可交給文字助理,或作為整理素材的檢查表;不代表每個推薦工具都有通用聊天輸入框。

請將以下操作流程整理成五步以內的 Demo 旁白草稿:[實際步驟]。觀眾是[對象],希望理解[核心價值]。每步提供簡短標題、一句旁白與應標記的畫面位置。先說動作,再說用途;不得新增尚未完成的功能、成效數字或客戶見證。這份草稿會由我貼入影片編輯器修改。

成果檢查與常見卡關

  • 每一步的點擊位置、標記和旁白是否對得上?
  • AI 是否將重複操作或等待誤認為必要步驟?
  • 測試帳號、通知、網址列或結果中是否有個資?
  • 分享權限、中文旁白、浮水印與匯出功能是否符合用途及方案?

修改時一次處理一個具體問題,保留已確認的內容,再檢查前後是否一致。

大漠水澤的設計觀點

操作 Demo 的價值是讓觀眾看懂產品怎麼用。Guidde 適合把步驟整理成教學,Tella 適合由人帶著觀眾看操作;先依影片目的選一個工具,不必同時訂閱。

官方工具與延伸閱讀

工具資訊查核:2026.10.17。本文為入門操作建議與假設練習,並非各方案的完整功能清單或已實測的客戶成果。