转场动效在UI界面中所起到的作用无疑是显著的。相比于静态的界面，动态的转场动效更符合人类的自然认知体系，有效地降低了用户的认知负载，屏幕上元素的变化过程，前后界面的变化逻辑，以及层次结构之间的变化关系，都在动效的加持之下，变得更加清晰自然。从这个角度上来说，动效不仅是界面的重要支持元素，也是用户交互的基础。

　　动效设计，尤其是协助交互的转场动效，如今日趋成熟。通过大量的案例分析和过来人的经验，我们逐步总结出优秀转场动效的5个核心的规则，今天的文章，我们就来分享这5个知识点。

　　1、自然是好UI动效的核心

　　用户界面中状态改变在默认情况下大多是生硬而直接的，这使得用户有时候很难立刻理解。在现实生活中，事物不会突然出现突然消失，通常它们都会有一个转变的过程。当界面有两个甚至更多状态的时候，状态之间的变化使用过渡动效来填充，让用户明白它们是怎么来的，而非一个瞬间的过程。看看下面的案例，用户在列表中选取一个条目查看详细细节，小卡片展开为大卡片，其中动效的变化规则源自于现实世界。