動畫有助於定義設計中互動的感受,並在畫板之間建立流暢逼真的過渡效果。
動畫類型
共有四種動畫類型可供選擇
- 立即。此過渡會立即跳到目標畫板,並且沒有緩動或持續時間選項。
-
滑動。此過渡會將一個畫板滑過另一個畫板。
-
溶解。在兩個畫板之間產生淡入淡出的效果,如果您正在尋找沒有移動的簡單過渡,這是一個很棒的選擇。
-
智慧動畫。自動為名稱相同的圖層的位置、大小、旋轉或形狀變化製作動畫。
如何設定動畫
- 在兩個畫板之間或圖層與畫板之間建立互動。
- 在「原型」標籤中,前往「互動」區段中的「動畫」。選擇「立即」、「溶解」、「智慧動畫」或「滑動」。
如何設定智慧動畫
就像其他動畫一樣,要設定智慧動畫,請前往檢查器中的「原型」標籤,然後在「動畫」下拉式選單中選擇「智慧動畫」。您可以將智慧動畫套用至位置、形狀或大小等屬性。
但是,設定智慧動畫時還需要注意一些其他事項
- 確保要製作動畫的圖層位於畫板內。
- 請確認您想要製作動畫的兩個圖層具有相同的名稱和類型。智慧動畫功能會識別兩個畫板中這些圖層的屬性變化,並自動為其製作動畫。
- 如果除了位置、形狀或大小的變化之外,還有顏色、混合模式或濾鏡(例如陰影或模糊)的變化,Sketch 會自動將溶解動畫應用於前者,並保留智慧動畫用於位置、形狀或大小的變化。
- 很遺憾,您無法將智慧動畫應用於路徑、邊框、向量點數量不同的形狀、文字、漸層或覆蓋。
緩動、持續時間和方向
對於即時、滑動和智慧動畫,您可以自訂:緩動。控制動畫的速度以建立更逼真的過渡效果。使用緩動,您可以建立諸如緩慢啟動、加速然後再次減速的效果。您可以從不同類型的緩動中進行選擇
- 線性:動畫將以恆定速度從頭到尾進行。
-
緩入:動畫將緩慢啟動,在接近尾聲時加速,然後突然停止。
-
緩出:動畫將快速啟動,在接近尾聲時減速,然後逐漸停止。
-
緩入緩出:動畫將緩慢啟動,在中間加速,然後在接近尾聲時減速。
- 回彈緩入/回彈緩出/回彈緩入緩出:動畫超過目標後,會反彈回定位。
持續時間。選擇您希望動畫從開始到結束所需的時間。
如果您使用的是滑動動畫,則可以選擇畫板滑動的方向。您可以在「動畫」下的「方向」區段中找到它。