上回讲了游戏界面动效中的普遍运动规律。
基于普遍的运动法则,游戏界面动效中有一套通用的形式。这些形式利用了普遍的运动规律,从而为界面动效创造更细腻的合理性。
1.结构动画。
结构动画是将抽象控件的图形逻辑进行动态展示的动画形式。
虽然组成动效的元素都是抽象的,但它们的运动都是模仿的现实中的某个物件。利用这种规则,我们可以为界面或者某个界面控件设计合理的动效,尤其当元素之间有交互时。
比如最简单的框体呈现动画,就是将框体本身视作现实中的容器,并考虑内容物与容器之间的逻辑关系。如下图所示:
黑色的底框代表界面控件的框体。它从中间展开,这展示了一个容器的出现过程。绿条和黄条指代条状的图形或者文字信息,蓝块指代图标。
底框出场时,其内的其他控件的出场动作,应该随着它的运动趋势进行。按照这种规则,绿条就是从下到上,而黄条是从上往下的运动。中间的蓝块则可以从中间放大出现。
如果调换它们的位置,则可以按照下方形式:
上边的两个色条都是以从下到上的趋势运动,而蓝块依然以从中间放大的形式出现。
本文来自微信公众号“COTA五号”(ID:cotadesign)。大作社经授权转载,该文观点仅代表作者本人,大作社平台仅提供信息存储空间服务。