UI設(shè)計(jì)師的動(dòng)效入門指南不是你一個(gè)人在學(xué)

具體內(nèi)容放在我的首頁(yè)動(dòng)態(tài)介紹了

在剛剛開(kāi)始的時(shí)候,所有的屬性都是沒(méi)有緩動(dòng)動(dòng)畫的。然后,父合成組通過(guò)時(shí)間重新映射和設(shè)置關(guān)鍵幀的持續(xù)時(shí)長(zhǎng)來(lái)實(shí)現(xiàn)緩動(dòng)的效果。這個(gè)時(shí)候可以非常輕松快速地調(diào)整緩動(dòng)和持續(xù)時(shí)長(zhǎng),因?yàn)闉榱丝刂普麄€(gè)轉(zhuǎn)場(chǎng)過(guò)渡的效果,只需要映射兩次關(guān)鍵幀就夠了。而這也是將緩動(dòng)曲線應(yīng)用到所有元素的動(dòng)畫當(dāng)中的一種簡(jiǎn)單的方法。這樣一來(lái),所有的運(yùn)動(dòng)的元素都會(huì)具有相似一致的運(yùn)動(dòng)規(guī)律。離開(kāi)界面的元素隨著加速曲線離開(kāi) UI 界面,而進(jìn)入界面的元素則隨著曲線減緩而進(jìn)入 UI 界面。你可以在「Complex choreography」(復(fù)雜的動(dòng)畫編排)這一節(jié)當(dāng)中閱讀更多的相關(guān)內(nèi)容。
這種方法可以應(yīng)用于幾乎所有符合 Material 運(yùn)動(dòng)規(guī)律的過(guò)渡動(dòng)效,創(chuàng)造一致的視覺(jué)體驗(yàn)。當(dāng)然,這套方法是沒(méi)法處理更加復(fù)雜或者高度風(fēng)格化的動(dòng)畫效果和流程的,但是這種情況并不常見(jiàn)。
AE 是一個(gè)非常靈活的工具,因此我們也很難說(shuō)某個(gè)動(dòng)畫效果的制作流程是絕對(duì)正確的,但是目前來(lái)說(shuō),我們借助這套流程可以非常高效地制作動(dòng)畫效果。每個(gè)設(shè)計(jì)師都有著獨(dú)特而高效的動(dòng)畫制作方法,我希望我的方法能夠幫你成為一名效率更高的動(dòng)效設(shè)計(jì)師