Apple 風發布片構圖

Apple 風格產品展示影片

目標是製作一個像 apple.com 產品頁面般流動的影片：淺色背景、大號且緊密追蹤的 SF Pro 字體、一次只顯示一個訊息、滿版色彩卡片、產品的真實 UI、真實的 SF Symbols、真實的應用程式圖示、一首輕快的自創曲目，以及最後的簡潔價值呼籲。以 Diffusion Studio JSX 組合建立，因此每個影格都是確定性的，可在匯出前檢查。

從此檔案旁的 templates/promo-project/ 開始（這是一個完整且可運作的組合：一個 Mac 鎖定畫面工具的啟動影片）。閱讀其 BRIEF.md 和 POSITIONING.md 以了解完成的樣貌。

工作風格

• 回饋以簡潔的要點形式呈現，通常會附上目標影格的螢幕截圖。請全部完成；透過捕捉驗證每個影格；匯出；回覆時附上影格連絡表。
• 當要求腦力激盪時，用一行列出 3-4 個選項，然後直接建立最佳的那個，無需等待。
• 保持 BRIEF.md（包含時間和文案的節拍表）和 POSITIONING.md（包含來源依據的文案理由）在每一輪都是最新的。
• 切勿捏造證明：不要發明使用者數量、引言或標誌。使用真實的螢幕截圖、來自產品來源的實際文案字串、真實的圖示。
• 忠實回報：說明哪些是透過捕捉驗證的，哪些不是。

結構

每張卡片一個訊息，兩側硬切，在卡片之間（如果有的話）插入產品示範鏡頭。剪輯點落在音樂的節拍網格上。

1. 鉤子，3 秒內抓住目光 — 觀眾的問題、產品實際運作、無標誌。每個使用案例一張卡片：一個視窗 + 一行文字，這對組合成為一組置中於畫面中央。涵蓋網站列出的所有使用案例，而不僅是主要人物角色（「你的代理需要再三個小時。」/「你的渲染需要四十分鐘。」/「你的構建進行到一半。」/「你必須離開。」）。
2. 問題 — 純文字卡片，不佳的替代方案堆疊在畫面中央，代價以紅色標示（「鎖定？Mac 會進入睡眠。」）。
3. 揭曉 — 圖示在音樂拍點上彈出、字標、網站自己的主打標語（訊息與登陸頁面一致）。
4. 「專為」網格 — 網站的使用案例呈現為 4 個方塊：帶有 SF Symbol 的彩色圓圈、標題、其下的真實應用程式圖示。無子文字。
5. 示範 — 真實 UI 執行單一功能，說明文字緊貼在動作下方，關鍵字詞高亮顯示。
6. 功能卡片 — 好處作為標題，功能作為副標題。藍色/石板紋理/綠色/帶漸層文字的黑色/頁面灰色。展示，而非告知：時鐘走過夜晚、刻有紅色「✕ 已封鎖」的按鍵、鎖定螢幕上出現的通知。
7. 成果 — 回到完成的工作，每項工作都已完成。
8. 更多功能網格 — 4 個方塊，每個方塊一行簡短說明。
9. 信任 — 「無雲端。無追蹤。無訂閱。」
10. 結尾 — 圖示 + 名稱，「免費試用 7 天。」，「之後一次性付費 $8.99。」，網址。無其他內容。

長度約 45 秒。鉤子卡片約 1.3 秒，文字卡片約 2 秒，示範 1.6–2.8 秒，網格約 3.4 秒，結尾約 7 秒。節奏快，但每個畫面停留時間足夠閱讀。

外觀

代碼在 references/design.md 中。簡而言之：

• 頁面背景 #f5f5f7，文字 #1d1d1f，次要文字 #6e6e73，強調色 = 產品的藍色，系統紅色 #ff3b30 用於成本和 Touch ID 圖案，系統綠色用於成功。僅限淺色模式。
• 透過 -apple-system 使用 SF Pro；標題 76–120 px，粗細 600–700，字距 −0.03 至 −0.04 em；時鐘使用 SF Pro Rounded。
• 滿版漸層卡片（藍色、綠色、帶 SVG 紋理的石板色、帶有漸層裁剪單色文字的黑色），風格類似 apple.com 產品頁面。
• 液態玻璃表面：半透明白色、發光邊緣、膠囊形狀、大範圍柔和陰影、背景模糊。產品 UI 從其自身原始碼重建，使用相同的尺寸、粗細和文案。
• 從 macOS 渲染的真實 SF Symbols（tools/render-symbols.swift）；從已安裝應用程式提取的真實應用程式圖示。透過 Rich.tsx 使用 **…** 高亮顯示文字。
• 文字置中；視窗及其文字行作為一個置中的群組一起移動。切勿在頂部有動畫時變更底部的文字；將說明文字放在動作旁邊，並延遲其他動作直到該行文字定位完成。

文案

原則及來源依據在 references/copy.md 中。規則：

• 使用簡單詞彙、簡短句子，除非子文字承載事實。
• 標題完全描述產品功能；重複使用網站上的標題。
• 使用具體數字（「再三個小時」、「340 個測試」、「凌晨 2:06」）。
• 好處優先，功能作為證明；處理阻礙買家購買的反對意見（隱私、鎖定、價格、「是否符合我的情況」）。
• 行動呼籲是附帶價格的價值呼籲。

音訊

用程式碼創作背景音樂（tools/make-music.py，使用 numpy + ffmpeg）：126 BPM，每拍一個大鼓，第 2/4 拍拍手，從第一小節開始，撥弦琶音、低音、襯底；在揭曉和解鎖處加入上升音 + 衝擊音；在解鎖處加入崩壞音；在結尾處解決；在每個卡片剪輯處加入柔和的滴答聲。時刻是腳本頂部的參數；每當剪輯點變更時重新調整。在產品有提供的情況下，使用產品的真實系統音效。不使用授權音樂。

工作流程

1. 閱讀產品的網站和原始碼，了解使用案例、文案字串、UI 捕捉、圖示。閱讀 references/copy.md。
2. 撰寫 BRIEF.md 和 POSITIONING.md。
3. 複製 templates/promo-project/；在 src/theme.ts 中設定 ROOT。
4. 先建立時間軸（src/timeline.ts：時刻、文案、補間動畫），然後是卡片，最後是示範。根據時刻重新生成音樂。
5. 驗證：執行 dapi check，然後執行 dapi capture 獲取每個節拍的連絡表；閱讀它們；修正；然後才執行 dapi export。檢查 MP4（持續時間、音訊峰值）並為回覆拼貼取樣影格。
6. 流程細節和光柵化器的注意事項：references/pipeline.md。