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