動(dòng)畫為設(shè)計(jì)添加了圖層
 

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

 

　　您的設(shè)計(jì)動(dòng)畫會(huì)為您的設(shè)計(jì)添加圖層，因?yàn)樗粌H看起來有多好，而且從靜態(tài)設(shè)計(jì)到動(dòng)態(tài)設(shè)計(jì)，在移動(dòng)時(shí)也應(yīng)該看起來很好。屏幕顯示您的徽標(biāo)如何旋轉(zhuǎn)并一次又一次地發(fā)光。人們已經(jīng)從通常無聊的加載屏幕，移動(dòng)到查看加載新頁面時(shí)從左到右飛行的氣球。
 

　　動(dòng)畫提供深度
 

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

　　按鈕令人滿意，并且在最長的時(shí)間內(nèi)，除了點(diǎn)擊鼠標(biāo)之外，確實(shí)沒有辦法讓用戶獲得相同的滿意度?，F(xiàn)在，我們有反應(yīng)按鈕。這種動(dòng)畫通常不需要任何類型的幕后技巧甚至是令人難以置信的設(shè)計(jì)。它真正需要的是當(dāng)用戶的鼠標(biāo)懸停在按鈕上時(shí)給予用戶成就感。它讓他們知道按鈕已準(zhǔn)備就緒，同時(shí)也為他們提供熟悉的按鍵體驗(yàn)。
 

 

　　動(dòng)畫讓你的創(chuàng)意綻放
 

　　可以說，我在網(wǎng)頁上看到的最有創(chuàng)意和鼓舞人心的事情之一就是動(dòng)畫。在《上海網(wǎng)站制作分析2019年最大的設(shè)計(jì)趨勢(shì)》中也有說過。但是，并非我們所有人都擁有在我們內(nèi)心的創(chuàng)意生活，但正是這樣做才有所作為。動(dòng)畫允許您以靜態(tài)圖像、圖標(biāo)或徽標(biāo)無法表達(dá)的方式表達(dá)您自己和您的品牌。它讓用戶有機(jī)會(huì)查看您的內(nèi)容并思考，“嗯......這很整潔。”

　　動(dòng)畫有助于避免線性移動(dòng)
 

　　再次，考慮一下每個(gè)其他網(wǎng)站如何使用簡(jiǎn)單的點(diǎn)擊和加載界面?，F(xiàn)在，考慮具有唯一轉(zhuǎn)換或頁面轉(zhuǎn)換的那些。那些網(wǎng)站目前在我們的腦海中脫穎而出是“一個(gè)好的網(wǎng)站。”為什么會(huì)這樣？
 

 

　　嗯，答案很簡(jiǎn)單。我們將那些花時(shí)間思考開箱即用的網(wǎng)站，與僅僅因?yàn)樗鼈兊?ldquo;好”聯(lián)系起來。說實(shí)話，不僅需要為網(wǎng)頁設(shè)計(jì)制作動(dòng)畫，還要確保網(wǎng)站繼續(xù)順利運(yùn)行，這需要花費(fèi)大量的精力。如果一個(gè)網(wǎng)站愿意花時(shí)間、精力和金錢來確保您的體驗(yàn)是一流的，那么他們可能知道他們?cè)谧鍪裁?。話雖如此，有很多不良網(wǎng)頁設(shè)計(jì)動(dòng)畫的例子，為了這篇文章，我們將把它們排除在外。我們專注于網(wǎng)頁設(shè)計(jì)動(dòng)畫的好處，而不是那些認(rèn)為大量GIF完成同樣事情的方面（提示：他們沒有）。
 

　　什么時(shí)候應(yīng)該使用動(dòng)畫？

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

　　1.Microinteractions
 

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

　　2.隱藏的菜單
 

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

　　3.懸停動(dòng)畫
 

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

 

　　4.正在加載動(dòng)畫
 

　　加載動(dòng)畫在保持用戶注意力方面非常有效。我的意思是，有多少次你關(guān)閉了一個(gè)網(wǎng)頁因?yàn)榧虞d時(shí)間太長了？
 

　　5.主頁面動(dòng)畫
 

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

　　6.背景動(dòng)畫
 

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

　　結(jié)論
 

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