一、動畫為設(shè)計添加了圖層。
 

　　很長一段時間（當(dāng)互聯(lián)網(wǎng)出現(xiàn)的時候），互聯(lián)網(wǎng)訪問者已經(jīng)習(xí)慣了相同的舊的二維顯示器。當(dāng)然，這些顯示器中的許多都有漂亮的設(shè)計和顏色引起了我們的注意，但實際上是如此。它沒有發(fā)現(xiàn)任何反應(yīng)。一旦我們離開網(wǎng)頁，那就是全部，我們還會走得更遠(yuǎn)。
 

　　您的設(shè)計動畫為您的網(wǎng)站設(shè)計添加了層次，因為它不僅具有多么好的外觀，而且從靜態(tài)設(shè)計到設(shè)計，在移動時也應(yīng)該看起來很好。屏幕顯示您的徽標(biāo)如何旋轉(zhuǎn)，并一次又一次地發(fā)光，人們已經(jīng)從通常無聊的加載屏幕，移動到查看加載新頁面時從左到右飛行的氣球。
 

　　二、動畫提供深度
 

　　想想你最近的一些網(wǎng)上沖浪冒險經(jīng)歷?，F(xiàn)在考慮一下您訪問過的具有非活動按鈕的網(wǎng)頁，并將它們與實際具有反應(yīng)按鈕的網(wǎng)頁進(jìn)行比較。這些反應(yīng)式按鈕可能處于網(wǎng)頁設(shè)計動畫浪潮的最前沿，這絕非偶然。

　　這些按鈕滿足了印刷機的要求，很長一段時間，除了鼠標(biāo)點擊之外，真的沒有辦法讓用戶滿意?，F(xiàn)在我們有響應(yīng)按鈕。這種動畫通常不需要任何非標(biāo)準(zhǔn)技能甚至是令人發(fā)指的設(shè)計。當(dāng)他的鼠標(biāo)將光標(biāo)移動到按鈕上時，他真正需要的是給用戶一種成就感。這使他們知道按鈕已經(jīng)準(zhǔn)備就緒，并且還為他們提供了熟悉的按鍵體驗。
 

　　三、動畫讓你的創(chuàng)意綻放
 

　　也許我在網(wǎng)頁上看到的最有創(chuàng)意和鼓舞人心的事情之一就是動畫。確實，并非所有人都有這種創(chuàng)造性的錯誤存在于我們內(nèi)部，但這就是產(chǎn)生差異的原因。表達(dá)自己和品牌，因為無法制作靜態(tài)圖像，圖標(biāo)或徽標(biāo)。這使用戶有機會查看您的內(nèi)容并思考：“嗯......這很棒。”
 

　　四、動畫有助于非線性運動
 

　　再次，想想其他任何網(wǎng)站設(shè)計如何使用簡單的“點擊和下載”界面?，F(xiàn)在考慮那些具有獨特頁面轉(zhuǎn)換或轉(zhuǎn)換的內(nèi)容。這些網(wǎng)站目前從我們這個“好網(wǎng)站”中脫穎而出。為什么呢？
 

　　嗯，答案很簡單。我們將那些花時間思考開箱即用的網(wǎng)站與僅僅因為它們的“好”聯(lián)系起來。說實話，不僅需要為網(wǎng)頁設(shè)計制作動畫，還要確保網(wǎng)站繼續(xù)順利運行，這需要花費大量的精力。如果一個網(wǎng)站愿意花時間，精力和金錢來確保您的體驗是一流的，那么他們可能知道他們在做什么。話雖如此，有很多不良網(wǎng)頁設(shè)計動畫的例子，為了這篇文章，我們將把它們排除在外。我們專注于網(wǎng)頁設(shè)計動畫的好處，而不是那些認(rèn)為大量GIF完成同樣事情的方面（提示：他們沒有）。那想要了解更多關(guān)于網(wǎng)站的內(nèi)容，還可以看看《線框是您網(wǎng)站開發(fā)的基礎(chǔ)》。
 

　　五、什么時候應(yīng)該使用動畫

　　我們已經(jīng)在網(wǎng)頁設(shè)計中獲得了動畫的一些好處，現(xiàn)在讓我們談?wù)勀憧梢允褂盟鼈兊膸追N方法。信不信由你，有一些簡單的網(wǎng)頁設(shè)計動畫應(yīng)用可以讓你與眾不同：
 

　　1、Microinteractions
 

　　還記得我們談到被動和非反應(yīng)按鈕嗎？這是相同的概念，但有各種各樣的行動。按鈕是網(wǎng)站上最常見的操作，但您永遠(yuǎn)不知道何時能夠在微交互中擺動。
 

　　2、隱藏的菜單
 

　　這個老實說是我的最愛之一，它對節(jié)省空間非常有效。我們都知道下拉菜單，但動畫師和網(wǎng)頁設(shè)計師真的很有創(chuàng)意。
 

　　3、懸停動畫

　　懸停動畫是一種非常簡單的方式，可以為圖像或圖標(biāo)提供附加信息，而無需將用戶帶離頁面。
 

　　4、正在加載動畫
 

　　加載動畫在保持用戶注意力方面非常有效。我的意思是，有多少次您關(guān)閉了網(wǎng)頁，因為加載時間過長？
 

　　5、主頁面動畫
 

　　好吧，誠然，這個可能有點棘手，但是，它有用嗎？正如他們所說，第一印象是最重要的。有什么更好的方式來給人留下好印象，而不是在他們訪問你的網(wǎng)頁時用一個很酷的動畫來打斷別人的瀏覽？
 

　　6、背景動畫
 

　　讓我們說你不想過多地分散某個人的注意力，或者你可能是個細(xì)節(jié)的堅持者。無論情況如何，簡單流暢的背景動畫都可以真正幫助設(shè)置網(wǎng)站其他部分的氛圍。
 

　　結(jié)論
 

　　動畫不僅是網(wǎng)頁設(shè)計趨勢的前沿，也是整個科技趨勢的前沿。他們已經(jīng)一次又一次地證明了用戶的體驗更加愉快，因為它為空白的計算機屏幕提供了額外的真實感。它可以幫助設(shè)計師將他們的作品變?yōu)楝F(xiàn)實，而且它非?？?。