做动效最怕什么？太快看不见，太慢等得烦。时长怎么定其实有规律 📏 动效时长参考标准： ⚡ 50-100ms → 极快 适合：按钮颜色变化、hover 状态切换 用户感知：几乎无感但有反馈 🏃 150-200ms → 快速 适合：开关切换、Tab 切换、简单的状态转换 用户感知：有一个轻快的过渡 🚶 250-350ms → 中等 适合：弹窗出现/消失、页面转场、卡片展开 用户感知：能看到动画过程，不会觉得慢 🐢 400-500ms → 较慢 适合：复杂的布局变化、大面积的内容切换 用户感知：有明确的"动"的感觉 🦥 500ms+ → 慎用 只适合：装饰性动画、品牌展示、加载等待动画 日常交互超过 500ms 用户会觉得卡 💡 两个核心原则： 原则一：移动距离越大，时长越长 一个弹窗从底部弹出需要 300ms，一个图标微微放大只需要 100ms 原则二：移动端动效比 PC 端短 30% 手指操作的预期响应速度比鼠标快。PC 上 300ms 的动效在手机上用 200ms 更合适 记住这些数字，做动效就有底了🎬