最初，動畫被認為是一種美，但是現(xiàn)在，它們已成為使用戶交互變得流暢的非常強大的工具。 但是，基本原理沒有改變，并且隨著技術的進步，我們有了更好的實現(xiàn)。 創(chuàng)建動畫一直被認為是網(wǎng)頁設計中最復雜的方面之一。 

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

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

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

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

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

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

  4.動畫還可以幫助指導用戶

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

  5.您可以使用它們顯示信息

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