Kurzgesagt 風格解說影片
這項技能是創意方向。它決定影片的外觀、動態、聲音和敘事語調。remotion-* 技能則決定如何用程式碼建構它:在撰寫任何 composition 之前,請先閱讀 remotion-best-practices(路由器)和 remotion-markup,並遵循其中的指示,即使與此處的程式碼片段有出入也應以它們為準。
這個類型的影片之所以有效,是因為它能讓艱澀的概念變得小巧、溫暖和有趣,同時保持視覺清晰。以下的大多數規則都是為此服務:簡單的形狀讓概念一目了然,持續的溫和運動讓它感覺充滿生命力,而大幅度的縮放則讓數字或距離能被「感受」而非「閱讀」。
風格的十項規則
- 無輪廓。 形狀透過填色、漸層和陰影形狀來定義。描邊僅用於圖表線條、圖形和指標,且使用統一的粗細和圓角端點。
- 圓角、簡單的幾何形狀。 圓形、膠囊形、圓角矩形、柔和的塊狀。如果一個形狀需要超過約十幾個路徑點,請簡化它。
- 深色飽和背景,亮眼強調色。 一個深色漸層背景(海軍藍、靛藍、茄子紫、深青色)搭配一兩種鮮明的強調色。冷暖對比能將視線吸引到主體上。
- 光線有方向性。 每個物件都由底色 + 陰影(色相偏向藍色/紫色,而非單純變暗)+ 一道高光細條組成。每個場景只有一個光線方向。
- 小巧、幾乎無表情的角色。 點狀眼睛,通常沒有嘴巴,四肢短小。表情來自姿勢和動作,而非臉部細節。
- 邊緣豐富,中心清晰。 背景圖層帶有小型低對比細節(星星、粒子、遠處的形狀)。主體則要醒目,且在縮圖大小下也能清晰辨識。
- 沒有任何東西是靜止的。 閒置飄移、緩慢推鏡、視差、閃爍。任何停留的畫面都會顯得不自然。
- 快進慢出。 元素以略帶 overshoot 的方式彈入,並以波浪狀交錯出現。淡入淡出和鏡頭移動則平順地緩慢結束。
- 縮放是主要特效。 穿過一個物件進入一個更小的世界,拉遠鏡頭顯示某物有多小,重複圖示直到數字落地。
- 文字盡量簡潔。 旁白承載內容。螢幕上的文字僅用於標籤、數字和偶爾的笑點。
工作流程
分階段進行,並設有兩個批准檢查點。腳本和分鏡圖的修改成本低廉,而動畫成本高昂,因此在開始建構前請先取得同意。
- 簡報。 僅詢問缺少的資訊:主題、目標觀眾、長度、長寬比、語音來源(用戶錄音、透過
remotion-markup的voiceover.md使用 ElevenLabs,或靜音佔位符)、以及氛圍。預設值:16:9、1920×1080、30 fps、3-5 分鐘。 - 研究 →
research/facts.md。一個包含「論述 | 數字 | 來源 | 信心度」的表格。切勿編造統計數據;將預估值標示為「估計值」。解說影片的好壞取決於其事實的正確性。 - 腳本 →
script.md。閱讀references/script-and-structure.md。檢查點:用戶批准腳本。 - 分鏡圖 →
storyboard.md,每個鏡頭一行(範本在腳本參考文件中)。為每個鏡頭從references/scene-recipes.md中選擇一個配方。檢查點:用戶批准分鏡圖。 - 風格聖經。 將
assets/theme.ts複製到src/kg/theme.ts。為每個幕次選擇一個色板(「色彩腳本」;請參閱references/visual-language.md),使氛圍隨著論點的推進而變化。 - 建構。 首先建構
src/kg/中的共享基本元素(陰影形狀、星空、角色、標籤、攝影機腳架),然後在src/scenes/中為每個場景建立一個元件。閱讀references/visual-language.md和references/motion-language.md。使用remotion-create來建立框架,使用remotion-markup來處理機制。 - 音訊。 先處理旁白,然後根據音訊時間點來推導每個鏡頭的持續時間(使用
remotion-captions取得單字時間點,使用calculateMetadata處理動態持續時間)。為每次主要入場加入音樂背景和柔和的「噗/咻」音效(remotion-markup的sfx.md)。混音時,旁白約在 -20 dB RMS,音樂背景大約低 8 dB,峰值在 -1 dBFS 或以下。文字轉語音檔案常常在 0 dBFS 處達到峰值,因此在添加其他任何東西之前,先將旁白縮放到約 0.8(詳情請見references/motion-language.md)。 - 品質檢查與渲染。 在每個節拍處、第 0 幀處以及每個場景邊界的兩側渲染靜止幀。執行下方的檢查清單,使用
remotion-render進行渲染,然後測量結果的音訊。
專案佈局
src/
kg/theme.ts 色板、陰影漸層、緩動預設
kg/primitives/ 陰影球體、星空、角色、標籤、攝影機腳架...
scenes/NN-name.tsx 每個分鏡圖鏡頭群組對應一個場景
Video.tsx 序列化場景;擁有音訊
public/ 旁白、音樂、音效
research/facts.md
script.md
storyboard.md
環境注意事項
- Windows:保持專案路徑簡短。 Remotion 啟動的工具(esbuild、渲染器、無頭 Chrome)在解析後的路徑超過 260 個字元時會因
ENOENT而失敗。在AppData或深層工作階段資料夾內很容易達到這個限制,因為系統解析後路徑會變得更長。請將專案建立在類似D:\my-video的位置,並在建構任何東西之前先渲染一個靜止幀。 - Remotion 內建的 ffmpeg 是最小建置版本,沒有
volumedetect濾鏡。若要檢查音量,請將渲染結果解碼為 WAV 檔案(npx remotion ffmpeg -i out.mp4 -vn -ac 1 -c:a pcm_s16le check.wav),然後用一個簡短腳本計算峰值和 RMS。
渲染前檢查清單
對每個場景的開頭、中間和結尾的靜止幀,以及第 0 幀和每個場景邊界兩側的幀執行此檢查。
- 非圖表線條的形狀上是否有任何輪廓?請移除它。
- 每個物件是否有從場景單一光源方向照射而產生的陰影面和高光?
- 畫面中除了背景色系之外,是否最多只有 2 種強調色?
- 在 25% 的縮放比例下,主體是否仍然清晰可辨?如果不是,請放大它或降低周邊的對比度。
- 場景的每一秒鐘內是否有任何東西在移動(閒置運動、鏡頭、粒子)?
- 新的視覺節拍是否至少每 2-4 秒出現一次,並且通常與一個句子對齊?
- 螢幕上的文字是否在 6 個字以內、在 1080p 下至少 36 px、並使用句首大寫格式?
- 螢幕上的每個數字是否都有對應的來源記錄在
research/facts.md中? - 每個光暈是否都是單一漸層(沒有疊加色帶),並且在第 0 幀時,螢幕外等待的任何東西是否都沒有可見的光暈?
- 暈影是否輕微(角落約 35%)且帶有紫色調,以免明亮的物體變得渾濁?
- 成長中的主體旁邊的文字是否保持在主體最大尺寸的範圍之外,並且計數器的方框是否能容納其最寬的值?
- 渲染後:音訊峰值是否在 -1 dBFS 或以下,且旁白是否明顯高於音樂?
防護機制
- 原創性。 此風格是一種流派;並非特定頻道的識別。請勿在輸出中使用 Kurzgesagt 的名稱、標誌、開場/結尾,或其特定角色(例如其鳥類角色)。請設計原創角色和原創結尾卡片,並且不要將影片呈現為該頻道的作品。
- 準確性。 解說影片在於教學,因此有來源的事實比漂亮的畫面更重要。在旁白中表達不確定性(例如「科學家估計...」),而不是四捨五入忽略它,並在影片結尾提供來源列表。
- 可及性。 加入字幕(使用
remotion-captions)。避免每秒超過 3 次的閃爍,包括全螢幕穿過物件的閃爍。不要僅透過顏色來編碼圖表序列;請直接標註它們。 - 沉重的主題。 可愛的視覺加上嚴肅的主題是這類風格的魅力所在,同時也是其風險所在。對於死亡、疾病、戰爭或貧窮等主題,請保持視覺簡單,並讓笑話遠離。
參考檔案
| 閱讀此檔案 | 時機 |
|---|---|
references/visual-language.md | 選擇色板、繪製陰影形狀、背景、角色、排版、構圖、物件配方 |
references/motion-language.md | 撰寫任何動畫:緩動、彈入、閒置運動、鏡頭、視差、穿過式縮放、圖表、時間點 |
references/script-and-structure.md | 撰寫旁白、規劃劇情弧線、節奏、事實表、鏡頭列表 |
references/scene-recipes.md | 規劃每個鏡頭:規模揭示、100 人群眾、插播畫面、時間線衝刺、流程圖等 |
assets/theme.ts | 設計 token(色板、陰影漸層、緩動預設)的起點 |