ui動(dòng)效設(shè)計(jì)即動(dòng)態(tài)效果的設(shè)計(jì)，用戶界面上所有運(yùn)動(dòng)的效果，也可以視其為界面設(shè)計(jì)與動(dòng)態(tài)設(shè)計(jì)的交集。在UI設(shè)計(jì)當(dāng)中，一個(gè)好的動(dòng)效設(shè)計(jì)可以提升UI界面與用戶的交互體驗(yàn)，讓枯燥的界面生動(dòng)起來(lái)，甚至能帶給用戶一種“砰然心動(dòng)”的感覺(jué)。
合理的動(dòng)效可以幫助引導(dǎo)、取悅用戶，減少等待時(shí)間，更能增加產(chǎn)品識(shí)別度。換個(gè)角度來(lái)說(shuō)，如果現(xiàn)在APP沒(méi)有動(dòng)效，肯定會(huì)感覺(jué)少了點(diǎn)什么，動(dòng)效的重要性在于將交互、視覺(jué)過(guò)渡處理的更加細(xì)膩，而且能夠承載更多的信息，比如iOS動(dòng)效、MD動(dòng)效等。
ui動(dòng)效設(shè)計(jì)類型：
1、旋轉(zhuǎn)
旋轉(zhuǎn)動(dòng)效是我們?cè)诓僮鹘缑孢^(guò)程中比較常見(jiàn)的動(dòng)效類型，主要是切換過(guò)程中圖標(biāo)或其元素的角度旋轉(zhuǎn)，是針對(duì)具體圖標(biāo)做出的巧妙設(shè)計(jì)。很多APP圖標(biāo)設(shè)計(jì)中都是有你了旋轉(zhuǎn)的效果來(lái)模擬失誤晃動(dòng)的感覺(jué)，讓用戶覺(jué)得親近、自然。
2、填充
填充的主要內(nèi)容就是填充圖標(biāo)顏色，這種效果適用于選中過(guò)渡到面型的圖標(biāo)樣式，課室是局部的色塊填充，也可以填充到整體，切換的過(guò)程中都可以做到自然淋漓。若只有線性圖標(biāo)的樣式，圖標(biāo)就會(huì)比較偏薄，展示的效果就沒(méi)有那么理想。
3、形狀變化
形狀變化動(dòng)效具比較強(qiáng)的趣味性，需要針對(duì)圖標(biāo)形狀元素訂制的一種，自由度呢比較高。對(duì)設(shè)計(jì)師而已有更多的擴(kuò)散空間，可以自由發(fā)揮，制作出更多有趣的效果。比如說(shuō)：VX的消息圖標(biāo)，每次雙擊都可以切換不同不同的表情包，給用戶留下深刻的印象。
4、縮放
縮放動(dòng)效比較適合新手設(shè)計(jì)師，相對(duì)比較簡(jiǎn)單、穩(wěn)重、包容性比較好，既有動(dòng)興又不會(huì)太復(fù)雜。應(yīng)用比較廣泛，適合大多數(shù)的產(chǎn)品，比較保守不容易出錯(cuò)，對(duì)于視覺(jué)引導(dǎo)和明確反饋是絕對(duì)夠用的了。
本文由培訓(xùn)無(wú)憂網(wǎng)長(zhǎng)沙牛耳教育專屬課程顧問(wèn)老師整理發(fā)布，更多相關(guān)課程請(qǐng)關(guān)注培訓(xùn)無(wú)憂網(wǎng)UI培訓(xùn)或添加老師微信：15033336050
以上文章由長(zhǎng)沙牛耳教育課程顧問(wèn)整理編輯發(fā)布，部分文章來(lái)自網(wǎng)絡(luò)內(nèi)容真實(shí)性請(qǐng)自行核實(shí)或聯(lián)系我們，了解相關(guān)專業(yè)課程信息您可在線咨詢也可免費(fèi)申請(qǐng)?jiān)囌n。關(guān)注官方微信了解更多：150 3333 6050
免 費(fèi) 申 請(qǐng) 試 課
