📌 动效交付必须包含的参数:
🔸 动画类型 什么属性在变化?位移、透明度、缩放、颜色?
🔸 时长(Duration) 动画持续多久?通常在 200ms-500ms 之间。 太短用户看不到,太长感觉卡顿。
🔸 缓动曲线(Easing) 匀速(linear)、先慢后快(ease-in)、先快后慢(ease-out)、两头慢中间快(ease-in-out)。 用 cubic-bezier 精确描述最好。
🔸 延迟(Delay) 有没有延迟启动?多个元素是同时动还是依次动?
🔸 触发条件 什么操作触发这个动效?进入页面?鼠标悬停?点击按钮?滚动到某个位置?
📌 交付方式推荐:
✅ 录屏 / GIF 让开发看到最终效果应该长什么样。
✅ 参数表 用表格列出每个动画的属性、时长、缓动。
✅ Lottie 文件 用 AE 做的动效可以导出 Lottie 格式,开发直接引用。
💡 不要只丢一个视频就说「照着做」。给参数、给文件,这才是专业交付。
📚下面这份《UIUX 学习指南》,是我花 1 年时间整理,萃取苹果、谷歌等大厂设计智慧搭建而成的:
• 体系完整又系统,从视觉、交互到用研、产品,覆盖 UI/UX 全链路
• 不管是零基础入门、中级进阶还是冲资深,都能精准适配
• 每天花 5~10 分钟,就能稳步搭建起专业认知框架
👇文末加入「UIUX 学习指南」,每天 5~10 分钟,坚持学习。
你会发现,焦虑、迷茫会被“坚实的确定性”挤走,你重新认识了自己和设计。






