但不能掉以輕心。使用不當(dāng)，您可能會(huì)使存儲(chǔ)膨脹，阻止用戶或大大減慢加載時(shí)間。無論動(dòng)畫是您網(wǎng)站的核心設(shè)計(jì)還是小裝飾，本指南都會(huì)為您提供一些提示和最佳實(shí)踐。
 

　　動(dòng)畫類型和交互性
 

　　有許多類型的網(wǎng)頁動(dòng)畫，從完全互動(dòng)的元素到簡(jiǎn)單的動(dòng)畫或嵌入的GIF。上海網(wǎng)站設(shè)計(jì)公司認(rèn)為有了所有這些選項(xiàng)，可以將您的網(wǎng)站提升到一個(gè)新的水平很容易。
 

　　CSS動(dòng)畫
 

　　CSS動(dòng)畫中最難的部分是知道何時(shí)使用它。 為網(wǎng)站上的每個(gè)按鈕添加滾動(dòng)效果可能很誘人。 然而，這不僅會(huì)導(dǎo)致延遲，還會(huì)造成分心。使用小動(dòng)畫可以引起注意，幫助用戶瀏覽網(wǎng)站并查找交互元素。
 

　　以下是您可以再網(wǎng)站中合并的動(dòng)畫示例，但不要以這些為結(jié)尾。作為廣闊設(shè)計(jì)的極限！
 

　　用于攝影，產(chǎn)品或?qū)Ш降幕瑒?dòng)控件，陳列柜和幻燈片演示。
 

　　.滾動(dòng)效果，例如點(diǎn)亮的按鈕，淡出文本，鏈接的外觀等。
 

　　.加載大型元素的動(dòng)畫
 

　　.平滑的動(dòng)畫側(cè)面和下拉菜單
 

　　.歡迎動(dòng)畫，例如淡入網(wǎng)站或出現(xiàn)問候語
 

　　.像滑動(dòng)或漂浮的元素一樣的過渡
 

　　.獨(dú)特的滾動(dòng);滾動(dòng)可能會(huì)直接帶您到不同的部分，移動(dòng)分層的背景圖像或其他視差效果。
 

　　而且您不需要Flash，Silverlight或其他插件來運(yùn)行CSS動(dòng)畫。它們非常兼容，適合大多數(shù)網(wǎng)站，看了11個(gè)引人注目的網(wǎng)頁設(shè)計(jì)插圖示例也就知道了。但是，移動(dòng)用戶可能無法享受某些效果，例如懸停效果。
 

 

　　視頻和GIF
 

　　GIF不僅適用于社交媒體。即使在專業(yè)環(huán)境中，精心布置的動(dòng)畫也可以看起來很棒。股票視頻越來越受歡迎，因此您甚至不必自己拍攝視頻。
 

　　視頻和GIF可用于展示產(chǎn)品，講故事或僅用于設(shè)計(jì)。您可以將視頻嵌入到網(wǎng)站中，讓它們?cè)谂c某些元素交互時(shí)播放，甚至可以將其用作時(shí)尚背景。一點(diǎn)點(diǎn)動(dòng)作可以將靜態(tài)網(wǎng)站變成有趣，趣味的網(wǎng)站。
 

　　請(qǐng)記住，大型視頻和GIF會(huì)占用大量存儲(chǔ)空間。如果遇到問題，請(qǐng)通過優(yōu)化器運(yùn)行它們。雖然它不那么有趣，但您可能希望使用YouTube來顯示產(chǎn)品視頻。避免閃頻觸發(fā)，如閃爍或重復(fù)模式，特別是對(duì)于大型元素。 最后，請(qǐng)記住，過度使用動(dòng)畫可能會(huì)減慢網(wǎng)頁速度，因此請(qǐng)謹(jǐn)慎使用視頻。
 

 

　　完整動(dòng)畫
 

　　如果您希望自己的網(wǎng)站成為動(dòng)畫體驗(yàn)，則需要了解Javascript的Web動(dòng)畫API和CSS。如果你想創(chuàng)建交互式動(dòng)畫，事情就會(huì)變得艱難。
 

　　還有一些問題是某些瀏覽器和舊版計(jì)算機(jī)無法運(yùn)行您的動(dòng)畫，或者在訪問您的網(wǎng)站時(shí)會(huì)超載。過度征稅的互動(dòng)動(dòng)畫甚至可能會(huì)減慢現(xiàn)代計(jì)算機(jī)的速度。
 

　　上海網(wǎng)站設(shè)計(jì)公司認(rèn)為如果你是一個(gè)新的動(dòng)畫師，CodePen是一個(gè)很好的實(shí)驗(yàn)場(chǎng)所。以動(dòng)畫為中心的網(wǎng)站是一筆巨大的投資，特別是如果您沒有經(jīng)驗(yàn)，那么在做出選擇之前要仔細(xì)考慮。
 

 

　　創(chuàng)造有趣的用戶體驗(yàn)

　　到目前為止，您應(yīng)該知道希望將哪種動(dòng)畫合并到您的網(wǎng)站中。請(qǐng)記住遵循動(dòng)畫最佳實(shí)踐，觀察CPU使用情況，您將準(zhǔn)備好使您的網(wǎng)頁成為一個(gè)有趣和令人興奮的體驗(yàn)。而不是緩慢，波濤洶涌的混亂。