ui动画设计的原理是什么?

1、材料

向用户显示界面元素的构成：轻巧还是笨重？它是僵硬的还是灵活的？飞机还是多维的吗？您需要让用户基本了解界面元素的交互模式。

2、运动轨迹

你需要澄清运动的自然属性。一般原理表明，没有生命的机械物体的轨迹通常是直线，而生物体具有更复杂和非线性的运动轨迹。您想要确定您的UI将为用户提供哪种展示，并为其提供此属性。

3、时间

在设计动态效果时，时间是最具争议性和最重要的考虑因素之一。在现实世界中，物体不遵循线性运动的规则，因为它们需要时间来加速或减速，并且使用曲线运动规则使得元素的运动更自然。

4、专注于动作

专注于屏幕的特定区域。例如，闪烁的图标将引起用户的注意，并且用户将知道有提醒和点击。这种运动通常用于具有太多细节和元素的界面，以区分特殊元素。

5、跟随并重叠

跟随是动作的终止。物体不会快速停止或开始移动，每个运动都可以拆卸成小动作，以自己的速度移动每个部分。例如，当你投球时，在投球之后你的手仍在移动。

重叠意味着在第一个动作结束之前开始的第二个动作，由于两个动作之间没有静止期，因此吸引了用户的注意力。

6、次要影响

次要动力学原理类似于遵循和重叠原则。简而言之，主要影响可能伴随着次要影响。轻微的效果使画面更加生动，但如果你不小心，它会造成不必要的分心。

7、轻松和轻松

缓入、退出是设计的基本原则，特别是在移动开发UI效果中，这与普通动画一样重要。虽然容易理解，但这个原则经常被忽视。轻松进/出的原则是因为现实世界中的物体无法立即启动或立即停止移动。任何物体都需要一定的时间来加速或减速。当您使用缓动/缓出原则来设计效果时，将导出非常逼真的运动模式。

8、期望

预期原则适用于暗示性视觉元素。在动画显示之前，我们给用户时间让他们预测会发生什么。实现此目的的一种方法是使用我们上面提到的简易原则。沿特定方向移动对象也可以给出预期的视觉提示：例如，如果屏幕上出现一叠卡片，您可以倾斜一叠卡片的顶部卡片，并且用户可以推测卡片可以移动。

9、节奏

动态中的节奏和音乐与舞蹈中的节奏具有相同的功能，它构建了动态。使用节奏使您的动作更自然。

10、夸张

经常使用夸大的表达式，但它并不容易解释，因为它基于夸大的预期动作或效果。它可以帮助吸引对特殊元素的额外关注。