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

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

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

　　一、速度紋理表達(dá)式

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

　　二、紋理表達(dá)式-時間
 

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

　　三、紋理表達(dá)-運(yùn)動概念
 

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

　　四、紋理表達(dá)式-移動模式
 

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