緩動曲線 Natural easing curves

緩動曲線是材料在動效狀態中運動的方式,參照現實當中的加減速和摩擦力的影響,因此不會突然開始運動或停止。善用緩動曲線不對稱的速度、不透明度和縮放變化,能夠使創建平滑連貫的動效,讓畫面顯得更自然愉悅。緩動曲線可分為”標準曲線”、”減速曲線”、”加速曲線”、”夏普曲線”等四種,分別提供不同的動畫效果。

(1)標準曲線:元素在屏幕上快速加速與緩慢減速的效果,是最常被使用的緩動曲線。
(2)減速曲線:元素會以全速進入屏幕,再以放大尺寸或不透明度到100%,緩慢減速到目標定點,常用於出場動效。
(3)加速曲線:元素會以全速離開屏幕,在過程中尺寸縮小或不透明度到0%,直到離開畫面,常用於離場動效。
(4)夏普曲線:元素可以在屏幕上的定點以最高速離開畫面,再利用對稱曲線快速減速到回歸屏幕的起點,常使用於已有元素離開屏幕後重新返回的動效。

分享 Acadeck 給更多人!