UI動效不僅僅是為了在用戶界面中為了吸引用戶。明智地使用UI動效，可以增強布局的可用性和可導航性，使微交互清晰，過渡美觀。此外，它還引導用戶，將數(shù)字產(chǎn)品與現(xiàn)實世界的對象連接起來，這讓許多用戶用起來更加方便。繼續(xù)用戶界面中有效運動的主題，今天我們收集了一組可以啟發(fā)靈感的動態(tài)圖標設(shè)計。

1.動態(tài)圖標在界面中的應用

搜索圖標轉(zhuǎn)換到光標（Oleg Frolov）

搜索圖標與內(nèi)容的文本提示交互（Oleg Frolov）

通知圖標的動效微交互（Paarth Desai）

通知圖標的另一個動效概念（ Gal Shir）

用于郵件控件圖標的冷調(diào)和諧波動效（Jona Dinges）

移動應用程序標簽欄的動效圖標（Andrew McKay）

2.圖標變形和轉(zhuǎn)換

一件有趣的設(shè)計作品：iOS圖標從Google到Facebook、Twitter、Waze、Weather、Soundcloud、Health的轉(zhuǎn)換一直到Y(jié)ouTube( Platform)

控制中心圖標的簡練變形（the Platform team）

以數(shù)碼設(shè)備為特色的動效圖標的嘗試（Peter Smart）

一組用于社交分享的變形動畫（Icons8）

圖標動畫的練習（UIGreat）

材料的變形動畫圖標（Divan Raj）

圖標變形的練習（Paarth Desai）

3.動畫式的圖標集

動畫象形圖集( Ramotion)

動效圖標( Alex Kunchevsky)

運動中的商業(yè)圖標(Alex Kunchevsky)

一套動效概念集合(Null)

PQ圖標動畫( Edyta Konstanska)

原文地址：https://icons8.com/articles/ui-animation-creative-concepts-of-animated-icons/