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

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

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

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

動(dòng)畫可以用作很好的裝飾。 動(dòng)畫的目標(biāo)通常是純視覺目標(biāo)，在一定程度上是可以接受的。 裝飾性動(dòng)畫可以幫助在用戶和界面之間建立情感聯(lián)系。 動(dòng)畫還可以激發(fā)視覺吸引力，并確保您的用戶與您的網(wǎng)站保持較長(zhǎng)時(shí)間的聯(lián)系。 在創(chuàng)建具有純視覺效果的動(dòng)畫時(shí)，請(qǐng)考慮該怎么做。 考慮您希望用戶具有哪種連接。 是有趣還是令人驚訝？ 您是否要放置一些應(yīng)該共享的獨(dú)特內(nèi)容？ 即使是純粹視覺的東西也應(yīng)該有一定的用途。

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

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

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

動(dòng)畫不僅用于動(dòng)畫，而且還用于轉(zhuǎn)換。 它們可以幫助您的用戶理解該頁面，并引導(dǎo)他們到應(yīng)單擊的特定位置。

5.您可以使用它們顯示信息

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

文章題目：網(wǎng)頁設(shè)計(jì)中動(dòng)畫的優(yōu)點(diǎn)
路徑分享：http://jinyejixie.com/news/143179.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設(shè)計(jì)、企業(yè)網(wǎng)站制作、服務(wù)器托管、自適應(yīng)網(wǎng)站、電子商務(wù)、軟件開發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)