產品發表影片
設計並建構電影級、高衝擊力的產品發表影片，讓觀眾在實際觸碰產品之前，就能感受到它的魅力。
此技能不局限於單一美學風格。視覺風格會根據產品的 DNA 調整——重要的是，無論選擇哪種方向，其執行都必須反映出動態、燈光、構圖和視覺敘事上的頂尖標準。
核心哲學
每項決策都遵循三個原則：
刻意性重於裝飾性。 每個視覺元素、動作和光源都必須有其目的。無論是極簡還是極繁，沒有任何東西是為了填補空間而存在。一切都推動敘事、凸顯功能或喚起特定情感。
感官轉譯。 一部優秀的發表影片能讓觀眾感受到產品。將抽象概念（速度、安全性、舒適度）和物理特性（重量、質感、響應性）轉化為視覺和聽覺體驗。如果產品很快，觀眾就應該感受到速度。如果產品很優雅，觀眾就應該在每一個畫面中感受到精緻。
對比的掌控。 優秀影片仰賴於並置。利用規模（微觀細節 vs. 廣角全景）、節奏（狂亂的能量 vs. 慢動作揭露）、燈光（陰影 vs. 高光）和音訊（寂靜 vs. 重節拍）上的對比，創造能抓住注意力的動態張力。
使用時機
- 創作產品發表或公告影片
- 以電影級品質建構示範或功能導覽
- 製作品牌揭露或預告片
- 使用動態圖像製作動畫產品展示
- 為任何產品進行分鏡腳本規劃與影片結構設計
- 將產品視覺素材、照片或概念轉化為影片敘事
階段 0：了解產品
在進行任何視覺工作之前，深入了解你所展示的產品。這將影響一切。
一次性向使用者提問（不要逐個追問）：
- 產品 — 產品是什麼？它做什麼？解決什麼問題？
- 目標觀眾 — 誰會觀看這部影片？開發者？消費者？投資者？內部團隊？
- 核心訊息 — 觀看者看完後應該記住的唯一一件事是什麼？
- 調性 — 觀看者應該感受到什麼？（印象深刻 / 興奮 / 平靜 / 受啟發 / 感到有能力）
- 時長 — 影片多長？（15 秒預告 / 30 秒短片 / 45-60 秒完整發表 / 90 秒以上深度探索）
- 素材 — 你是否擁有標誌、產品照片、螢幕截圖、錄製內容、品牌顏色或字型？
- 旁白 — 影片是否需要旁白？如果需要，用什麼語言？對聲音角色（性別、語氣、能量強度）有無偏好？
- 參考 — 你有沒有欣賞的影片？（Apple 發表會風格、Nike 產品影片、Stripe 開發者美學、俏皮的 Notion 風格、精品手錶廣告等）
- 發布場景 — 這部影片會發布在哪裡？（登陸頁面、X/Twitter、LinkedIn、YouTube、Shorts/Reels/TikTok、投資人簡報、內部示範。）長寬比、字幕和節奏取決於此。
如果使用者在對話中已經提供背景資訊，請從中提取答案並確認遺漏的部分。
閘門：在獲得上述所有 9 個問題的答案（來自使用者或從背景推斷）之前，不得進入階段 1。如果提供了素材，請對其進行審核——列出每個可用的素材，並規劃在哪個環節使用它們來強化敘事。並非每個素材都必須出現，但沒有正當理由就不應忽略任何素材。
階段 1：確立美學
這是最重要的創意決策。 美學必須讓人感覺是為這款特定產品設計的——而不是一個簡單替換標誌的通用模板。
步驟 1.1：選擇視覺方向
根據產品的個性和使用者偏好的調性，提出 2-3 個不同的美學方向。每個方向應包括：
-
名稱 — 一個簡短且富有感染力的標籤（例如：「午夜精準」、「溫暖類比」、「電光脈動」）
-
氛圍 — 2-3 句描述情感氛圍的句子
-
色彩調色盤 — 4-5 種顏色，包含十六進位色碼和角色（背景、主色、強調色、文字色、高亮色）
-
字體排印 — 選用 Google Fonts 或 Fontshare 的標題字體 + 內文字體（絕對不要用 Inter、Roboto、Arial 或系統字體）。字體必須體現產品的個性：
- 優雅襯線字體（例如 Playfair Display、Cormorant）→ 奢華、編輯風格、高級
- 粗體無襯線字體（例如 Space Grotesk、Satoshi）→ 科技、大膽、現代
- 幾何無襯線字體（例如 Plus Jakarta Sans、General Sans）→ 乾淨、可信賴、SaaS
- 動態或可變字體（例如 Syne、Cabinet Grotesk）→ 青年文化、創意、俏皮
- 等寬或程式碼字體（例如 JetBrains Mono、Fira Code）→ 開發者工具、終端機美學
字體就是可見的品牌聲音。產品個性與字體之間的錯配會削弱所有其他設計決策。
-
動態特徵 — 物體如何移動（彈性彈跳、平滑滑動、彈性反彈、電影級慢速揭露）
-
標誌性元素 — 讓這部影片與眾不同的那一個視覺主題（漸層網格背景、玻璃擬態卡片、粒子場域、幾何圖案、光條、電影級照片處理、附有說明明細標籤的產品特寫等）
以簡潔的卡片形式呈現這些方向，而不是冗長的文字。使用者選擇一個或混合元素。
不好的範例（「AI Slop」檢查清單）
避免這些明顯是 AI 生成影片的敗筆：
- 深色背景上的紫色漸層（第一大陳腔濫調）
- 在顯示文字中使用 Inter/Roboto/系統字體
- 統一的時間設定——所有元素以相同的速度和延遲進入
- 將表情符號用作圖示
- 缺乏深度或陰影、光線平淡均勻的場景
- 千篇一律且帶有相同動畫的卡片網格
- 與內容沒有空間關係、只是「淡入」的文字
- 只是純色塊的背景
閘門：向使用者展示 2-3 個美學方向。在使用者選擇或確認方向之前，不得進入階段 2。如果使用者說「你決定」，請選擇最能匹配產品個性的方向，並在繼續之前明確說明你的選擇。
階段 2：分鏡
分鏡是藍圖。每個場景都必須證明其存在的合理性。
強制要求：在編寫任何程式碼之前，先寫出完整的分鏡。將其儲存在專案根目錄的 storyboard.json 檔案中，並使用下方定義的綱要。對照本節末尾的分鏡審查清單進行驗證。不能有連續兩個展示場景使用相同的佈局或動畫模式。
「無限視覺預算」規則
在構思分鏡時，請勿將你的想像力局限於使用者提供的原始素材。
- 將使用者提供的 2D 素材（原始螢幕截圖、平面標誌、基本照片）視為概念種子或基礎紋理。
- 評估敘事需求。如果故事需要更多視覺變化、補充環境或 B-roll 來建立更豐富的生態系統，請自然地將它們納入分鏡。
- 但是，只有在新的資產生成能積極服務於產品敘事和視覺層級時，才引入它們。不要為了複雜而生成資產。
敘事弧
產品發表影片遵循戲劇性的結構，即使是短片也一樣：
| 幕 | 目的 | 典型時長（30 秒影片） |
|---|---|---|
| 鉤子 | 吸引注意力。提出問題、展現張力，或以引人注目的視覺開場。 | 3-5s |
| 揭露 | 介紹產品。這是「英雄時刻」。 | 5-8s |
| 展示 | 示範 2-4 個關鍵功能。每個功能都有自己的視覺節拍。 | 12-18s |
| 高潮 | 最令人印象深刻的時刻——全螢幕示範、戲劇性的統計數字，或一個「哇」的轉場。 | 3-5s |
| 結尾 | 標誌、標語、行動呼籲。留下持久的印象。 | 3-5s |
對於較短的影片（15 秒），壓縮為：鉤子 → 揭露 → 結尾。 對於較長的影片（60 秒以上），用更多功能節拍擴充展示階段，並在結尾前加入一個「社會證明」或「願景」節拍。
在編寫任何一行程式碼之前先規劃好影片結構。分鏡是創意願景與技術執行之間的合約。
發布與訊息流規則
- 及早展示產品。 在發表、示範和社群格式中，觀看者應在最初 3 秒內看到產品、產品介面或無可置疑的產品標誌。只有在能立即解析回產品時，才允許使用抽象鉤子。
- 為靜音播放設計。 如果影片可能出現在訊息流中，請假設許多觀看者會在沒有聲音的情況下觀看。即使有旁白，關鍵聲明、場景節拍、字幕和行動呼籲也必須在螢幕上可見。
影片元數據
在開始建構之前，記錄以下決策：
- 時長、FPS、解析度 — 從階段 0 衍生
- 發布場景 — 從階段 0 衍生。記錄影片的發布位置以及任何影響節奏、字幕、安全區域或交付成果的限制。
- 標題字體 + 內文字體 — 來自階段 1 的美學方向（含字重）
- 色彩調色盤 — 定義角色，而不只是顏色：背景、表面（浮動元素）、主色（標題）、低調色（次要文字）、強調色（行動呼籲/高亮）、高亮色（特殊時刻）。每個角色都應有明確的使用規則。
敘事結構
選擇最適合產品故事的結構：
- 問題 → 解決方案 — 最適合解決明確痛點的產品。以問題開場製造張力，將產品揭示為答案，展示功能，以「哇」時刻達到高潮，並以行動呼籲結尾。
- 願景 → 現實 — 最適合有抱負的產品或新類別。描繪理想的未來，承認差距，展示產品如何彌合它，用功能證明，然後結尾。
- 蒙太奇 → 聚焦 — 最適合功能豐富的產品或重大更新。快速蒙太奇多項功能，暫停並放慢速度，深入探討 2-3 個關鍵功能，再次蒙太奇以顯示廣度，然後結尾。
- 預告片（15 秒或更短） — 用抽象視覺引起好奇，快速閃現產品樣貌，最後揭示標誌 + 發布日期。
分鏡綱要
分鏡儲存在專案根目錄的 storyboard.json 中。這是唯一的事實來源——它驅動實作、旁白生成和時間安排。
{
"meta": {
"title": "產品名稱與影片類型",
"durationSec": "影片總時長（秒）",
"fps": 30,
"width": 1920,
"height": 1080,
"narrativeStructure": "problem-solution | vision-reality | montage-focus | teaser",
"fonts": {
"display": { "family": "Google Fonts / Fontshare 系列名稱", "weights": ["700"] },
"body": { "family": "Google Fonts / Fontshare 系列名稱", "weights": ["400", "500"] }
},
"colors": {
"background": "#hex - 基本背景",
"surface": "#hex - 卡片等浮動元素",
"primary": "#hex - 標題與關鍵文字",
"muted": "#hex - 次要文字與標籤",
"accent": "#hex - 行動呼籲與高亮",
"highlight": "#hex - 特殊時刻與強調"
}
},
"voice": {
"enabled": "如果影片有旁白則為 true，純音樂則為 false",
"gender": "male | female | neutral",
"age": "young adult | middle-aged | mature",
"tone": ["陣列，用於 AI 語音搜尋的形容詞：自信、溫暖、充滿活力、冷靜、權威、對話式、鼓舞人心"],
"accent": "American | British | neutral | other",
"pace": "fast | moderate | slow"
},
"scenes": [
{
"id": "唯一的 kebab-case 場景識別碼",
"act": "hook | reveal | showcase | climax | close",
"startSec": "絕對開始時間。相鄰場景可重疊 0.2-0.5 秒以作為轉場",
"durationSec": "場景長度。如果有旁白，必須能容納約每秒 2.5 個字的敘述",
"purpose": "此場景存在的原因及其傳達的訊息",
"emotionalBeat": "觀眾應感受到的情緒",
"voiceover": "確切的旁白文字，如果沒有 VO 則為 null。旁白是時間軸的骨幹——視覺元素與關鍵字詞同步。並非每個場景都需要 VO",
"layout": "元素的空間排列（草圖或描述位置）",
"elements": "每個視覺元素，包含描述、大小、顏色、位置",
"animation": "每個元素：效果類型、延遲、持續時間、緩動函數",
"camera": "視埠移動（縮放、平移、視差）",
"lighting": "光線來源、何處明亮、何處在陰影中",
"transitionOut": "此場景如何轉換到下一個場景"
}
]
}
分鏡描述必須高度具體。禁止使用模糊的描述，例如「酷炫轉場」或「元素動畫進入」——它們在實作時留有太多解釋空間，並會導致格式化的輸出。
每個元素的運動都必須以精確的機制描述。不要寫「標題出現」，而要寫：「標題從下方 30px 彈入，縮放從 0.9 到 1，模糊從 8px 到 0，持續 0.5 秒，同時一道對角光束在 0.3 秒延遲後從左到右掃過文字表面。」不要寫「卡片動畫進入」，而要寫：「三張功能卡片以 150ms 的間距從右側級聯進入，每張卡片以 translateX(40)→0、透明度 0→1 以及逐漸恢復到 0° 的微妙 3° 旋轉方式進入。」
描述必須足夠具體，讓兩位不同的開發者能從中產生幾乎相同的實作。如果一個描述可能導致截然不同的視覺結果，那就代表它不夠具體。
時間安排與節奏
節奏韻律。 一部節奏良好的影片會在緊張與放鬆之間交替：
快 → 慢 → 快 → 慢 → 快 → 停頓
| | | | | |
鉤子 揭露 功能 呼吸 高潮 結尾
(緊張) (釋放) (能量) (暫停) (高峰) (解決)
發表影片最忌諱從頭到尾維持單一節奏。無論視覺效果多美，單調的節奏都會讓觀眾睡著。
時間分配。 根據總時長按比例分配時間。比例比精確秒數更重要：
- 15 秒預告： ~20% 鉤子，~50% 產品樣貌，~30% 標誌揭露。沒有時間……