動(dòng)畫效果是用戶體驗(yàn)設(shè)計(jì)中繞不開的環(huán)節(jié)，而在網(wǎng)站建設(shè)交互當(dāng)中，動(dòng)效是作為轉(zhuǎn)場(chǎng)的潤滑劑，承上啟下的重要環(huán)節(jié)而存在。動(dòng)效讓這一切不那么突兀，自然地過渡，呈現(xiàn)狀態(tài)變化，幫助用戶更清晰的明白當(dāng)前的狀態(tài)，這是絕佳的方式。

1、下拉刷新更新內(nèi)容

以加載指示器為代表的視覺反饋告知用戶，系統(tǒng)已經(jīng)開始處理之前的請(qǐng)求了。微妙的動(dòng)畫能夠幫助用戶理解正在發(fā)生的事情。

2、呈現(xiàn)系統(tǒng)狀態(tài)

當(dāng)用戶通過交互觸發(fā)界面行為的時(shí)候，他們希望能夠看到視覺上的響應(yīng)——整個(gè)交互系統(tǒng)應(yīng)該明確地表示它已經(jīng)收到了請(qǐng)求并且進(jìn)行處理。比如：確認(rèn)用戶行為。系統(tǒng)收到用戶的反饋之后，通過動(dòng)效告知用戶它已經(jīng)收到反饋了。視覺反饋防止了用戶再進(jìn)行更多的操作。

3、減少認(rèn)知負(fù)荷

當(dāng)用戶需要花費(fèi)心力去盡力理解某個(gè)事物的時(shí)候，這個(gè)認(rèn)知負(fù)荷就很重了。一般而言，越省心的產(chǎn)品，認(rèn)知負(fù)荷就越低。如果一個(gè)產(chǎn)品認(rèn)知負(fù)荷重，用戶不花精力就很難理解。作為設(shè)計(jì)師，我們的目標(biāo)應(yīng)該是創(chuàng)建易用的界面，如果設(shè)計(jì)得當(dāng)，動(dòng)畫能夠幫助用戶減少認(rèn)知負(fù)荷。

4、吸引用戶的注意

動(dòng)效能夠?qū)⒂脩舻淖⒁饬ξ教囟ǖ膮^(qū)域或是離開當(dāng)前的區(qū)域。好的動(dòng)效設(shè)計(jì)能夠讓UI不會(huì)很突兀，也更加易于導(dǎo)航。它能夠?qū)⒂脩舻囊暰€注意到新的物體從哪里出現(xiàn)、從哪里消失，讓用戶對(duì)所發(fā)生的事情有一個(gè)直觀的理解。

5、確認(rèn)操作

動(dòng)效能夠增強(qiáng)用戶正在進(jìn)行的動(dòng)作。在每一個(gè)按鈕的點(diǎn)擊和畫面的轉(zhuǎn)換中都可以加入一個(gè)動(dòng)效。視覺反饋能夠提高用戶的參與感和愉悅感。比如在密碼錯(cuò)誤的時(shí)候運(yùn)用了水平震動(dòng)的動(dòng)畫。用戶注意到這個(gè)動(dòng)畫的時(shí)候能立刻明白這個(gè)動(dòng)作的意義。

動(dòng)效是科技的下一個(gè)層級(jí)。它是與事物互動(dòng)的自然方式，也絕對(duì)是未來設(shè)計(jì)的關(guān)鍵。是時(shí)候和靜止不動(dòng)的用戶界面說再見，創(chuàng)造更加生動(dòng)的界面了。