感知一個(gè)物體有形的部分可以幫助我們理解如何去控制它。觀察一個(gè)物理的運(yùn)動(dòng)可以告訴我們它輕還是重，柔性還是剛性，小還是大。在 material design 設(shè)計(jì)規(guī)范中，動(dòng)作不止是呈現(xiàn)著它美麗的一面，它還意味著在空間中的關(guān)系、功能以及在整個(gè)系統(tǒng)中的趨勢(shì)。
物理世界中物體擁有質(zhì)量，所以只有當(dāng)施加給它們力量的時(shí)候才會(huì)移動(dòng)，因此物體沒(méi)法在瞬間開始或者結(jié)束動(dòng)作。動(dòng)畫突然開始或者停止，或者在運(yùn)動(dòng)時(shí)突兀的變化方向，都會(huì)使用戶感到意外和不和諧的干擾。
material design 規(guī)范中，一個(gè)重要方面在于如何在“動(dòng)作”完整的展現(xiàn)物體的各個(gè)真實(shí)的特性，譬如優(yōu)雅、簡(jiǎn)約、美觀和神奇的無(wú)縫的用戶體驗(yàn)，下面的動(dòng)畫將幫助大家理解這些理念。
(上圖)可?。貉杆俚募铀俸推交臏p速會(huì)感到自然和愉快
(上圖)不可取：線性動(dòng)作會(huì)感到機(jī)械，在結(jié)束和開始的時(shí)候生硬的速度變化意味著物體突然開始運(yùn)動(dòng)或停止，這是不貼合現(xiàn)實(shí)的。
當(dāng)一個(gè)物體進(jìn)入這個(gè)場(chǎng)景時(shí)，請(qǐng)確保它在最高速度下移動(dòng)，這個(gè)行為模擬了自然移動(dòng)：一個(gè)人進(jìn)入場(chǎng)景的時(shí)候，并不是從場(chǎng)景的邊緣開始走入的，而是從更遠(yuǎn)的地方。當(dāng)然，一個(gè)物體退出這個(gè)場(chǎng)景時(shí)，需要維持它的速度，緩慢的離開場(chǎng)景，逐漸的進(jìn)入和緩慢的離開會(huì)把用戶的注意力吸引到這個(gè)動(dòng)作上，在大多數(shù)情況下，這是你希望的效果。
(上圖)可?。盒∏蛟谧畲蟮乃俣认逻M(jìn)入和退出場(chǎng)景，創(chuàng)造了一個(gè)確信的過(guò)渡效果。
(上圖)不可?。嚎焖龠M(jìn)入和緩慢離開，不要讓用戶因速度變化轉(zhuǎn)移注意力。
不是所有物體的移動(dòng)方式是相同的，輕的/小的物體可能會(huì)更快的加速和減速，因?yàn)樗鼈冑|(zhì)量比較小，所以只需要施加給他們較少的力就可以。大的/重的物體可能花需要更多的時(shí)間來(lái)到達(dá)他的最高速度或者回到停止?fàn)顟B(tài)。仔細(xì)琢磨如何將他們的動(dòng)作應(yīng)用到你的應(yīng)用的UI元素中。
原文: Authentic Motion 翻譯: zhenbeiju 校對(duì): Iceskysl
掃碼關(guān)注鍍金池微信號(hào)
手機(jī)訂課，優(yōu)惠多多
