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

1、下拉刷新更新內容
以加載指示器為代表的視覺(jué)反饋告知用戶(hù)，系統已經(jīng)開(kāi)始處理之前的請求了。微妙的動(dòng)畫(huà)能夠幫助用戶(hù)理解正在發(fā)生的事情。

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

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

4、吸引用戶(hù)的注意
動(dòng)效能夠將用戶(hù)的注意力吸引到特定的區域或是離開(kāi)當前的區域。好的動(dòng)效設計能夠讓UI不會(huì )很突兀，也更加易于導航。它能夠將用戶(hù)的視線(xiàn)注意到新的物體從哪里出現、從哪里消失，讓用戶(hù)對所發(fā)生的事情有一個(gè)直觀(guān)的理解。

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

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

TAG標簽：

免責聲明：本文內容由互聯(lián)網(wǎng)用戶(hù)自發(fā)貢獻自行上傳，本網(wǎng)站不擁有所有權，也不承認相關(guān)法律責任。如果您發(fā)現本社區中有涉嫌抄襲的內容，請發(fā)送郵件至：93624862@qq.com進(jìn)行舉報，并提供相關(guān)證據，一經(jīng)查實(shí)，本站將立刻刪除涉嫌侵權內容。本站原創(chuàng )內容未經(jīng)允許不得轉載。