令人愉悅的動(dòng)畫幾乎已成為當(dāng)今網(wǎng)頁設(shè)計(jì)的標(biāo)準(zhǔn)，動(dòng)態(tài)效果的互動(dòng)細(xì)節(jié)使現(xiàn)代網(wǎng)頁與以前的設(shè)計(jì)根本不同。動(dòng)態(tài)效果不僅可以代表狀態(tài)，引導(dǎo)用戶的顧慮，幫助預(yù)測(cè)交互的結(jié)果，甚至影響用戶的行為。在逐步探索和發(fā)展的過程中，在網(wǎng)頁和APP中使用動(dòng)態(tài)效果的方法和技術(shù)逐漸成熟，形成了一個(gè)相對(duì)系統(tǒng)的模型。今天的文章使用一系列示例來說明動(dòng)態(tài)如何改善整體用戶體驗(yàn)。加載動(dòng)效

通常用于運(yùn)動(dòng)的一個(gè)地方是進(jìn)度條。加載進(jìn)度條的加載效果將改變用戶對(duì)時(shí)間的感知，并且通過轉(zhuǎn)移注意力來減少用戶的等待感。

簡單的加載效果實(shí)際上比復(fù)雜效果更好。不需要額外的東西，例如聲音效果。用戶對(duì)有趣效果的關(guān)注越多，忽略等待過程就越容易。

即使加載時(shí)間很短，有趣的效果也可以讓這段時(shí)間變得有趣。

進(jìn)度動(dòng)效Motion也可用于顯示交互或操作的進(jìn)度。以下加載進(jìn)度條代表此類動(dòng)作：

　界面框架接口框架將在加載接口后顯示大致樣式。界面框架將讓用戶產(chǎn)生內(nèi)容在閃存中加載的錯(cuò)覺。這種動(dòng)畫可以應(yīng)用于大多數(shù)網(wǎng)頁和應(yīng)用程序，它將顯著增強(qiáng)用戶的參與。

　視覺反饋向用戶直觀地呈現(xiàn)界面反饋是非常實(shí)用的。良好的交互設(shè)計(jì)需要視覺反饋來支持，傳達(dá)交互的結(jié)果，并使交互可用，可見和可預(yù)測(cè)。在網(wǎng)站接口中，哪些元素可以進(jìn)行交互。如果它是不可知的，那么互動(dòng)的結(jié)果是不可預(yù)期的，并且混亂是不可避免的。精心的交互設(shè)計(jì)可以幫助用戶理解并將這種混淆降低到較低水平。　懸停動(dòng)效桌面交互主要依賴于觸摸板和鼠標(biāo)。光標(biāo)懸停效果主要是針對(duì)這種情況。同時(shí)，它也是常見的影響之一。

當(dāng)用戶不知道如何使用某個(gè)控件時(shí)，它會(huì)直觀地將光標(biāo)移動(dòng)到頂部。此時(shí)，懸停效果可以吸引他們的注意力。由于交互方式的不同，移動(dòng)終端很難使用懸停效果。無論是按鈕還是輸入框，當(dāng)您單擊屏幕時(shí)都會(huì)觸發(fā)控件，結(jié)果只能在以后呈現(xiàn)，而不是像懸停一樣進(jìn)行預(yù)覽。

　長滾動(dòng)頁面必須說屏幕的設(shè)計(jì)一直是網(wǎng)頁設(shè)計(jì)的重點(diǎn)，設(shè)計(jì)師關(guān)注這個(gè)有價(jià)值的領(lǐng)域是有道理的。但頁面的其余部分同樣重要。實(shí)際上，有一種說法是“普通媒體頁面上66％的用戶都在屏幕下”，因此組合動(dòng)態(tài)長滾動(dòng)頁面也非常有用。動(dòng)態(tài)效果使?jié)L動(dòng)交互充滿樂趣。動(dòng)畫可以使長滾動(dòng)頁面攜帶的故事更加生動(dòng)有趣。與酷炫的動(dòng)畫相比，微妙的動(dòng)態(tài)效果讓人感覺更加到位。您可以將網(wǎng)站設(shè)計(jì)轉(zhuǎn)換為可滾動(dòng)的“塊”，在每個(gè)塊中顯示不同的內(nèi)容。以下示例執(zhí)行此操作：

　結(jié)語