起初，動畫被認為是一種美，但現(xiàn)在，它們已經(jīng)成為一種非常強大的工具，使用戶交互流暢。但是，基本原理沒有變，隨著技術(shù)的進步，我們有了更好的認識。創(chuàng)建動畫一直被認為是網(wǎng)站制作中設(shè)計頁面最復雜的方面之一。許多設(shè)計師在After Effects中創(chuàng)建動畫，然后將它們發(fā)送給與他們合作的開發(fā)公司。但是很多網(wǎng)站制作設(shè)計師并不知道使用動畫的好處。

　　1.動畫的主要目的是提高可用性

　　一個簡單的動畫實際上可以是一個很好的指導工具，幫助人們理解在網(wǎng)站制作設(shè)計中他們應該點擊哪個按鈕或者應該在下一個位置。許多設(shè)計師將簡單的動畫與用戶工具配對，以點擊或滾動。如果正確使用動畫，可以向用戶提供有價值的反饋。您多次以錯誤的方式填寫表格，并顯示一個消息框，突出顯示您的錯誤并告訴您如何解決它們？經(jīng)過精心的操作可以引導用戶，并為他們提供背景信息，你甚至有機會給用戶帶來驚喜，讓事情變得更加有趣和引人入勝。在網(wǎng)頁設(shè)計中，如果不是純粹的裝飾性的使用，動畫其實是非常有用的。優(yōu)秀的UX和UI設(shè)計師經(jīng)常使用動畫來改善整個工作流程。

　　2.動畫的第二個用途是美學

　　動畫可以作為很好的裝飾。動畫的目標通常是純視覺的，這在一定程度上是可以接受的。裝飾性動畫可以幫助建立用戶和界面之間的情感聯(lián)系。動畫還可以激發(fā)視覺吸引力，確保你的用戶與你的網(wǎng)站保持長時間的聯(lián)系。在創(chuàng)作一部純視覺效果的動畫時，請考慮該怎么做。考慮你希望用戶擁有什么樣的連接。是有趣還是驚喜？要不要放一些獨特的應該分享的內(nèi)容？即使是純視覺的東西，也應該有一定的用途。

　　3.使用動畫的另一個原因是為了傳達某種功能

　　動畫可以是一個很好的工具，以直觀的方式向用戶展示特定內(nèi)容是如何工作的。不要無緣無故用視差滾動效果犯一些錯誤。

　　4.動畫也可以幫助引導用戶

　　動畫不僅用于動畫，還用于轉(zhuǎn)換。它們可以幫助您的用戶理解頁面，并引導他們到應該點擊的特定位置。

　　5.你可以用它們來顯示信息

　　除了提示功能，還可以讓它成為一個很好的展示輔助信息的工具。例如，您可以讓用戶懸停在內(nèi)容上并顯示其他選項。而且由于暫停內(nèi)容的“隱藏”默認狀態(tài)，你只想把它作為輔助信息。對于想瀏覽你網(wǎng)站的用戶來說，沒有什么是真正重要的。此外，請記住，在移動設(shè)備上懸停不起作用。