最初，動畫(huà)被認為(wèi)是(shì>♣∑$)一(yī)種美(měi)，但(dàn)是(shì)現(xiàn)在，它們已成↕‌<為(wèi)使用(yòng)戶交互變得(de)流暢的(de)非常強大(dà)的(de)工(gōng±‍↕ )具。 但(dàn)是(shì)，基本原理(lǐ)沒有(yǒu)改變，并₽≥且随著(zhe)技(jì)術(shù)的(de)進步，我們有(yǒu)了(le)更好(hǎ₩♠Ω‌o)的(de)實現(xiàn)。 創建動畫(huà)一(yī)直被認為(wèi)是(shì)βγ網頁設計(jì)中最複雜(zá)的(de)方面之一(yī)。 

1.動畫(huà)的(de)主要(yào)目的(de)是(shì)提高(gāo)可(kě)用(yò→≠✔ng)性

  一(yī)個(gè)簡單的(de)動畫(huα←$à)實際上(shàng)可(kě)以是(shì)一(yī)個(gè)很(hěn)好(hǎo)的(♠<∏±de)指導工(gōng)具，可(kě)以幫助人(rén)們理(lǐ)解他(tā)們應該單擊哪個 §☆©(gè)按鈕，或者應該在網頁設計(jì)中處于下(xià↓<β<)一(yī)個(gè)位置。 許多(duō)設計(jì)師(shī)将簡單的(de)動♥∑畫(huà)與用(yòng)戶工(gōng)具配對(duì)以單≤πλσ擊或滾動。 如(rú)果正确使用(yòng)εα動畫(huà)，則可(kě)以向用(yòng)戶提供有(yǒu)價值的(de)反饋。 您以錯(♦±♦cuò)誤的(de)方式多(duō)次填寫了(le)表格，并顯示一(yī)個(gè)消息÷₹γ≈框，突出顯示您的(de)錯(cuò)誤并告訴您如(rú)何解決它們？€£ 在經過深思熟慮的(de)操作(zuò)可(kě)以指導用(yòng)戶并向他(tā§∏)們提供背景信息之後，您甚至有(yǒu)機(jī)會(huì)給用(₹¥₩∞yòng)戶一(yī)個(gè)驚喜，使事(shì)情變得(de)更加有(yǒu)趣和(hé)引ε↑®人(rén)入勝。 在網頁設計(jì)中，如(rú)果您不(bù)以純粹的(de)裝飾方式使用£ •β(yòng)動畫(huà)，則動畫(huà)實際上(shàng)非常有(yǒu)用(<✘yòng)。 優秀的(de)UX和(hé)UI設計(jì)φ 人(rén)員(yuán)經常使用(yòn☆•×"g)動畫(huà)來(lái)改善整個(gè)工(gōng)作(zuò)流↔‍ε≥程。

  2.動畫(huà)的(de)第二種用(yòng)途是(shì>$♠σ)美(měi)學

  動畫(huà)可(kě)以用(yòng)作(zuò)很(hěn)好(hǎo®Ω¶)的(de)裝飾。 動畫(huà)的(de)目标通(tōng)常是(shì)<™α¶純視(shì)覺目标，在一(yī)定程度上(shàng)是(shì)可(kě®¥←)以接受的(de)。 裝飾性動畫(huà$∏≤)可(kě)以幫助在用(yòng)戶和(hé)界面之間(jiān)建立情感聯系。 動畫(huà)還©±↑(hái)可(kě)以激發視(shì)覺吸引力，并确保您的(de)用(y$♥òng)戶與您的(de)網站(zhàn)保持較長(cháng)時(shí)≈∑₽間(jiān)的(de)聯系。 在創建具有(yǒu)純視(shì)覺效果的'<σ'(de)動畫(huà)時(shí)，請(qǐng)考慮該怎麽做(zuò)。♣®¶& 考慮您希望用(yòng)戶具有(yǒu)哪‍<種連接。 是(shì)有(yǒu)趣還(hái)是(shì)令人(rén)驚訝？ 您是(shì)否 εΩ要(yào)放(fàng)置一(yī)些(xiē₽≥)應該共享的(de)獨特內(nèi)容？ 即᧙λ使是(shì)純粹視(shì)覺的(de)東(αεε♠dōng)西(xī)也(yě)應該有(yǒu)一(yī)定≈♠¶的(de)用(yòng)途。

  3.使用(yòng)動畫(huà)的(de)另一(yī)個(gè)原因是(shì)傳↑×達某種功能(néng)

  動畫(huà)可(kě)以∏γ λ是(shì)一(yī)個(gè)很(hěn)好(hǎo)的(de)工(gσ↓≠ōng)具，可(kě)以以直觀的(de)方式向用(yòng)戶顯示特定內(nèi)✔↔容的(de)工(gōng)作(zuò)方式。 不(bù)要(yào)無緣無故地(dì)使><用(yòng)視(shì)差滾動效果來(lái)犯一(yī)些≤'↔(xiē)錯(cuò)誤。

  4.動畫(huà)還(hái)可(kě)以幫助指導用(yòng)戶

  動畫(huà)不(bù)僅用(yòng)于動畫(huà)，而且還(hái)λ>§✘用(yòng)于轉換。 它們可(kě)以幫助您的(de)用(yòng)戶理(l↕•∞"ǐ)解該頁面，并引導他(tā)們到(dào)應單擊的(de)特定位置。

  5.您可(kě)以使用(yòng)它£♣們顯示信息

  除了(le)提示功能(néng)外(wài)，您還(hái)可(kě)以使 '≠∞其成為(wèi)顯示輔助信息的(de)好(hǎo)工(gōng)具。 例如(r←"ú)，您可(kě)以讓用(yòng)戶将鼠标懸停在內(nèi)容上✔☆←(shàng)并顯示其他(tā)選項。 并且由于懸浮內(nèi)容的Ω→λ≤(de)“隐藏”默認狀态，您隻想将其用(yòng)作(zuò)輔助信息，對₩•(duì)于想要(yào)浏覽您的(de)網站(zhàn)的(de)​•用(yòng)戶來(lái)說(shuō)，沒有(yǒu)什(shén)麽是(shì)真正®∑重要(yào)的(de)。 另外(wài)，請(qǐng)記住，在移動設備上(shàn£≥δ g)懸停不(bù)起作(zuò)用(yòng)。