本文基于迪士尼動畫師奧利?約翰斯頓與弗蘭克?托馬斯提出的 “動畫十二基本法則”，探索其在 UI 動效設計中的指導作用，強調 UI 動效應結合場景、動態效果與節奏傳遞信息，通過十二法則提升動效的自然性、吸引力與功能性。
UI 動效廣泛應用于四類場景，核心是輔助用戶理解與操作：
- 交互轉場與過渡：用于頁面跳轉、層級變化等，通過位移、縮放等效果明確轉換關系，降低用戶認知成本（如頁面切換時的絲滑過渡）。
- 視覺核心與情感化動畫展示：聚焦產品核心功能，吸引用戶注意力，應用于開屏動畫、引導頁等（如啟動頁的 logo 動態展示）。
- 場景與功能引導：通過元素動態變化引導用戶操作，如呼吸按鈕、新功能浮層，減少干擾元素（如突出主要操作按鈕）。
- 加載與操作反饋：加載動效緩解等待焦慮，操作反饋即時響應用戶行為（如調節溫度時的動態反饋）。
UI 動效是 “根據不同使用場景，運用合適的動態效果和節奏，向使用者傳遞特定信息的表達方式”，包含三個核心要素：
- 使用場景：對應上述四類場景（交互、展示、引導、反饋）。
- 動態效果與節奏：決定動效的呈現形式與流暢度。
- 傳遞信息：如頁面層級變化、產品功能特點、操作反應等。
