動畫類型詞條 4-08
轉場Transition
也常叫做：過場動畫、Transition（工程圈直接用英文）、補間動畫（動畫術語）
你可能會這樣說
選單展開的時候慢慢滑出來，不要「啪」一聲瞬間出現——那個效果是轉場嗎？
白話解釋
轉場是東西從 A 狀態變到 B 狀態的中間過程：選單收合、顏色切換、卡片翻面。沒有轉場，變化是「跳針」——瞬間切過去；有轉場，變化是「過程」——看得到它怎麼過去的。
描述轉場只需要三個參數，跟 AI 溝通時把這三個講清楚就夠：多久（一般 0.15–0.3 秒，超過 0.5 秒就覺得慢）、怎麼快慢（緩動 easing——開始快結束慢最自然，像剎車）、動什麼（位置？顏色？大小？一次別動太多）。
好轉場的判斷標準只有一條：幫助理解，還是只是想動。「選單從哪裡展開」讓人知道它跟按鈕的關係——這是幫助理解。每個區塊捲到就飛進來——這多半只是想動。
親手試試
BOX
目的地
轉場設定：
0.15 秒的 ease-out 是介面裡最常用的「剛好」。
別搞混
轉場和動畫都會動，技術圈分得清楚，你只要抓大方向就夠。
轉場 Transition
狀態 A 到 B 的一次性變化：開→關、藍→紅。有明確起點終點，通常 0.3 秒內。跟 AI 講「淡入淡出」「滑進滑出」就是在點這個。
動畫 Animation
自己會演一輪以上的連續動作：骨架屏的掃光、載入的轉圈、呼吸燈。不依賴狀態切換，是設計好的一段戲。網站上寧少不要多。
這樣對 AI 說
中文就可以
請把網站裡這幾個地方加上轉場，並統一節奏： 1. 選單展開／收合：高度變化 0.25 秒，用 ease-out；收合稍微快一點。 2. 按鈕換色：0.15 秒。 3. 對話框：淡入加上從 97% 縮放到 100%，0.2 秒；關閉反向、稍快。 4. 全站動畫時間不要超過 0.3 秒，除非我特別說。 5. 系統設定「減少動態效果」的使用者，全部改成直接切換、不要動。 6. 不要加滾動進場動畫（每個區塊飛進來那種），我不想要。
「不要超過 0.3 秒」「不要滾動進場動畫」——負面指令同樣重要，不禁止 AI 就會手癢。