真實的運動(Authentic motion)
In the world of material design, motion describes spatial relationships, functionality, and intention with beauty and fluidity.
在material design的世界,動效美觀及流暢地描述了對象的空間關系,功能及意圖。
體積和重量(Mass and weight)
在物理世界,物體的運動需要有動力,運動也不會瞬間發生。material design的運動也有類似的表現,同時也不失優雅、簡樸與美觀。
1.自然的加速和減速(Natural acceleration and deceleration):加速和減速的變化是平滑的,而且加速和減速的變化是不對稱的;避免線性運動,突然的速度變化是機械的,不自然的。
2.進入和離開(Entrances and exits):
An object’s change in speed as it enters or exits the frame suggests the distance it is traveling.
一個對象進入和離開框架時的速度變化表達了它運動的距離。
物體從外部減速進入而逐漸加速離開更為自然真實,而快速的進入和緩慢的離開會過于吸引用戶的注意,分散了用戶的注意力。
3.關于“ease”(About “ease” term):
The terms “ease in” and “ease out” are used in both traditional animation and UX animation. However, depending on the context, these terms have opposing meanings.
“ease in”和“ease out”的概念在傳統的動畫和在UX動畫中均有被使用,但是確實兩種相反的含義。
在傳統動畫中,描述的是對象進出關鍵幀時的時間曲線。而在UX動畫中,描述的是對象進出轉場時的時間曲線。
4.做出調整(Making adjustment):
Not all objects move the same way. Lighter or smaller objects may move faster because they require less force, and larger or heavier objects may need more time to speed up.
不是所有對象都有相同的運動方式。更輕或更小的對象因為需要更小的動力而運動得更快,而更大或更重的對象需要更多時間去提速。
Find a curve that fits that character of motion you are describing.
找出符合你想表達的運動特征的曲線。