最初,動畫被認為是一種美,但是現在,它們已成為使用戶交互變得流暢的非常強大的工具。 但是,基本原理沒有改變,并且隨著技術的進步,我們有了更好的實現。 創建動畫一直被認為是網頁設計中最復雜的方面之一。
1.動畫的主要目的是提高可用性
一個簡單的動畫實際上可以是一個很好的指導工具,可以幫助人們理解他們應該單擊哪個按鈕,或者應該在網頁設計中處于下一個位置。 許多設計師將簡單的動畫與用戶工具配對以單擊或滾動。 如果正確使用動畫,則可以向用戶提供有價值的反饋。 您以錯誤的方式多次填寫了表格,并顯示一個消息框,突出顯示您的錯誤并告訴您如何解決它們? 在經過深思熟慮的操作可以指導用戶并向他們提供背景信息之后,您甚至有機會給用戶一個驚喜,使事情變得更加有趣和引人入勝。 在網頁設計中,如果您不以純粹的裝飾方式使用動畫,則動畫實際上非常有用。 優秀的UX和UI設計人員經常使用動畫來改善整個工作流程。
2.動畫的第二種用途是美學
動畫可以用作很好的裝飾。 動畫的目標通常是純視覺目標,在一定程度上是可以接受的。 裝飾性動畫可以幫助在用戶和界面之間建立情感聯系。 動畫還可以激發視覺吸引力,并確保您的用戶與您的網站保持較長時間的聯系。 在創建具有純視覺效果的動畫時,請考慮該怎么做。 考慮您希望用戶具有哪種連接。 是有趣還是令人驚訝? 您是否要放置一些應該共享的獨特內容? 即使是純粹視覺的東西也應該有一定的用途。
3.使用動畫的另一個原因是傳達某種功能
動畫可以是一個很好的工具,可以以直觀的方式向用戶顯示特定內容的工作方式。 不要無緣無故地使用視差滾動效果來犯一些錯誤。
4.動畫還可以幫助指導用戶
動畫不僅用于動畫,而且還用于轉換。 它們可以幫助您的用戶理解該頁面,并引導他們到應單擊的特定位置。
5.您可以使用它們顯示信息
除了提示功能外,您還可以使其成為顯示輔助信息的好工具。 例如,您可以讓用戶將鼠標懸停在內容上并顯示其他選項。 并且由于懸浮內容的“隱藏”默認狀態,您只想將其用作輔助信息,對于想要瀏覽您的網站的用戶來說,沒有什么是真正重要的。 另外,請記住,在移動設備上懸停不起作用。