3-1 Animation:Authentic Motion

真实的运动(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.

找出符合你想表达的运动特征的曲线。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Immanuel Kant (22 April 1724 – 12 February 1804) was an 1...
    123逍遥游阅读 4,648评论 1 13
  • 蒋勋 蒋勋﹙1947年-﹚,台湾知名画家、诗人与作家。福建长乐人。生于古都西安,成长于台湾。台北中国文化大学史学系...
    无分别的爱阅读 495评论 0 1
  • moral: n. a practical lesson about what to do or how to b...
    gltjk阅读 214评论 0 0
  • 今天第一天写亲子日记,每天都过的忙忙碌碌的,这几天特别忙,小的生病了特别不听话,今天早上起床晚了都快七点...
    b88e3d08d5fb阅读 176评论 0 0
  • 和妈妈谈心不知不觉已十一点了。第一次和妈妈谈这么多,从家庭琐事谈到生活观,从教育观谈到婚姻观。第一次觉得有些人的教...
    桃飘tily阅读 130评论 0 0