緩動(dòng)減速曲線(xiàn)
當(dāng)元素從屏幕外運(yùn)動(dòng)到屏幕內(nèi)的時(shí)候，動(dòng)效應(yīng)該遵循這類(lèi)曲線(xiàn)的運(yùn)動(dòng)特征。從全速進(jìn)入屏幕開(kāi)始，速度降低，直到完全停止。

減速曲線(xiàn)可以適用于多種不同的 UI控件和元素，包括從屏幕外進(jìn)入屏幕內(nèi)的的卡片、條目等。

緩動(dòng)標(biāo)準(zhǔn)曲線(xiàn)
在這種曲線(xiàn)之下，物體從靜止開(kāi)始加速，到達(dá)速度最高點(diǎn)之后開(kāi)始減速直到靜止。這種類(lèi)型的元素在 UI界面中最為常見(jiàn)，每當(dāng)你不知道要在動(dòng)效中使用哪種運(yùn)動(dòng)方式的時(shí)候，可以試試標(biāo)準(zhǔn)曲線(xiàn)。

根據(jù) Material Design 的規(guī)范，最好使用不那么對(duì)稱(chēng)的增速和減速的過(guò)程，讓動(dòng)效看起來(lái)更加真實(shí)。同時(shí)大家會(huì)更加在意運(yùn)動(dòng)的結(jié)果，曲線(xiàn)的末端，也就是運(yùn)動(dòng)結(jié)束的過(guò)程最好進(jìn)行適當(dāng)?shù)膹?qiáng)調(diào)。
換句話(huà)說(shuō)就是減速過(guò)程持續(xù)的時(shí)長(zhǎng)最好超過(guò)開(kāi)始加速的時(shí)長(zhǎng)，用戶(hù)將會(huì)更加清楚地觀察到運(yùn)動(dòng)的最終結(jié)果，從而更好地明白運(yùn)動(dòng)的終止?fàn)顟B(tài)。

當(dāng)元素從屏幕的一個(gè)位置移動(dòng)到另外一個(gè)位置的時(shí)候，最好使用這種標(biāo)準(zhǔn)的緩動(dòng)曲線(xiàn)，這個(gè)過(guò)程中，盡量不要讓動(dòng)畫(huà)效果引人注意，不要使用戲劇化的效果。

當(dāng)元素從屏幕上消失的時(shí)候，采用了相同的不對(duì)稱(chēng)緩動(dòng)曲線(xiàn)，用戶(hù)同樣可以通過(guò)滑動(dòng)回到之前的位置。這個(gè)環(huán)節(jié)使用了抽屜式導(dǎo)航控件。

從這些案例當(dāng)中，可以看出許多動(dòng)效的初學(xué)者對(duì)于運(yùn)動(dòng)規(guī)則的了解還不足。比如：下面的這個(gè)動(dòng)效，元素隨著減速曲線(xiàn)出現(xiàn)，然后使用標(biāo)準(zhǔn)緩動(dòng)曲線(xiàn)消失。根據(jù) Material Design 的標(biāo)準(zhǔn)，新出現(xiàn)的元素持續(xù)的時(shí)間應(yīng)該更長(zhǎng)，因?yàn)樾枰�吸引更多的注意力�?br /> 貝賽爾曲線(xiàn)函數(shù) cubic-bezier（）是用來(lái)描述曲線(xiàn)的，它的名字前面之所以帶有 Cubic 是因?yàn)槊總�(gè)貝賽爾曲線(xiàn)的描述都是基于四個(gè)不同的參數(shù)來(lái)確定的。曲線(xiàn)的起點(diǎn)（0，0）和終點(diǎn)（1，1）在坐標(biāo)軸上的位置是已經(jīng)事先確定的。
為了簡(jiǎn)化你對(duì)于貝賽爾曲線(xiàn)的理解，我們推薦兩個(gè)網(wǎng)站，分別是 easings.net 和 cubic-bezier.com ，前者包含了最常見(jiàn)的曲線(xiàn)的列表，你可以將他們復(fù)制到你的原型工具中，第二個(gè)網(wǎng)站為你提供了不同曲線(xiàn)的參數(shù)，你可以直接在其中查看各種對(duì)象的移動(dòng)方式。

界面動(dòng)效的編排
就像芭蕾舞的舞蹈編排一樣，動(dòng)畫(huà)效果也是需要編排的，它的主要目的是讓元素從一個(gè)狀態(tài)切換到下一個(gè)狀態(tài)，自然過(guò)渡，讓用戶(hù)的注意力自然地被引導(dǎo)過(guò)去。
編排有兩種不同的方式：一種是均等交互，另一種是從屬交互。