动画

应用场景

在以下交互场景中可能会使用到动画,增强用户交互体验、改善用户界面导航、提供交互反馈、减轻等待感等 常见的添加动画的交互场景有:

  • 页面或元素的过渡:如从一个界面平滑过渡到另一个界面,或菜单的展开和收起。
  • 反馈提示:用户操作后的即时反馈,如按钮点击、刷新动作等。
  • 加载提示:在数据加载或内容更新期间显示的动画,如旋转的加载图标。
  • 数据可视化:动态展示图表或数据的变化,使得数据解读更加直观。
  • 指导性教程:引导用户如何使用应用的特定功能。
  • 注意力引导:通过动画吸引用户注意到应用的关键功能或重要信息。
  • 状态变化:表示状态改变的动画,如开关按钮的开启和关闭。# 动画组件内容 Zion 提供的动画组件目前只支持上传 Lottie 格式的动画文件,你可以在动画组件的内容中上传已经下载或制作好的动画文件。

💡Tips:Lottie格式的动画是一种基于JSON的动画数据格式,由Airbnb的设计团队开发。它使得动画可以轻松地被导出为小型文件,这些文件可以被嵌入到网页、移动应用或其他平台中 推荐的 Lottie 动画现在网址:https://lottiefiles.com/

动画组件设计

动画组件提供了「循环」、「自动播放」两种交互操作

  • 循环:默认关闭,打开之后会循环播放动画效果
  • 自动播放:默认打开,进入到有动画组件的页面时,会自动播放动画的内容

Copyright © FunctorZ 2024 all right reserved修订时间: 2024-10-22 10:33:11

results matching ""

    No results matching ""