在 Designer 中设置动画

设计中的大多数元素都可以在屏幕上动起来。标题可以滑入,价格可以轻轻脉动,照片可以缓缓漂浮。您在 Designer 中为每个元素单独设置,屏幕会自动播放。

让元素动起来

  1. 在 Designer 中打开设计,选中元素。
  2. 点击画布上方工具栏中的「动画」。如果窗口较窄,它会收在这条工具栏末尾的三点按钮里。
  3. 在「入场」或「持续」下选择一种动画,也可以两者都选。

要取消动画,请把它改回「无」。

入场

入场动画在设计出现在屏幕上时播放。您可以选择:

  • 淡入
  • 从左滑入或从右滑入
  • 向上滑入或向下滑入
  • 放大进入
  • 弹跳进入

您可以设置动画持续多久,以及开始前等待多久。让各个元素的等待时间依次略微加长,例如先出现标题,再出现价格,设计就会一步步呈现出来。

持续

持续动画会在设计显示期间一直进行。您可以选择:

  • 脉冲:元素略微放大再缩小。
  • 旋转:元素旋转。
  • 弹跳:元素上下跳动。
  • 漂浮:元素缓缓地上下漂移。

通过速度和幅度滑块,您可以调节动作的快慢和强弱。一个元素可以同时设置入场动画和持续动画:入场结束后,持续动画才开始。

预览动画

点击 Designer 顶部工具栏中的「预览」按钮(位于「下载」按钮之前),即可看到设计动起来的效果。如果设计中只有入场动画,播放完毕后预览会自动关闭。

在屏幕上

  • 在播放列表中,每次设计进入画面时都会播放入场动画。
  • 当设计是屏幕上唯一的内容时,入场动画只在加载时播放一次,持续动画则一直进行。

须知

  • 设计中的应用、播放列表和二维码不能设置动画。
  • 在屏幕上横向滚动的文字不属于动画。请改为在 Designer 左侧工具栏的「应用」面板中,把「滚动文字」应用添加到设计里。请参阅信息类应用:天气、时钟、新闻、滚动条等。
  • 设计在 Designer 中打开时,AI 助手可以帮您设置动画。例如,您可以说「让价格脉动」或「让标题滑入」。

提示

动态效果会吸引目光。建议只让一两个元素动起来,比如今日特惠,其余保持静止。这样屏幕显得沉稳,从远处也容易看清。

另请参阅在 Designer 中制作设计。

© screenbird.app