起初，動(dòng)畫被認(rèn)為是一種美，但現(xiàn)在，它們已成為流暢的用戶交互的非常強(qiáng)大的工具。然而，基本面沒有改變，隨著技術(shù)的進(jìn)步，我們有了更好的理解。長(zhǎng)期以來，制作動(dòng)畫一直被認(rèn)為是網(wǎng)站制作頁面設(shè)計(jì)中最復(fù)雜的方面之一。許多設(shè)計(jì)師在After Effects 中創(chuàng)建動(dòng)畫，然后將它們發(fā)送給與他們合作的開發(fā)公司。但是很多網(wǎng)頁設(shè)計(jì)師并不知道使用動(dòng)畫的好處。

1.動(dòng)畫的主要目的是提高可用性

一個(gè)簡(jiǎn)單的動(dòng)畫實(shí)際上可以成為一個(gè)很好的指導(dǎo)工具，幫助人們了解他們應(yīng)該點(diǎn)擊哪個(gè)按鈕或下一步應(yīng)該去哪里。許多設(shè)計(jì)師將簡(jiǎn)單的動(dòng)畫與用戶工具結(jié)合使用以點(diǎn)擊或滾動(dòng)。如果使用得當(dāng)，動(dòng)畫可以為用戶提供有價(jià)值的反饋。有多少次您以錯(cuò)誤的方式填寫表格并顯示一個(gè)消息框，突出顯示您的錯(cuò)誤并告訴您如何更正它們？如果做得仔細(xì)，您可以引導(dǎo)用戶并為他們提供上下文，您甚至可能有機(jī)會(huì)給用戶帶來驚喜，讓事情變得更加有趣和吸引人。在網(wǎng)頁設(shè)計(jì)中，動(dòng)畫即使不是純粹的裝飾用途也是非常有用的。優(yōu)秀的UX 和UI 設(shè)計(jì)師經(jīng)常使用動(dòng)畫來改進(jìn)整體工作流程。

2.動(dòng)畫的第二個(gè)用途是美學(xué)

動(dòng)畫可以是很好的裝飾品。動(dòng)畫的目標(biāo)往往是純粹的視覺，這在一定程度上是可以接受的。裝飾動(dòng)畫可以幫助在用戶和界面之間建立情感聯(lián)系。動(dòng)畫還可以激發(fā)視覺吸引力，確保您的用戶長(zhǎng)時(shí)間與您的網(wǎng)站保持聯(lián)系。在創(chuàng)建純視覺動(dòng)畫時(shí)，請(qǐng)考慮要做什么?？紤]您希望用戶擁有什么樣的連接。是好玩還是驚喜？你想放一些應(yīng)該分享的獨(dú)特內(nèi)容嗎？即使是純粹視覺的東西也應(yīng)該有一些用處。

3.使用動(dòng)畫的另一個(gè)原因是為了傳達(dá)某種功能

動(dòng)畫可以成為向用戶展示某些內(nèi)容如何以直觀方式工作的好工具。不要無緣無故地在視差滾動(dòng)效果上犯一些錯(cuò)誤。

4.動(dòng)畫也可以幫助引導(dǎo)用戶

動(dòng)畫不僅用于動(dòng)畫，還用于過渡。它們幫助您的用戶理解頁面并引導(dǎo)他們到他們應(yīng)該點(diǎn)擊的特定位置。

5.你可以用它們來顯示信息

除了提示功能，你還可以把它做成一個(gè)展示輔助信息的好工具。例如，您可以讓用戶將鼠標(biāo)懸停在內(nèi)容上并顯示其他選項(xiàng)。并且由于暫停內(nèi)容的“隱藏”默認(rèn)狀態(tài)，您只希望將其作為次要信息。對(duì)于希望瀏覽您網(wǎng)站的用戶來說，沒有什么是真正重要的。另外，請(qǐng)記住懸停在移動(dòng)設(shè)備上不起作用。

我們專注高端建站，小程序開發(fā)、軟件系統(tǒng)定制開發(fā)、BUG修復(fù)、物聯(lián)網(wǎng)開發(fā)、各類API接口對(duì)接開發(fā)等。十余年開發(fā)經(jīng)驗(yàn)，每一個(gè)項(xiàng)目承諾做到滿意為止，多一次對(duì)比，一定讓您多一份收獲！