添加动画

动画有助于定义设计中交互的感受，并在画板之间创建流畅逼真的过渡。

动画类型

有四种动画类型可供选择

• 即时。此过渡会立即跳转到目标画板，没有缓动或持续时间选项。

• 滑动。此过渡将一个画板滑到另一个画板之上。

• 溶解。在两个画板之间产生淡入淡出效果，如果您正在寻找简单且没有移动的过渡，这是一个不错的选择。

• 智能动画。自动为具有匹配名称的图层的位置、大小、旋转或形状的变化添加动画效果。

如何设置动画

1. 在两个画板或图层与画板之间创建一个交互。
2. 在“原型”选项卡中，转到“交互”部分中的“动画”。在“即时”、“溶解”、“智能动画”或“滑动”之间进行选择。

如何设置智能动画

与其余动画一样，要设置智能动画，请转到检查器中的“原型”选项卡，然后在“动画”下拉菜单中选择“智能动画”。您可以将智能动画应用于属性，例如：位置、形状或大小。

但是，在设置智能动画时，还需要记住一些其他事项

• 确保要为其添加动画的图层位于画板内。
• 确保要为其添加动画的两个图层共享相同的名称和类型。智能动画将识别两个画板上这些图层之间属性的变化，并自动为它们添加动画效果。
• 如果除了位置、形状或大小的变化之外，颜色、混合模式或滤镜（例如阴影或模糊）也发生了变化，Sketch 将自动对前者应用溶解动画，并保留智能动画来改变位置、形状或大小。
• 遗憾的是，您无法将智能动画应用于路径、边框、具有不同矢量点的形状、类型、渐变或叠加。

缓动、持续时间和方向

对于即时、滑动和智能动画，您可以自定义：缓动。控制动画的速度，以创建更逼真的过渡。通过缓动，您可以创建诸如缓慢启动、加速，然后再次减速等效果。 您可以在不同类型的缓动之间进行选择

• 线性：动画将从头到尾以恒定速度进行。

• 缓入：动画将缓慢启动，在接近尾声时加速，并突然停止。

• 缓出：动画将快速启动，在接近尾声时减速，并逐渐停止。

• 缓入缓出：动画将缓慢启动，在中间加速，并在接近尾声时减速。

• 缓入回弹/缓出回弹/缓入缓出回弹：一旦动画超过目标，它将弹回原位。

持续时间。选择动画从开始到结束所花费的时间。

如果您使用的是滑动动画，则可以选择画板将从哪个方向滑动。您可以在“动画”下的“方向”部分中找到它。