【半周谈】064 游戏界面动效基础规则-运动规律-动效的运动规律-2

结构动画是将抽象控件的图形逻辑进行动态展示的动画形式。

虽然组成动效的元素都是抽象的，但它们的运动都是模仿的现实中的某个物件。利用这种规则，我们可以为界面或者某个界面控件设计合理的动效，尤其当元素之间有交互时。

比如最简单的框体呈现动画，就是将框体本身视作现实中的容器，并考虑内容物与容器之间的逻辑关系。如下图所示：

黑色的底框代表界面控件的框体。它从中间展开，这展示了一个容器的出现过程。绿条和黄条指代条状的图形或者文字信息，蓝块指代图标。

底框出场时，其内的其他控件的出场动作，应该随着它的运动趋势进行。按照这种规则，绿条就是从下到上，而黄条是从上往下的运动。中间的蓝块则可以从中间放大出现。

如果调换它们的位置，则可以按照下方形式：

上边的两个色条都是以从下到上的趋势运动，而蓝块依然以从中间放大的形式出现。