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

1.動(dòng)態(tài)圖標(biāo)在界面中的應(yīng)用

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

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

通知圖標(biāo)的動(dòng)效微交互（Paarth Desai）

通知圖標(biāo)的另一個(gè)動(dòng)效概念（ Gal Shir）

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

移動(dòng)應(yīng)用程序標(biāo)簽欄的動(dòng)效圖標(biāo)（Andrew McKay）

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

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

控制中心圖標(biāo)的簡(jiǎn)練變形（the Platform team）

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

一組用于社交分享的變形動(dòng)畫(huà)（Icons8）

圖標(biāo)動(dòng)畫(huà)的練習(xí)（UIGreat）

材料的變形動(dòng)畫(huà)圖標(biāo)（Divan Raj）

圖標(biāo)變形的練習(xí)（Paarth Desai）

3.動(dòng)畫(huà)式的圖標(biāo)集

動(dòng)畫(huà)象形圖集( Ramotion)

動(dòng)效圖標(biāo)( Alex Kunchevsky)

運(yùn)動(dòng)中的商業(yè)圖標(biāo)(Alex Kunchevsky)

一套動(dòng)效概念集合(Null)

PQ圖標(biāo)動(dòng)畫(huà)( Edyta Konstanska)

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