1. 程式人生 > 實用技巧 >UI設計載入動效趨勢|可以認真學習臨摹的素材模板

UI設計載入動效趨勢|可以認真學習臨摹的素材模板

什麼是動效

移動APP互動動效:包括那些能夠為產品賦予生機的動態的介面元素及視覺效果,這些互動效果通常與特定的響應行為相關,甚至包括那些與互動行為沒有直接關聯的臨時狀態。

蘋果官方文件的解讀是這樣的”精細而恰當的動畫效果可以傳達狀態、增強使用者對於直接操縱的感知、通過視覺化的方式向用戶呈現操作結果”。

動效的分類

動效設計,既能在產品的功能層面提供支援,又可以在表現層面發揮影響。

動畫依據功能層和表現層可分為非互動類動畫和互動類動畫。

1. 非互動類動畫(表現層)

非互動類動畫,是獨立於頁面任何結構的動畫元素,不需要編碼;可移植到任何地方進行播放,常見的如gif動畫,svg動畫等。

2. 互動類動畫(功能層)

互動類動畫,是指依賴於頁面結構,動畫的過程與結束會改變頁面的結構,需要編碼;常見的如輪播動畫、首屏動畫等。

50多個動畫載入器

20種不同的載入動效1

火箭載入SVG動畫

20種不同的載入動效

平板預緊器設定GIF