加载动画
环形、粒子、骨架屏三类加载动效,导出即用的 SVG 或 Lottie。
加载动画看着小,但它决定了等待时用户是「觉得卡」还是「知道在跑」。转圈的速度、点的节奏、柱子的起伏,都会影响这种感受。
这个工具能做什么
例如:做一个橙色主题的环形加载动画,循环时长 1.2 秒
做一个橙色主题的环形加载动画,循环时长 1.2 秒
用 7 个跳动圆点表达「AI 正在思考」
骨架屏加载效果,用于列表页占位
它和别的工具差在哪
它专门解决三秒以内的循环动效:首尾帧无缝衔接,导出 GIF 或单文件 HTML 就能直接嵌进页面自动循环播放 —— 不必像视频那样来回拖动进度条。
怎么用
- 描述你想要的动效与文案 —— 例如「标题逐字放大入场」「LOGO 用描边绘制出场」。
- 生成。平台按时长与风格逐帧渲染出成片;同一套描述可反复生成多版,不满意就重出。
- 导出 MP4 用于投放与存档,GIF 用于页面、文档与聊天;也可以导出单文件 HTML(矢量、离线可播放)或 SVG 单帧嵌进网页。
适合这些场景
- 网页加载态 —— 按钮提交后的小转圈,导出 GIF 直接嵌进页面。
- 等待页 —— 数据处理中的进度提示,配一句「正在分析,请稍候」。
- 品牌化加载 —— 用品牌主色做的跳动圆点,让加载态也带品牌感。
- 网页与落地页 —— 首屏标题、按钮反馈、加载状态 —— 让页面有呼吸感。
- 品牌视觉 —— LOGO 出场、活动标识动效,统一品牌动线。
- 演示与文档 —— 把关键信息做成动效,在 PPT 与说明文档里更醒目。
- 应用内反馈 —— 加载、成功、失败等状态动效,降低等待焦虑。
实用技巧
- 一定要写明循环(加载动效默认按循环设计)。如果只想播一次,说明「只播一次,不循环」。
- GIF 适合直接嵌进文档与聊天窗口;需要矢量画面时用 HTML 导出 —— 缩放不糊,文字放大后依然清晰。
常见问题
能无缝循环吗?
能,而且这是加载动效的默认要求。平台会保证首尾帧衔接一致,不会出现播放时「跳一下」的情况。
能改颜色吗?
能。生成时选「视觉风格」即可套用一整套配色;要求精确色值时可在描述里写明十六进制值。导出 HTML 后也能在文件里改样式再打开。
动效可以循环播放吗?
可以。加载类动效默认就按循环设计(周期与时长一致),其余动效也能在描述里要求「循环播放」。
输出带背景透明吗?
不支持透明背景。成片与各导出格式都会带上所选风格自身的底色(浅色风格是米白一类、深色风格是深灰一类),可以直接播放或整块叠放,但不能抠掉背景换成你的页面底色。
加载动画生成的成片有多长?
默认约 约 0 分 03 秒。时长跟随内容量自动伸缩:描述里的信息点越多、旁白越长,画面就越长、节奏也相应放慢。也可以在描述里直接要求「再短一点」或「每段多停 2 秒」。
支持哪些画面元素?
支持loader、环绕轨道、线条与描边等元素,可以组合使用,也可以只用其中一种把画面做干净。