美文网首页
3-1 Animation:Authentic Motion

3-1 Animation:Authentic Motion

作者: DaisyWU | 来源:发表于2015-11-16 23:43 被阅读0次

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

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

    相关文章

      网友评论

          本文标题:3-1 Animation:Authentic Motion

          本文链接:https://www.haomeiwen.com/subject/hrgkhttx.html