章節轉場
chapter- 什麼時候用
- 每一章開頭(含結語章),用全畫面交代章號與章名
- 不要用在
- 章內換小節(改用章節角標),或不想打斷講解的時候
- 怎麼進場
- 背景與號卡第一格就在,章名板 0.45 秒、副標 0.6 秒起淡入,字從板子下緣浮出;有圖示時,章名出現後把號卡上方的大圖示描出來,固定 2.5 秒
AI 排分鏡時從這裡挑版型,你也可以先看看有哪些。每張卡都是即時預覽。滑鼠滑過卡片,會從頭重播進場動畫並播放對應的音效;瀏覽器規定要先在頁面上點一下才會出聲。上方的「風格」可以切換風格包(主色+背景圖),「暗色」切換亮/暗主題,所有預覽一起換;換了工作區的主色或背景之後,重新整理這一頁就能看到新的樣子。點預覽可以在新分頁看全尺寸。
改變整個畫面的配置:全畫面、半版、兩側、角標
chapterchapter-tagside-panelfs-*fs-listfs-comparefs-flowfs-table自動slots.visual(畫廊插圖元件,例 laptop),右邊放主視覺;沒寫 --check 會 ⚠two-sidesspeakershared/講者.json(跟 AI 說「講者設定成…」)就會換成你的名字與頭銜放在畫面左下,講者照常出現。共同進場:外殼由左往右揭開 0.55 秒,內容 0.15 秒後淡入上漂
conceptkey-pointstepsqatipssummaryquote講解一個一個點名時,讓條目跟著出現
keywordstitle-list講解在講一個情境時用這一層。AI 會填上你的內容,時間對到字幕,長度跟著那一段走
x-processx-process-tracex-process-loopx-metaphorx-before-afterx-numbersx-warningsx-promptx-prompt-chatx-terminalx-terminal-codex-ui-mockx-ui-mock-tidyx-architecturex-architecture-sendx-branchx-stackx-stack-podiumx-checklistx-checklist-aix-calloutx-callout-phonex-callout-partsx-timelinex-trendx-trend-blocksx-fixx-scenex-scene-example-recx-scene-example-outlinex-versusx-ringx-ring-facetsx-crowdx-crowd-queuex-deskx-news一個詞或一句話的大字動畫,分 5 類、每類 8 種
01文字爆發段落高潮,重重強調一個關鍵詞02逐字敲擊逐字唸出的口號、倒數03印章蓋印宣布結論、定案、「通過」04衝刺縮放轉場進入新話題05動態堆疊兩個並列關鍵詞或上下句06縱向伸縮輕快、流行感的關鍵詞07穿越縮放「從 A 到 B」的轉變08彈性擠壓中英對照的術語、反差09巨字捲動主題字當滿版背景,吸睛開場10直書逆流沉靜的段落標題11重複波紋反覆強調同一個詞12斜向帶狀轉場、街頭風的標題過場13緞帶文字輕鬆、有音樂感的段落標題14跑馬看板公告、限時、多個標語15直書三層有層次感的標題16膠帶交叉警告、「千萬不要」「踩雷」17文字隧道開場、科幻感、進入主題18文字走廊沉浸式段落開場19文字圓柱品牌名、產品名展示20文字漩渦「腦袋打結」類的高潮21環形隧道開場、聚焦一個詞22軌道環繞品牌名、標題環繞展示23文字方塊三到四個關鍵詞輪流24立體擠出要有分量的大標題25翻牌看板公布結果、車站看板感26翻轉卡片切換、「答案是」27打字機故事敘述、引用原句28拉霸滾輪抽獎式的結果揭曉29數字計數實績數字、成長數字30標題切換快訊、新聞式解說31LED 點陣復古科技感、跑馬公告32上下分割反差、前後對比33輪廓填色洗鍊的標題34故障切片出錯、系統崩潰、bug35圖紋遮罩活潑的主題字36旋轉長影扁平風標題37液體填充進度、累積感38螢光筆劃線解說時強調句尾關鍵字39雙色反轉對立觀點、黑白切換40殘影軌跡漂浮、輕盈感每顆都對準畫面事件;滑過上面的卡片就會聽到(結尾配樂另列,不能當段落音效)
音效預覽還沒產生:跟 AI 說「更新情境庫」就會做好。
三條規則(來自 style.md)
① 一張卡最多一個主音效。
② 兩個主音效相距不到 3 秒,只留前一個。
③ 音效比人聲小。
想換或拿掉:plan.json 那段寫 "sfx": "ding" 或 "sfx": null;"sfxExtra": false 關掉附加音效。
所有情境共用 8 個動作,秒數固定,AI 不用自己調
| 動作 | 用在哪裡 | 秒數 |
|---|---|---|
reveal | 浮動卡的外殼由左往右揭開 | 0.55 |
rise | 內容淡入,往上漂 8px | 0.5 |
drift | 貼邊元件從自己貼的那一側滑入 16px | 0.5 |
axis | 有順序地換內容(舊的往左、新的從右) | 0.45 |
swap | 沒有順序的原地交叉淡化 | 出 0.4/進 0.5 |
sideIn/sideOut | 半版側邊欄推入、推出 | 0.7 |
maskUp | 標題字從板子下緣浮出 | 0.6 |
out | 所有離場一律淡出 | 0.4 |
改完重新整理這一頁,上面所有預覽都會跟著變
風格包=主色+子母畫面外框+三張背景圖(亮、暗各一套)。點一下就能在這一頁預覽:
只想這一集用:跟 AI 說「這集用藍圖風格」。
整個工作區都換:跟 AI 說「換成藍圖風格」(換回來:「換回預設風格」)。
把這句貼給 AI,[]裡換成你要的顏色和感覺:
幫我做一個新的風格包[我的品牌]:主色[深綠色],背景要[簡潔、有一點紙張質感],亮色、暗色都要,先給我看預覽。
AI 會算好字在主色上看不看得清楚、重畫子母畫面外框、產生三張背景圖並檢查卡片和字幕會蓋到的地方,你看過預覽同意才存成一包。
貼提示詞 3 的時候多加一句「不要用 XX」,例如「不要用兩側」。
AI 會把它寫進 plan.json 的 avoid,之後排分鏡就不會挑它。