豐富動效賦予移動應用活力、品質感、探索慾、抗焦慮、韻律感、高效資訊組織。六大簡單通用動效模式:轉場、邀請、過渡、反饋、縮放、吸附。

手機屏幕有限,內容隱藏於邊緣。轉場動效營造空間方位感,最常用。iOS 19 個、Android 8 個、WP7 6 個官方 API 可直接調用,平台差異後續分享。


直接告知用戶可做之事,引導性最強。僅針對核心功能/任務,避免過度打擾。非必要不中斷用戶當前操作。


系統級過渡:進度條(可預知進度/時間)、菊花轉(不可預知)。iOS 照片轉發郵件、郵件移動資料夾有優秀過渡,防迷路。
反面教材:iOS 簡訊發送進度條造成明顯等待感,用戶擔心離開失敗只能傻等。應後台發送,失敗再通知。圖片分享同理。


Reeder 客戶端:標為未讀/收藏即時彈層反饋。成功類輕量自消失,失敗類相對強勢、位置關聯(賬號錯誤顯示在賬號旁)、警示色系設計。


寸土寸金手機介面,每個功能模塊是盒子:平時只見標簽,需要時打開露出豐富內容。Bluga 輸入框:平態為入口,點擊展開大編輯區、位置、圖片、發送按鈕。


拖拽應用自動吸附對齊網格,保界面整潔;拖拽至另一應用自動成資料夾,樣式與吸附效果直觀傳達交互邏輯。
任何動效需經場景與需求思考:特定情境解決特定問題。WP7 動效看久易膩。優秀動效 = 合適動效 + 音效 + 手勢,構成最自然交互方式。
從今天開始,提升應用品質,讓它動起來!