動(dòng)效在UI設(shè)計(jì)中有哪些用途？UI設(shè)計(jì)是指對(duì)軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)。好的UI設(shè)計(jì)不僅是讓軟件變得有個(gè)性有品位，還要讓軟件的操作變得舒適簡(jiǎn)單、自由，充分體現(xiàn)軟件的定位和特點(diǎn)。因此，UI設(shè)計(jì)是為了客戶體驗(yàn)而存在的職業(yè)，絕對(duì)不是會(huì)一些基礎(chǔ)的軟件、畫(huà)畫(huà)線條和框框就可以的。那么，今天和繪學(xué)霸小編一起了解下：動(dòng)效在UI設(shè)計(jì)中有哪些用途？

動(dòng)效在UI設(shè)計(jì)中有哪些用途？

　　1、系統(tǒng)狀態(tài)

　　每個(gè)APP為了保證正常的運(yùn)行，后臺(tái)總會(huì)有許多進(jìn)程在進(jìn)行著，比如從服務(wù)器下載數(shù)據(jù)、初始化狀態(tài)、加載組件等等。做這些事情的時(shí)候，系統(tǒng)總是需要一定的時(shí)間來(lái)進(jìn)行的，但是用戶看著靜止的界面并不會(huì)明白這些，所以需要借助動(dòng)效讓用戶明白，后臺(tái)還在運(yùn)行，在處理數(shù)據(jù)。通過(guò)動(dòng)效，從視覺(jué)上告知用戶這些信息，讓用戶有掌控感，是很有必要的。

　　加載指示器

　　對(duì)于許多數(shù)字產(chǎn)品而言，加載是不可避免的。雖然動(dòng)效并不能解決加載的問(wèn)題，但是它會(huì)讓等待不再無(wú)聊。當(dāng)我們無(wú)法讓加載時(shí)間更短的時(shí)候，我們應(yīng)該讓等待更加有趣。充滿創(chuàng)意的加載指示器能夠降低用戶對(duì)于時(shí)間的感知。動(dòng)效會(huì)影響用戶對(duì)于你的產(chǎn)品的看法，它會(huì)讓界面比實(shí)際上看起來(lái)更好。如果一個(gè)APP在用戶等待的時(shí)候，給他們看更有趣的東西，他們自然會(huì)忽略等待本身。

　　2、導(dǎo)航和過(guò)渡

　　動(dòng)效最基本的功用是呈現(xiàn)過(guò)渡狀態(tài)。當(dāng)頁(yè)面布局發(fā)生改變的時(shí)候，動(dòng)效的存在會(huì)幫助用戶理解這種狀態(tài)的改變，呈現(xiàn)過(guò)渡的過(guò)程。一個(gè)經(jīng)典的案例就是漢堡圖標(biāo)呈現(xiàn)隱藏菜單的過(guò)渡動(dòng)效。動(dòng)效能夠有效的吸引用戶的注意力，讓用戶在愉悅的氛圍中獲取信息。雖然漢堡的動(dòng)效是用戶最期待的，但是能夠強(qiáng)化導(dǎo)航的動(dòng)效并不只有這么一種。

　　可導(dǎo)航內(nèi)容之間的過(guò)渡

　　設(shè)計(jì)師使用動(dòng)效平滑地讓用戶在不同的內(nèi)容之間過(guò)渡、切換，而動(dòng)效也解釋了UI的變化是怎么發(fā)生的。過(guò)渡動(dòng)效是UI不同狀態(tài)的中介環(huán)節(jié)，它幫助用戶理解。

　　視覺(jué)層次和元素的連接

　　動(dòng)效可以完美的解釋界面元素之間的關(guān)系，并且闡明它們是如何完美的進(jìn)行交互的。

　　功能變化

　　在許多案例當(dāng)中，設(shè)計(jì)師會(huì)強(qiáng)行設(shè)計(jì)一個(gè)可點(diǎn)擊的按鈕，在特定情況下，功能會(huì)發(fā)生改變。在移動(dòng)端設(shè)計(jì)中，由于屏幕空間的限制，我們常常會(huì)看到這樣的按鈕。

　　“播放”和“暫停”是最常見(jiàn)的多狀態(tài)切換的實(shí)例。

　　這類動(dòng)效展示了用戶在交互的時(shí)候，元素是如何發(fā)生轉(zhuǎn)變的。在下面的案例當(dāng)中，用戶點(diǎn)擊按鈕，加號(hào)變?yōu)殂U筆圖標(biāo)。這表明展開(kāi)后的交互列表中，鉛筆所代表的是首要操作。這樣的小細(xì)節(jié)呈現(xiàn)出了可預(yù)期的下一步交互。

　　3、視覺(jué)反饋

　　視覺(jué)反饋對(duì)于任何UI界面都是非常重要的。視覺(jué)反饋?zhàn)層脩粲X(jué)得一切都盡在掌握，可以預(yù)期，而這種掌握意味著用戶能夠明白和理解目前的內(nèi)容和狀態(tài)。

　　確認(rèn)

　　用戶界面元素，諸如按鈕和控件，應(yīng)該看起來(lái)是可點(diǎn)擊的，即使它們實(shí)際上是在屏幕背后。在我們的現(xiàn)實(shí)生活中，按鈕和各種控件都會(huì)對(duì)我們的交互產(chǎn)生響應(yīng)，人們期望在界面中獲得類似的反饋。為了解決這個(gè)問(wèn)題，設(shè)計(jì)師引入了視覺(jué)化的動(dòng)效來(lái)提醒用戶，讓這些虛擬的按鈕看起來(lái)能像真實(shí)的那樣有反饋。

　　那么，今天關(guān)于動(dòng)效在UI設(shè)計(jì)中有哪些用途？的分享就這些了。自我更新的過(guò)程需要打破常規(guī)、重塑自我，這里提到的重塑不是改變性格；這是一個(gè)投入實(shí)踐的過(guò)程，讓我們回首過(guò)去的自我，重新排列優(yōu)先級(jí)，去探尋真正或新發(fā)現(xiàn)的興趣。

　　如果想學(xué)習(xí)了解UI設(shè)計(jì)更多干貨資訊，可以下載繪學(xué)霸App，海量視頻教學(xué),一步一腳印，零基礎(chǔ)變大神，專業(yè)學(xué)習(xí)教程，業(yè)內(nèi)優(yōu)秀名師現(xiàn)場(chǎng)錄制1080P超高清畫(huà)質(zhì)，你不會(huì)錯(cuò)過(guò)任何一個(gè)細(xì)節(jié)處理。精選高品質(zhì)課程只為你學(xué)得更好。每天都有海量的新課程視頻等你來(lái)學(xué)。