UI設計載入動效趨勢|可以認真學習臨摹的素材模板
阿新 • • 發佈:2020-10-18
什麼是動效
移動APP互動動效:包括那些能夠為產品賦予生機的動態的介面元素及視覺效果,這些互動效果通常與特定的響應行為相關,甚至包括那些與互動行為沒有直接關聯的臨時狀態。
蘋果官方文件的解讀是這樣的”精細而恰當的動畫效果可以傳達狀態、增強使用者對於直接操縱的感知、通過視覺化的方式向用戶呈現操作結果”。
動效的分類
動效設計,既能在產品的功能層面提供支援,又可以在表現層面發揮影響。
動畫依據功能層和表現層可分為非互動類動畫和互動類動畫。
1. 非互動類動畫(表現層)
非互動類動畫,是獨立於頁面任何結構的動畫元素,不需要編碼;可移植到任何地方進行播放,常見的如gif動畫,svg動畫等。
2. 互動類動畫(功能層)
互動類動畫,是指依賴於頁面結構,動畫的過程與結束會改變頁面的結構,需要編碼;常見的如輪播動畫、首屏動畫等。