老司机干货！4个技巧让你玩转轻量级动效

MG 全称是 Motion Graphic（态图形），是一种现在非流行的画分支。它更像是介于平面设计与画片之间的一种产物。态图形在视觉表现上使的是基于平面设计的规则，而在技术上使的是画制作手。简单来说，这类画往往都简约的几何图形来描述物特性，但表现极强。轻简的特性成为 UI设计中的一个点睛环节。

何一个有趣又有生命力且符合逻辑的动效呢？在我看来需要着重以下4个物理特，就能决所有基问题。

四大心法：阻力、惯性、透视、焦距。

一、阻力

大家在做动画的候容易考虑惯性，惯性往往是物体身的性。阻力则是外界事物对物体产生的响。但当不见这个外界事物的候，就会忽略这点。

小运动，它上旗帜看上去是不是很奇怪？这是忽略了阻力象带来影响。

材质相较轻旗帜会比子更容易受到空阻力影响，这样看上去才比较符合现实。

二、惯性

惯性是动画中最常见的动规律。也是最容易出效果的参数。调整物体的缓入缓出的幅度来表现不同质量的物体运动。

动画上小球是匀速接近磁铁，下小球是匀加速接近磁铁。哪个看上去更符合现实呢？你答了！下小球表现出物体本身惯性。有力突然吸引时，物体由于本身质量影响，逐渐失去静止状态，而不是瞬。

动画下表是柔软小球，在力影响时，个球体惯性分布不均匀，球体左侧和右侧生了惯性先后速度，生了形变。最终触碰磁铁后，惯性导致球体左侧结束比右侧晚，生了回弹。

三、透视

在二维动画中，透视是一个相对较难表现形式。往往需要利用参照物来体现二维物体之间的空间关系。

我们在坐高铁时候观察窗，风景是这样移动吗？树林、远山和更远云层。三者由于透视关系，是不会以相速度移动。

「近远」分应「快慢」，利用不速度来表现前后关系。我们利用参照物速动画，能做出具有很好空感效。

四、焦距

同和透视一，二维的界难表现焦距这个概念。但可以利用色彩和虚实的段来模拟。

左边小在前？或着右边小在前？或者他们是并排站立？由于维限制性，们能过自己想象来弥补三维空缺失。不会出不结论。在这里我们可以过颜色来做到简易前后关系。颜色暗淡或明亮可能由于关系，显离我们比较远或比较近。（结合实场景）

利用模糊，我们能表现出更好空效和镜头感。这是利用绘画设计和平设计虚实关系。

接下来放几个小编在实设计应用案例，大家感受下（来自开课啦APP）：

△ 品形象蜜蜂上升动画

△ 下刷新品动画

△ 开课啦心理魔法院

最后

掌握和楚这四心法，能够让你在设计动态影像时如鱼。其实想做出个优秀动效并不有这些。需要你有颗善于观察心，善于发现你身边那些自然规律。

欢迎关注作者的微信公众：「课啦UED」