UI動效不僅僅是為了在用戶界面中為了吸引用戶。明智地使用UI動效,可以增強佈局的可用性和可導航性,使微交互清晰,過渡美觀。此外,它還引導用戶,將數字產品與現實世界的對象連接起來,這讓許多用戶用起來更加方便。繼續用戶界面中有效運動的主題,今天我們收集了一組可以啟發靈感的動態圖標設計。
1.動態圖標在界面中的應用
搜索圖標轉換到光標(Oleg Frolov)
搜索圖標與內容的文本提示交互(Oleg Frolov)
通知圖標的動效微交互(Paarth Desai)
通知圖標的另一個動效概念( Gal Shir)
用於郵件控件圖標的冷調和諧波動效(Jona Dinges)
移動應用程序標籤欄的動效圖標(Andrew McKay)
2.圖標變形和轉換
一件有趣的設計作品:iOS圖標從Google到Facebook、Twitter、Waze、Weather、Soundcloud、Health的轉換一直到YouTube( Platform)
控制中心圖標的簡練變形(the Platform team)
以數碼設備為特色的動效圖標的嘗試(Peter Smart)
一組用於社交分享的變形動畫(Icons8)
圖標動畫的練習(UIGreat)
材料的變形動畫圖標(Divan Raj)
圖標變形的練習(Paarth Desai)
3.動畫式的圖標集
動畫象形圖集( Ramotion)
動效圖標( Alex Kunchevsky)
運動中的商業圖標(Alex Kunchevsky)
一套動效概念集合(Null)
PQ圖標動畫( Edyta Konstanska)
閱讀更多 UI巴巴 的文章