运动
Google - Movement
材料在与现实世界相似的力的作用下产生运动,比如重力。屏幕表面移动
- 弧形向上
- 弧形向下
进入和移出屏幕移动
- 独立运动
相对运动
屏幕范围之内的移动
一个元素在屏幕范围之内的移动遵循自然的凹面曲线。所有的屏幕范围之内的移动遵循standard运动曲线。
向上弧线
克服重力向上运动在现实世界中需要一个作用力。元素组件在屏幕中向上移动也需要一个相似的力,并且表现的较费力,以比较缓慢的速度向上移动。
- 当向上方移动时,开始上升时坡度较缓,临近结束时候坡度较陡。
- 无视重力的反物理学向上移动会显得不自然。
向下弧线
在现实世界中向下掉落的物体会受到重力作用产生加速。元素组件在屏幕中向下移动时需要表现出更省力,并且以较快的速度移动。
- 当在对角方向上向下移动时,开始时候坡度较陡,结束时候较缓。
- 忽视重力拉动的反物理学移动会显得不自然
非弧线移动
当物体在单一坐标轴上移动时(可以是水平或者垂直,但是不能同时)不遵循弧线的移动轨迹。这些情况下移动时简单并且移动速度稍微快速一些。
- 单一坐标轴的移动保持直线。
- 不要在单一坐标轴移动时使用不自然的曲线。
物体移出和移入屏幕也是单一坐标轴的移动
- 线性的进入路线容易确定明确的进入点。
- 不要让物体移出屏幕的路线弯曲,这会使得进入点复杂化。
移入和移出屏幕
独立移动
物体进入和移出屏幕会被作为独立的一个物体,当他们不影响其他屏幕上的内容时。
进入屏幕
物体进入屏幕使用 deceleration曲线作为速度标准,这表明他们已经在最高速度运动。
永久移出屏幕
物体永久的移出屏幕需要使用acceleration曲线作为速度的标准,以一个稍微快速的速度移出屏幕。因为他们不会再回到用户的关注之中。
- 物体使用deceleration曲线进入屏幕不影响其他位置的物体。在手机中,过渡通常是225ms。当物体移出屏幕时使用acceleration曲线。在手机中过渡通常是195ms。
- 不要在进入和移出时使用standard曲线。在进入时,缓慢的加速是没有用的,因为用户的注意需要被指引到最终的静止点上。在退出时候,缓慢的减速是没用的,因为结束点时不可见的。
临时移出屏幕
物体临时的引出屏幕需要使用sharp曲线,因为他们可能在任何时候再次回到屏幕中,所以必须出现在附近触手可及的地方。
- 物体临时移出屏幕使用sharp曲线,因为他们可能从他们移出的点再次回到屏幕中。当他们返回时,同样使用deceleration曲线。在手机中,过渡动画通常是300ms。
- 物体临时移出屏幕不要使用acceleration曲线,不要让他们从不同于移出点的位置返回到屏幕中。如果他们返回到屏幕中,使用deceleration曲线。
相对运动
进入和移出屏幕的物体也会使得其他屏幕上的物体按照相同的平滑曲线运动,使得他们能保持最小的距离并且交距离的移动会比较抢眼。
standard曲线通常用于:同时有物体移出屏幕边界并且有物体在屏幕之内移动。这个曲线对比其他独立运动的曲线有更长的持续时间。
- 由于屏幕上的floating action button会被移入到屏幕的卡片影响位置,所以standard曲线被用在这种情况下的FAB和card两个物体,以此保持一个动画开始和结束的平滑效果。在手机中,过渡通常是300ms。
- 使用deceleration和acceleration曲线来向上和向下移动时,会导致屏幕上的FAB突然的向上运动和突然的向下运动。这样的运动时严酷的且具有破坏性的。