沒有比這更酷的:讓你大飽眼福的UI圖標動效設計欣賞

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

1.動態圖標在界面中的應用

搜索圖標轉換到光標(Oleg Frolov)

沒有比這更酷的:讓你大飽眼福的UI圖標動效設計欣賞


搜索圖標與內容的文本提示交互(Oleg Frolov)

沒有比這更酷的:讓你大飽眼福的UI圖標動效設計欣賞


通知圖標的動效微交互(Paarth Desai)

沒有比這更酷的:讓你大飽眼福的UI圖標動效設計欣賞


通知圖標的另一個動效概念( Gal Shir)

沒有比這更酷的:讓你大飽眼福的UI圖標動效設計欣賞


用於郵件控件圖標的冷調和諧波動效(Jona Dinges)

沒有比這更酷的:讓你大飽眼福的UI圖標動效設計欣賞


移動應用程序標籤欄的動效圖標(Andrew McKay)

沒有比這更酷的:讓你大飽眼福的UI圖標動效設計欣賞


2.圖標變形和轉換

一件有趣的設計作品:iOS圖標從Google到Facebook、Twitter、Waze、Weather、Soundcloud、Health的轉換一直到YouTube( Platform)

沒有比這更酷的:讓你大飽眼福的UI圖標動效設計欣賞


控制中心圖標的簡練變形(the Platform team)

沒有比這更酷的:讓你大飽眼福的UI圖標動效設計欣賞


以數碼設備為特色的動效圖標的嘗試(Peter Smart)

沒有比這更酷的:讓你大飽眼福的UI圖標動效設計欣賞


沒有比這更酷的:讓你大飽眼福的UI圖標動效設計欣賞

一組用於社交分享的變形動畫(Icons8)

沒有比這更酷的:讓你大飽眼福的UI圖標動效設計欣賞


圖標動畫的練習(UIGreat)

沒有比這更酷的:讓你大飽眼福的UI圖標動效設計欣賞


材料的變形動畫圖標(Divan Raj)

沒有比這更酷的:讓你大飽眼福的UI圖標動效設計欣賞


圖標變形的練習(Paarth Desai)

沒有比這更酷的:讓你大飽眼福的UI圖標動效設計欣賞


3.動畫式的圖標集

動畫象形圖集( Ramotion)

沒有比這更酷的:讓你大飽眼福的UI圖標動效設計欣賞


動效圖標( Alex Kunchevsky)

沒有比這更酷的:讓你大飽眼福的UI圖標動效設計欣賞


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

沒有比這更酷的:讓你大飽眼福的UI圖標動效設計欣賞


一套動效概念集合(Null)

沒有比這更酷的:讓你大飽眼福的UI圖標動效設計欣賞


PQ圖標動畫( Edyta Konstanska)

沒有比這更酷的:讓你大飽眼福的UI圖標動效設計欣賞


沒有比這更酷的:讓你大飽眼福的UI圖標動效設計欣賞



分享到:


相關文章: