根據(jù)上述表格：
1. 緩動（Easing）、偏移和延遲（Offset & Delay）與時間相關(guān)。
2. 父子關(guān)系（Parenting）用于闡述元素之間的關(guān)系。
3. 變形（Transformation）、數(shù)值變化（Value Change）、遮罩（Masking）、覆蓋（Overlay）、生成（Cloning）可以加強(qiáng)元素自身的延續(xù)性。
4. 視差（Parallax）多用于表明元素的層級關(guān)系。
5. 蒙層（Obscuration）、多維度（Dimensionality）、鏡頭平移與縮放（Dolly & Zoom）用于表明元素與空間的關(guān)系。
原理1：緩動（Easing）
當(dāng)運(yùn)動時，自然界中很少存在讓人舒適的勻速運(yùn)動，并且元素運(yùn)動速率的變化應(yīng)該符合用戶的預(yù)期。貼近自然，符合用戶認(rèn)知，緩入緩出。
示例一有直線運(yùn)動，看起來并不好。以上所有三個例子都有相同幀數(shù)，并在相同的時間內(nèi)完成。唯一的區(qū)別在于他們的緩動不同。
若行為超出用戶期望的行為會導(dǎo)致可用性較差的交互。在適當(dāng)緩動的情況下，用戶可以體驗(yàn)到自然的動效 ，它不會分散注意力。而直線運(yùn)動會使用戶感覺刻意的、難以理解，未完成，并且分散注意力。
而右邊的例子。它具有“設(shè)計(jì)”的感覺。我們注意到物體是如何到達(dá)的。比直線運(yùn)動的例子更加“正確”。
總結(jié)：何時使用緩動？任何時候都要使用緩動。
原理2： 偏移和延遲（Offset & Delay）
利用偏移和延遲錯開元素的運(yùn)動時間，表明元素之間的層級與關(guān)系。
1.讓信息或界面元素按照秩序進(jìn)退場
2.暗示用戶信息與界面元素之間或許存在某些區(qū)別
3. 吸引用戶的注意力
在上面的例子中，浮動動作按鈕（FAB）轉(zhuǎn)換成由三個按鈕組成的標(biāo)題導(dǎo)航元素。因?yàn)檫@些按鈕在時間上相互“抵消”，所以他們最終通過“分離”來支持可用性。這告訴用戶完全獨(dú)立于視覺設(shè)計(jì)的界面中元素的本質(zhì)。
為了更好地向您展示這是如何工作的，我將向您展示一個打破偏移和延遲原理的示例。
在上面的例子中，靜態(tài)視覺設(shè)計(jì)告訴我們背景上有圖標(biāo)。推測是這些圖標(biāo)都是相互分離的，并且做了不同的事情。但是，這個動效打破了之前的理論。
在時間上，圖標(biāo)被分組成行并且表現(xiàn)得像一個單獨(dú)的對象。它們的標(biāo)題同樣分組成行，并且也表現(xiàn)得像一個單一的對象。該動議告訴用戶除眼睛看到的東西外。在這種情況下，我們可以說時間元素行為不支持可用性。
原理3：父子關(guān)系（Parenting）
父子關(guān)系是一種強(qiáng)大的原則。可以在用戶界面中“關(guān)聯(lián)”對象。
1. 幫助用戶更好地理解它們之間的層級關(guān)系
2.有依據(jù)的操作反饋
父子關(guān)系是對象屬性與其他對象屬性的鏈接。這以支持可用性的方式創(chuàng)建對象關(guān)系和層次結(jié)構(gòu)。
親子關(guān)系還允許設(shè)計(jì)師在用戶界面中更好地協(xié)調(diào)時間，同時向用戶傳達(dá)對象關(guān)系的性質(zhì)。
回想一下，對象屬性包括以下內(nèi)容 - 比例，不透明度，位置，旋轉(zhuǎn)，形狀，顏色，數(shù)值等。這些屬性中的任何一個都可以鏈接到任何其他屬性，以在用戶體驗(yàn)中創(chuàng)建協(xié)同。
在上面這個示例中，父子關(guān)系就是子元素的某個屬性的值隨父元素的某個屬性參數(shù)的值按照一定的比例進(jìn)行變化。
父子關(guān)系最適合作為“實(shí)時”互動。當(dāng)用戶直接操作界面對象時，設(shè)計(jì)者通過運(yùn)動向用戶傳達(dá)對象如何鏈接以及它們之間的關(guān)系。
原理4：變形（Transformation）
在運(yùn)動原理“變形”中已經(jīng)寫了很多有關(guān)UX的文章。在某些方面，它是動畫原理中最明顯和最引人注意的。
變形是最明顯的，主要是因?yàn)樗摲f而出。“提交”按鈕將形狀變?yōu)閺较蜻M(jìn)度條，并最終改變形狀以成為標(biāo)記，吸引了我們的注意力。
1.告知用戶元素的狀態(tài)或作用發(fā)生了改變
2.高效地將信息傳遞給用戶
變形所做的是通過不同實(shí)物變形（在這是一個按鈕，這是一個徑向進(jìn)度條）無縫地轉(zhuǎn)換用戶，最終產(chǎn)生期望的結(jié)果。用戶已經(jīng)通過這些功能到達(dá)最終目的地。
轉(zhuǎn)換將用戶體驗(yàn)中的關(guān)鍵時刻認(rèn)知分離成無縫連續(xù)的一系列事件。這種無縫結(jié)果可提高用戶的認(rèn)知度，保證時間和連貫性。
原理5：數(shù)值變化（Value Change）
基于文本的界面對象（即數(shù)字和文本）可以連續(xù)更改它們的值。清晰看到數(shù)值的增多或減少。
我們來看一下用戶儀表板的例子。
數(shù)字和價值觀是現(xiàn)實(shí)中發(fā)生的事物的表征。這種可能是時間，收入，游戲成績，商業(yè)指標(biāo)，健身追蹤等。我們通過動作區(qū)分的是“價值主體”是動態(tài)的，價值觀反映了動態(tài)價值集合中的某些東西。
當(dāng)我們使用基于運(yùn)動的價值形式來表示動態(tài)系統(tǒng)時，它激活了一種'神經(jīng)反饋'。掌握數(shù)據(jù)動態(tài)特性的用戶現(xiàn)在可以改變這些價值觀。當(dāng)這些值是靜態(tài)的時候，與這些值背后的現(xiàn)實(shí)的聯(lián)系就會減少。比如支付寶中的余額，余額的增多或減少。
數(shù)值變化既可以發(fā)生在實(shí)時活動中，也可以發(fā)生在非實(shí)時活動中。在實(shí)時事件中，用戶正在與對象交互以更改值。在非實(shí)時事件中，例如加載器和轉(zhuǎn)換，這些值在沒有用戶輸入的情況下發(fā)生變化以反映動態(tài)敘述。
原理6：遮罩（Masking）
通過時間使用揭示和隱藏對象的區(qū)域，效用將以連續(xù)和無縫的方式過渡。在界面元素進(jìn)場或者退場的時候創(chuàng)造連續(xù)性效果。
在上面的例子中，標(biāo)題圖像改變了邊界的形狀和位置，但不改變內(nèi)容，并成為一個專輯。這具有改變對象的效果，同時保留遮罩內(nèi)的內(nèi)容 - 這是一個相當(dāng)巧妙的技巧。這發(fā)生在非實(shí)時，作為轉(zhuǎn)換，在用戶采取行動后激活。
請記住，UI動畫原則暫時出現(xiàn)并通過連續(xù)性，敘述，關(guān)系和期望來支持可用性。在上面的參考文獻(xiàn)中，雖然物體本身保持不變，但它也有邊界和位置，而這兩個因素決定了物體是什么。
