前言：動效不是裝飾，是溝通語言

豐富動效能賦予 App：空間方位感、功能引導性、操作確定性、層級關係、節奏韻律、信息組織效率。但**動效必須服務於場景與需求**，拒絕「為動而動」。以下六大通用原則，覆蓋轉場、邀請、過渡、反饋、縮放、吸附。

原則一：轉場——構建空間心智模型

手機屏幕小，內容常隱藏在屏幕四邊或深層。轉場動效（推入、蓋住、翻轉、淡入）幫助用戶建立**空間方位感**：「新頁面從右邊來，返回就往右邊回」。
iOS 19 種、Android 8 種、WP7 6 種官方轉場 API，優先調用系統原生動效，保持平台一致性、降低學習成本。

原則二：邀請——主動揭示核心功能，而非藏著讓用戶猜

**直接、明顯的視覺提示**告知用戶「這裡可以做什麼」：
• 首次進入空狀態頁 → 插畫 + 文案 + CTA 按鈕引導創建內容
• 長列表底部 → 「上拉加載更多」微動畫暗示
• 關鍵功能入口 → 脈動光環、輕微彈跳吸引視線

鐵律：
✅ 只邀請核心高頻任務（用戶只用 20% 功能）
❌ 非必要不中斷用戶當前操作（彈窗強制引導 = 惡意打擾）

原則三：過渡——讓等待可感、可控、可預期

系統級過渡分兩類：
• **進度條**：可預知進度/剩餘時間（文件上傳、下載）
• **菊花轉**：不可預知耗時（網絡請求、搜索）

優秀案例：iOS 郵件移動到垃圾箱、照片分享跳轉郵件——過渡動效清晰展示「從哪來、到哪去」，防止用戶迷路。
反面教材：iOS 短信發送進度條——強制用戶盯著等待，實則可後台異步發送，失敗再提醒。**不要用「假進度」製造焦慮，要用真誠反饋建立信任。**

原則四：反饋——操作即得響應，結果一目瞭然

任務成功/失敗後，**即時、簡潔、位置相關**地告知結果：
• 成功類：輕量 Toast/浮層，自動消失（Reeder 標記已讀/收藏即時彈層確認）
• 失敗類：強提醒，位置貼近出錯欄位（賬號錯誤顯示在賬號旁，密碼錯誤顯示在密碼旁），警示色系

原則五：縮放——盒子主義，一寸屏幕當兩寸用

**每個功能模塊是一個「盒子」**：平時收合只露標籤（如輸入框入口），需要時展開露出完整工具集（豐富編輯器、位置、圖片、發送鍵）。
Bluga 輸入框：點擊前是單行入口，點擊後展開為完整編輯區——**在有限空間裡實現功能密度與簡潔性的動態平衡**。

原則六：吸附——網格系統的秩序之美

拖拽圖標/組件時，自動吸附對齊網格，保證介面整潔；拖拽疊加自動生成資料夾。**吸附讓「混亂的自由」變成「有序的自由」**，降低用戶整理成本，傳達「一切盡在掌握」的品質感。
反例：早期 Nokia Widget 可隨意拖拽不吸附，桌面如垃圾場般凌亂。

動效設計的最高原則：場景驅動，多感融合

• 每個動效必須回答：在什麼場景？解決什麼問題？
• 優秀動效 = 視覺動效 + **合適音效（輕微點擊聲、誰osh聲）** + **合理手勢（滑動、捏合、長按）**。三位一體，才是最自然的交互方式。
• WP7 風格動效看久了也會膩——**節制與克制，是高級動效的核心素質**。

行動呼籲

從今天開始，審視你 App 的每一幀動畫：它在傳達什麼信息？它解決了什麼痛點？它讓用戶更安心、更高效、更愉悅了嗎？
**努力提升動效品質，讓你的應用真正「動」起來——動得有意義、動得有溫度、動得有品位。**