移動 Movement

移動會遵循現實世界力學的規則,元素在屏幕上兩點之間移動時,自然形成一條下凹的標準曲線,並沿著它進出屏幕。當屏幕中的元素向上移動時,會受到阻力的影響,使元素從一個較慢的速度開始加速上升,因此會形成一條向上凹的弧線往斜上方攀升,當屏幕中元素向下移動時,會受到重力加速度的影響,使元素逐漸加速墜落,形成一條向下凹的弧線。

 

(1)獨立移動與進入:元素進出屏幕的移動過程中,不觸及其他物件位置,在元素進入屏幕時,應使用減速曲線,離場時使用加速曲線,保持視覺上的流暢。
(2)永久離開屏幕:當元素要永久離開時,離場過程不需要得到用戶的注意,因此應該以加速曲線加快離開屏幕。
(3)暫時離開屏幕:當元素要短暫離開屏幕,並可能從離開的位置再次返回時,應該使用夏普曲線,使元素以最高速度離開屏幕,再以對稱曲線快速減速到回歸。
(4)關聯移動:當元素進出屏幕時,導致其他物件發生移動,為避免物件突然移動造成的視覺干擾,應該使用標準曲線保持畫面平滑的開始和結束。

分享 Acadeck 給更多人!