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

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

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

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

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

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

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

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

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

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

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