⚠️ 坑1：为了酷炫而加动效
每次切换页面都要一个华丽转场？用户第一次觉得酷，第三次觉得烦，第十次想卸载 动效必须服务于功能：引导注意力、反馈操作结果、解释空间关系
⚠️ 坑2：动效时间过长
页面转场超过 400ms 用户就开始觉得慢了 普通交互反馈 150-300ms 最舒适 微交互（按钮点击态、开关切换）100-200ms 足够 记住：快 > 慢，宁可短一点
⚠️ 坑3：所有东西同时动
10 个卡片同时飞入 = 视觉灾难 正确做法：交错动画（stagger），每个元素延迟 50-80ms 依次进入。有节奏感才有高级感
⚠️ 坑4：用线性运动曲线
现实世界没有匀速运动的东西！ 用 ease-out（减速进入）做元素出现 用 ease-in（加速离开）做元素消失 弹性效果用 spring 曲线 永远不要用 linear
⚠️ 坑5：忽略减弱动态效果的无障碍需求
有些用户对动效敏感会头晕（前庭功能障碍） 系统有 prefers-reduced-motion 设置 当用户开启了减弱动态效果 → 你的动效要降级或关闭 这是无障碍的基本要求，不是可选项
💡 一句话总结微动效设计：
用户注意到动效本身 = 做过头了 用户觉得"这个产品用起来很流畅" = 刚刚好
最好的动效是让人感觉不到的动效✨
