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

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

一個(gè)簡(jiǎn)單的動(dòng)畫實(shí)際上可以成為一個(gè)很好的指導(dǎo)工具，幫助人們理解在網(wǎng)站設(shè)計(jì)中他們應(yīng)該點(diǎn)擊哪個(gè)按鈕，或者他們應(yīng)該在下一個(gè)位置的哪個(gè)按鈕。許多設(shè)計(jì)師將簡(jiǎn)單的動(dòng)畫與用戶工具配對(duì)，以點(diǎn)擊或滾動(dòng)。如果動(dòng)畫使用正確，它可以為用戶提供有價(jià)值的反饋。你曾多次以錯(cuò)誤的方式填寫表格并顯示消息框，突出顯示你的錯(cuò)誤并告訴你如何解決？經(jīng)過(guò)精心操作，你可以引導(dǎo)用戶，為他們提供背景信息。你甚至有機(jī)會(huì)給用戶帶來(lái)驚喜，讓事情變得更加有趣和迷人。在網(wǎng)頁(yè)設(shè)計(jì)中，動(dòng)畫如果不是純裝飾性的，其實(shí)是非常有用的。優(yōu)秀的UX和UI設(shè)計(jì)師經(jīng)常使用動(dòng)畫來(lái)改善整個(gè)工作流程。

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

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

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

動(dòng)畫可以是一個(gè)很好的工具，以直觀的方式向用戶展示特定內(nèi)容是如何工作的。不要無(wú)緣無(wú)故的在視差滾動(dòng)效果上犯一些錯(cuò)誤。

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

動(dòng)畫不僅僅是用來(lái)動(dòng)畫，更是用來(lái)轉(zhuǎn)化的。它們可以幫助您的用戶理解頁(yè)面，并引導(dǎo)他們到應(yīng)該點(diǎn)擊的特定位置。

5.你可以用它們來(lái)顯示信息

除了提示功能，它也可以是一個(gè)很好的顯示輔助信息的工具。例如，您可以讓用戶懸停在內(nèi)容上并顯示其他選項(xiàng)。而且因?yàn)閮?nèi)容是默認(rèn)“隱藏”的，你只是想把它作為輔助信息。對(duì)于想瀏覽你網(wǎng)站的用戶來(lái)說(shuō)，什么都不重要。此外，請(qǐng)記住，懸停在移動(dòng)設(shè)備上不起作用。

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