Motion Design Craft
好的動態是隱形的：它引導注意力，然後自己退到一旁。
時長（30 fps 下）
| 動作 | 影格數 | 秒數 |
|---|---|---|
| 微反饋（按鈕按下、高亮） | 4 到 8 | 0.15 到 0.25 |
| 元素入場或出場 | 10 到 18 | 0.35 到 0.6 |
| 場景轉場 | 12 到 20 | 0.4 到 0.7 |
| 大範圍跨螢幕移動 | 20 到 30 | 0.7 到 1.0 |
| 列表項目的錯位 | 3 到 6 | 0.1 到 0.2 |
出場比入場快（約入場時間的 70%）。超過一秒會讓人覺得遲緩，除非是刻意的揭示效果。
緩動
根據物體的行為選擇緩動：
- 入場畫面：ease-out（快速啟動，平穩落地）。
- 離開畫面：ease-in（慢速啟動，加速離開）。
- 在螢幕上移動位置：ease-in-out。
- 連續（循環、進度條）：linear。
絕不要在類似 UI 的動畫中使用 plain linear；它會顯得很機械感。
彈簧
使用臨界阻尼或略微欠阻尼的彈簧來實現自然的穩定效果。在 Remotion 中，damping: 200 是順暢且無反彈的；較低的阻尼值（10 到 20）會增加超調，僅適合活潑的內容。將超調量控制在約 10% 以下。
文字閱讀時間
seconds_on_screen = max(1.5, words * 0.35 + 0.5)
一個 6 字的標題需要約 2.6 秒。如果畫外音正在朗讀文字，請在聲音說出之前稍早一點顯示文字。
節奏
- 選擇一個節拍（例如 0.5 秒或音樂的一個小節），並將剪輯點和入場時間對齊到其倍數上。錯位的動畫會讓人感覺草率，即使觀看者說不出原因。
- 變化場景長度；完全相同的時長會顯得很機械化。
- 在動作中切換：在上一鏡頭的動作仍在進行時，就開始下一個鏡頭。
層級
- 一次只有一個焦點元素。將非主體的部分調暗或模糊。
- 在 1080p 解析度下，主體文字至少 36 px；標題至少 72 px。手機觀看者需要更大的字體。
- 文字與背景之間的對比度至少為 4.5:1；在影片上加一層遮罩或輪廓。
- 邊距：將內容保持在中央 90% 範圍內（安全區），直式影片則為 80%。
有意義的轉場
只在轉場能傳達某種意義時才使用：時間切換用擦除，下一步用推動，溫和的主題變化用交叉淡化。否則使用直接切換。不要在單一影片中混合兩種以上的轉場風格。
什麼會讓影片看起來像是產生的
除非刻意選擇，否則避免以下預設值：
- 所有內容都以相同時長從 0 不透明度淡入。
- 文字居中放在帶有浮動斑點的深色漸層上。
- 每個品牌都用紫藍色漸層。
- 每個元素都用彈簧彈跳。
- 所有場景的時長都相同，且所有場景之間使用相同的轉場。
- 使用內建表情符號作為圖示。
- 文字一次性全部出現，遠早於它被說出之前。
修復方法：使用品牌色調和真實素材，根據角色變化動畫，賦予錯位意義，並讓某些場景直接切換。
審查清單
- 你能在任何一幀暫停時，看到一個清晰的主體嗎？
- 有沒有任何東西在沒有理由地移動？
- 文字在手機尺寸下是否可讀？
- 最後 2 秒是否靜止得夠久，足以讓人閱讀行動呼籲？