有時(shí)用戶(hù)需要一系列的步驟來(lái)完成操作，而這些步驟需要清晰的標(biāo)明他們是緊密相連的，動(dòng)畫(huà)能夠幫助你連接不同的步驟創(chuàng)造一個(gè)完整的體驗(yàn)。

      下面是一個(gè)如何利用動(dòng)畫(huà)來(lái)創(chuàng)造連續(xù)線(xiàn)性事件的優(yōu)秀案例：

Image: Jakub Antalík

      動(dòng)畫(huà)可以幫助設(shè)計(jì)師創(chuàng)造漸進(jìn)式展現(xiàn)，漸進(jìn)式展現(xiàn)通過(guò)減少同一時(shí)間內(nèi)信息量的展現(xiàn)，使界面更加簡(jiǎn)單易學(xué)。

      這里有兩個(gè)很好的例子，說(shuō)明使用漸進(jìn)式展現(xiàn)提供有意義的信息塊。

Image: Anton Skvortsov

      在這篇文章中，我們將講述當(dāng)功能性的動(dòng)畫(huà)補(bǔ)充視覺(jué)設(shè)計(jì)和支持交互時(shí)的常見(jiàn)情況。

      當(dāng)用戶(hù)觸發(fā)了某些操作時(shí)，他們期望得到一個(gè)視覺(jué)反饋，系統(tǒng)需要清晰地表明它已經(jīng)接收到這個(gè)操作請(qǐng)求同時(shí)正在運(yùn)行中。

      這里有一些有益于用戶(hù)體驗(yàn)的動(dòng)畫(huà)反饋案例：

       用戶(hù)得到系統(tǒng)對(duì)于該操作的確認(rèn)，當(dāng)用戶(hù)可以得到有效的視覺(jué)反饋，這就可以防止用戶(hù)重新點(diǎn)擊操作元素。

Notify users of the results of their actions. Image: Colin Garven

       加載提示的視覺(jué)反饋幫助用戶(hù)理解系統(tǒng)正在對(duì)于用戶(hù)的請(qǐng)求做處理。

Subtle animation helps users understand what is going on. Image: Ramotion

       加載并不一定很枯燥，幾乎所有的移動(dòng)應(yīng)用都可以在頁(yè)面加載時(shí)，利用微妙的動(dòng)畫(huà)來(lái)防止用戶(hù)離開(kāi)。加載動(dòng)畫(huà)可以持續(xù)占據(jù)用戶(hù)的視覺(jué)反饋，結(jié)果就是用戶(hù)感覺(jué)等待的時(shí)間更短。

Animation can keep the user engaged even before the app fully loads. Image: UI8

信息來(lái)源快幫云:m.dzjkx.cn,專(zhuān)業(yè)網(wǎng)站制作,專(zhuān)業(yè)網(wǎng)站設(shè)計(jì),專(zhuān)業(yè)網(wǎng)站建設(shè)公司