UI動效設計的質(zhì)感技巧

　　動態(tài)效果紋理最直接的表現(xiàn)是對動態(tài)效果速度和節(jié)奏的微妙控制。動態(tài)效果既酷又有趣，它能生動地表現(xiàn)界面之間的轉(zhuǎn)換，又能清晰地表達層次之間的關系，以及界面中元素的及時有效。UI設計用戶體驗重要，為用戶帶來自然、高效、流暢的體驗。動態(tài)性能好的應用操作自然會更受用戶歡迎。所以做好動態(tài)設計要注意什么，今天AAA教育武老師在本文章就有針對性地談這一點。
 

　　UI設計是什么？動態(tài)效果的肌理主要表現(xiàn)為時間、速度、運動概念和運動方式。動態(tài)設計不僅僅是關于運動。作為設計師，我們需要看到更多的動態(tài)效果細節(jié)。通過對動態(tài)效果細節(jié)的控制，創(chuàng)造出一種自然而真實的動態(tài)體驗，并根據(jù)產(chǎn)品品牌特點確立其動態(tài)理念。
 

　　一、速度紋理表達式

　　UI設計中的交互原則。速度影響運動的質(zhì)感。讓我們來看看元素在同一時間曲線中運動的效果。其中一組的速率曲線較陡，另一組則較為平緩。通過改變速度曲線，落下運動中各單元的質(zhì)量也有顯著差異。當運動曲線較陡，速度對比較大時，構(gòu)件質(zhì)量越重，沖擊力越大。相反，柔和曲線元素的運動會更輕。

　　二、紋理表達式-時間
 

　　對時間變化的感知更為直觀。通過調(diào)整運動時間的長度，可以顯示物體的運動特征。時間越短，運動速度越快，可以感知到的運動細節(jié)就越少。時間越多，反之亦然。UI設計為了增強用戶體驗。

　　三、紋理表達-運動概念
 

　　不同的運動理念會給物體帶來不同的質(zhì)感表現(xiàn)。例如，一個活潑動感的物體在運動時會表現(xiàn)出更柔和的q-反彈，它需要通過反彈擠出來反映自身的紋理。對于具有剛性運動概念的對象則相反。體育理念與產(chǎn)品品牌的調(diào)性有關。根據(jù)品牌特點，我們可以從中提煉出一些適合自己的運動理念或從自然概念中汲取靈感，運用到我們自己的產(chǎn)品中，這樣可以更好地體現(xiàn)品牌價值。UI設計進度條、按鈕功能也可以這樣考慮。

　　四、紋理表達式-移動模式
 

　　運動方式附屬于運動概念，是產(chǎn)品運動肌理的一種表現(xiàn)方式。例如，運動路徑是曲線還是直線?空間的景深是多少?你能清楚地感覺到空間感嗎？整體方法是基于效率還是基于表現(xiàn)力?在這方面，設計師需要根據(jù)品牌色調(diào)和產(chǎn)品屬性進行考慮。