1、擠壓和拉伸

用來描述目標(biāo)對象的剛性和質(zhì)量，定義對象的物理屬性。作用設(shè)計(jì)師你應(yīng)該定義UI的屬性：固定架構(gòu)、剛性表面、以及快速準(zhǔn)確的動作；還是更有機(jī)，具有柔軟可彎曲的表面以及流體動作。

2、弧線

弧線（曲線）也有助于定義動畫的本質(zhì)。像汽車自行車火車等機(jī)械產(chǎn)品傾向于沿著直線軌跡運(yùn)動，而有機(jī)體（如動物、植物），往往沿著弧線軌跡運(yùn)動。

3、層級

分集較好的過渡動效可以把用戶的注意力吸引到重要的建議內(nèi)容或交互重點(diǎn)。配合UI使用戶更容易理解產(chǎn)品層級和內(nèi)容重心。

4、時間

時間可能是最重要的原則之一。時間序列定義了用戶對動效的感知理解和理解程度，包括制作主要和次要動畫以及緩入緩出等效果。

5、跟隨

跟隨原理可以體現(xiàn)UI構(gòu)件之間的層級關(guān)系，并給動畫設(shè)置優(yōu)先級，同時重疊原理可以使動畫保持一致并在可控范圍內(nèi)協(xié)調(diào)運(yùn)動。

6、輔助

輔助動畫原則和跟隨原理很像。重新定義內(nèi)容和視覺重點(diǎn)。選擇對用戶理解最重要的動畫為優(yōu)先的，并用輔助動畫進(jìn)行潤色。

7、緩動

遵循慣性定律讓用戶更加舒服。從功能性角度，不斷減速的物體會吸引人們的注意力，不斷加快速度的對象會失去注意力。

8、網(wǎng)址推薦

beyondkinetic.com

uiinteractions.com

mvsm.com

motionographer.com

cubstudio.com