---
title: 分鏡表
---

# 分鏡表：Guidant AI 產品發表會品牌片

> 片長 90 秒、1920×1080、30fps、無旁白、字幕燒在畫面裡、全程示意圖不露產品介面。
> 主張：**法規越來越多，合規不能再靠人力堆。** 路線：壓力 → 秩序。
> 主軸是「平台把工作接過去」：拆解派工、檢測、延續、報告。AI 只在操作紀錄裡出現一次，當輔助。

## 節奏總覽

| 秒數 | 段落 | 觀眾該有的感覺 |
|---|---|---|
| 0–14 | 法規接連而來 | 「怎麼這麼多」 |
| 14–26 | 人力在堆 | 「這就是我們公司的樣子」，壓力到頂 |
| 26–37 | 翻轉 | 鬆一口氣。品牌此時才出場 |
| 37–73 | 改變（四拍） | 每 9 秒一個「原來可以這樣」 |
| 73–82 | 信任 | 「交給它不會出事」 |
| 82–90 | 收尾 | 記住一句話 |

## 逐段分鏡

### 0–14 法規接連而來

| 秒 | 畫面 | 字幕 |
|---|---|---|
| 0 | 第一格就有畫面：雷達圈與掃描扇面、地面透視格線（第一格是社群播放器的縮圖） | — |
| 0.8–4.4 | 雷達掃描旋轉，法規名稱逐字從模糊浮出，每個名稱出現時打一圈回波 | 公司越做越大，是好事。 |
| 4.9–9.0 | 出現間隔從 1.4 秒縮到 0.15 秒，16 個名稱擠滿畫面，部分是琥珀色（EU CRA、NIS2、DORA⋯） | 只是每個大客戶，都帶著自己的資安標準來。 |
| 9.9–14.4 | 名稱壓暗模糊；三個滾輪數字一直滾不停、帶殘影（不指定哪一套的幾條，只講數不完）；下方逐字浮出「條，還在增加」 | 每一套幾百條要求，每一條都要拿得出證據。 |

不點名任何一套框架的條數：客戶不一定導 CMMC，數字滾不停才對每一種客戶都成立。

### 14–26 人力在堆

| 秒 | 畫面 | 字幕 |
|---|---|---|
| 14.4–18.4 | 24 張文件帶著 3D 翻轉從四面八方砸進中央，越來越快、越疊越歪 | 證據呢？散在同事的電腦、信箱和記憶裡。 |
| 18.6–22.6 | 檔名膠囊散落四周（`密碼政策_final_final.docx`、`IMG_2291.HEIC`⋯）；右上角「距離稽核 92 天」數字帶往上捲；畫面染暖、地面格線變暗 | 於是每年稽核前，整個公司都在找東西。 |
| 22.9–25.8 | 倒數捲到 3 天，整疊文件震動 | 過了。明年，再來一次。 |

### 26–37 翻轉

| 秒 | 畫面 | 字幕 |
|---|---|---|
| 26.3–27 | 檔名與倒數壓灰 | — |
| 27–29.6 | 全畫面閃一下，一道帶殘光的豎光從左掃到右；被掃到的文件依序翻轉 360 度、歸位成 6×4 格子並亮藍框；畫面轉冷色、地面格線亮起 | — |
| 29.7–33.9 | 整齊格子靜止 | 我們決定，把這件事一次做對。 |
| 33.4–35.5 | 格子從中心往外退暗；「Guidant AI」逐字浮出（照系統：Guidant 白、AI 藍綠漸層、無圖示無副標），橫向光條掃過、全畫面閃光 | — |
| 35.6–37 | 品牌縮到左上角，陪到 82 秒 | — |

### 37–73 改變（四拍）

| 拍 | 秒 | 畫面 | 字幕 |
|---|---|---|---|
| 拆解派工 | 37–46 | 一片小方塊從中心往外炸開成格子；五個部門欄（資訊部、管理部、人資、法務、研發）浮出，方塊依部門變色飛進各欄；每欄下方出現到期日 | 我們把每一條要求，變成有人負責、有期限的任務。／你的團隊，第一天就知道該做什麼。 |
| 檢測 | 46–55 | 中央六角形「Agent」、外圈掃描環旋轉；連線長出、光點沿線打到 8 台主機、主機依序亮起；四張報告從主機飛進下方「證據」框 | 弱點掃描，由 Agent 在你的環境裡自己跑完。／跑完的那一刻，證據已經在對的位置上。 |
| 延續 | 55–64 | 2025、2026、2027 三張帶 3D 角度的卡；光束把去年的列帶到今年，只有變動的列亮琥珀色 | 去年累積的一切，今年完整帶著走。／你只需要處理，真正變了的地方。 |
| 報告 | 64–73 | 文件外框、六個章節由左滑入，一道掃描光由上往下掃過，蓋上「定稿」印並閃光 | 稽核結束那天，結案報告已經在等你。／不是草稿，是可以直接交出去的版本。 |

### 73–82 信任

| 秒 | 畫面 | 字幕 |
|---|---|---|
| 73.4–77.4 | 發光圍籬框住三座機櫃，資料光點只在圍籬內移動；上方鎖頭扣上、發光 | 全部裝在你自己的機房，資料從不需要離開。 |
| 77.7–81.8 | 圍籬整組上移縮小，下方五行操作紀錄逐字打出：王小姐上傳證據、AI 建議歸類並由王小姐確認、Agent 完成掃描、林經理核准、外部稽核判定符合 | 誰看過、誰改過、什麼時候，每一步都記得。 |

### 82–90 收尾

| 秒 | 畫面 | 字幕 |
|---|---|---|
| 82.2–83.6 | 左上角品牌回到中央放大，光條再掃一次 | — |
| 86.3–89 | 標誌下方逐字浮出一句；87.2 秒下方小字淡入公司署名「BILLOWS TECHNOLOGY」 | 從應付稽核，到隨時審核。 |
| 88.6–90 | 淡出至黑 | — |

## 配樂

Pixabay 的 Ambient Technology（AlexGrohl，2:29，Pixabay Content License 可商用免標註，Content ID 已登記）。曲子 0～16 秒鋪底、16.5 秒加一層、32.5 秒鼓點全進，120 BPM。從曲子第 5.5 秒開始取，讓 32.5 秒的大跳升落在影片 27 秒那道光掃過的瞬間、16.5 秒那層落在滾輪數字出現時。頭 2 秒淡入、尾 3.5 秒淡出，整體 -15 LUFS、峰值 -1.5 dB、48kHz。

上傳 YouTube 可能被 Content ID 標記，要照 Pixabay 說明申請解除；發表會播放與寄送 mp4 不受影響。

## 文案口吻

產品經理站在台上對股東與客戶講話：對著「你」說、先承認客戶的處境是真的（「公司越做越大，是好事」），翻轉時「我們」站出來一次（「我們決定，把這件事一次做對」），中段每一拍都是「我們做了什麼，所以你得到什麼」，講結果不講功能名。專業感來自講得出具體結果（「不是草稿，是可以直接交出去的版本」），不靠術語堆疊；不用對仗、不用四字口號、不用「守護」「永遠」這類宣示字眼。結尾「從應付稽核，到隨時審核」一句講完轉變：前半是第二段的處境，後半是產品帶來的狀態。

## 視覺語言

- **色**：底 `#070b10` 深藍黑、主色 `#4fc3f7`（產品既有主色）、輔色 `#7fdccd`、壓力段用琥珀 `#e8a95c` 與暖色罩。不用紅色，避免像警報。品牌字照系統頂欄與登入頁：Guidant 白、AI 用 `#4fc3f7 → #81c784` 漸層，不放盾牌圖示（那只是瀏覽器 favicon）。
- **字**：蘋方-繁（渲染機上的系統字型，以 `@font-face local()` 宣告）；檔名與紀錄用等寬字。
- **質感層**：全片疊暗角與細顆粒；地面透視格線緩慢往前推；關鍵瞬間全畫面閃光。
- **動態**：文字一律逐字從模糊浮出；物件進場帶 3D 角度或回彈；壓力段加速、秩序段放慢；每個動作後停 1.5～2 秒讓人讀字。
- **不出現**：產品介面截圖、功能選單文字、任何客戶名。

## 製作方式

`v2/` 是 HyperFrames 專案（HTML＋CSS＋GSAP 時間軸）。`index.html` 放全片底層、場景容器、品牌、字幕；`js/` 下每個場景一支腳本往同一條時間軸加動畫。`prototype/` 是最早的手寫時間軸雛形，畫面與文案以 `v2/` 為準。

| 動作 | 指令（在 `v2/` 下） |
|---|---|
| 檢查（排版、對比、文字停留） | `npm run check` |
| 抽幾個時刻截圖 | `npx hyperframes snapshot --at 6,31,48,86` |
| 輸出無聲成片 | `npm run render -- --output ../render/GuidantAI-brand-v2-silent.mp4 --fps 30 --quality high` |
| 合配樂 | `zsh mix-music.sh <音樂檔> 5.5`（音樂檔不入版控，從 Pixabay 下載） |

寫動畫的陷阱：不能用 `Math.random()`／`Date.now()`（逐格輸出會每格不同），亂數一律用 `js/lib.js` 的 `H.rnd()`；3D 翻轉要把 `perspective` 掛在被翻元素的直接父層。

## 待決策者裁示

1. **結尾公司署名已定**：Billows Technology（2026-10-27 決策者裁加；用客戶文件裡的英文名）。
2. **結尾句已定**：「從應付稽核，到隨時審核。」（2026-10-27 決策者選；先前的「等稽核員遲到」在股東場合太嗆）