在 Designer 中设置动画
设计中的大多数元素都可以在屏幕上动起来。标题可以滑入,价格可以轻轻脉动,照片可以缓缓漂浮。您在 Designer 中为每个元素单独设置,屏幕会自动播放。
让元素动起来
- 在 Designer 中打开设计,选中元素。
- 点击画布上方工具栏中的「动画」。如果窗口较窄,它会收在这条工具栏末尾的三点按钮里。
- 在「入场」或「持续」下选择一种动画,也可以两者都选。
要取消动画,请把它改回「无」。
入场
入场动画在设计出现在屏幕上时播放。您可以选择:
- 淡入
- 从左滑入或从右滑入
- 向上滑入或向下滑入
- 放大进入
- 弹跳进入
您可以设置动画持续多久,以及开始前等待多久。让各个元素的等待时间依次略微加长,例如先出现标题,再出现价格,设计就会一步步呈现出来。
持续
持续动画会在设计显示期间一直进行。您可以选择:
- 脉冲:元素略微放大再缩小。
- 旋转:元素旋转。
- 弹跳:元素上下跳动。
- 漂浮:元素缓缓地上下漂移。
通过速度和幅度滑块,您可以调节动作的快慢和强弱。一个元素可以同时设置入场动画和持续动画:入场结束后,持续动画才开始。
预览动画
点击 Designer 顶部工具栏中的「预览」按钮(位于「下载」按钮之前),即可看到设计动起来的效果。如果设计中只有入场动画,播放完毕后预览会自动关闭。
在屏幕上
- 在播放列表中,每次设计进入画面时都会播放入场动画。
- 当设计是屏幕上唯一的内容时,入场动画只在加载时播放一次,持续动画则一直进行。
须知
- 设计中的应用、播放列表和二维码不能设置动画。
- 在屏幕上横向滚动的文字不属于动画。请改为在 Designer 左侧工具栏的「应用」面板中,把「滚动文字」应用添加到设计里。请参阅信息类应用:天气、时钟、新闻、滚动条等。
- 设计在 Designer 中打开时,AI 助手可以帮您设置动画。例如,您可以说「让价格脉动」或「让标题滑入」。
提示
动态效果会吸引目光。建议只让一两个元素动起来,比如今日特惠,其余保持静止。这样屏幕显得沉稳,从远处也容易看清。
另请参阅在 Designer 中制作设计。