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

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

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

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

進度動效Motion也可用于顯示交互或操作的進度。以下加載進度條代表此類動作：

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

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

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

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

　結(jié)語