MOTION SYSTEM · 影片動態設計系統
TITLE CARD
動態字卡 / LOWER-THIRDS / SUBTITLE SYSTEM
廣播級動態字卡系統 — 粗體易讀、高對比字板、安全區意識，確保文字在任何影片背景上都清晰可讀。Broadcast-grade graphics that stay legible on any footage.
02 Color Palette 色彩角色
03 Typography 字體階層
Display / Anton
TITLE CARD
UI 900 / Inter
名字職稱 Lower-Third Name
Mono / JetBrains
00:00:12:04 · CH.03
04 影片字卡示範 Video Frame Demo — lower-third / subtitle / title card cycling
陳雅婷 A. CHEN
產品設計總監 · PRODUCT DESIGN LEAD
文字永遠有字板撐住對比，即使畫面再亮也讀得清楚。
06 Motion & Timing Tokens Easing + Duration
ease-in
cubic(0.16,1,.3,1)
ease-out
cubic(.7,0,.84,0)
07 Do's and Don'ts
✅ Do
- 文字永遠有字板或陰影撐住對比
- 一張字卡只用一個強調色
- 進出場硬切、快速，停留給閱讀
❌ Don't
- 文字直接疊在畫面上、無字板無陰影
- 柔和淡入淡出超過 300ms
- 一張字卡混用兩個以上強調色
02 Color Reference 色彩總表
| Swatch | Name 名稱 | Hex | Role 角色 |
|---|
| Ink Black | 極墨黑 | #0A0E14 | 字板基底 |
| Signal White | 訊號白 | #FAFAFA | 主要文字 |
| Electric Amber | 電光琥珀 | #FFB020 | 主要強調 / 一般標題 |
| Broadcast Cyan | 廣播青 | #00D9FF | 次要強調 / 單元章節 |
| Alert Coral | 警示珊瑚 | #FF5C5C | 直播 / 警示 |
| Plate Charcoal | 字板炭灰 | #1C222C | 字板表面色 |
| Safe Gray | 安全灰 | #8A93A3 | 安全區線 / 時間碼 |