界面设计第一版该保留哪些核心能力第一版动效应该先让用户知道操作是否生效而不是证明团队会多少种物理算法。普通过渡用 CSS 就够只有手势跟随、拖拽回弹这类确实需要连续反馈的场景再考虑本地弹簧求解。.panel { transform: translateY(0); transition: transform 180ms cubic-bezier(.2, .8, .2, 1), opacity 160ms ease; } .panel[data-opentrue] { transform: translateY(-.5rem); } media (prefers-reduced-motion: reduce) { .panel { transition: none; } }若使用弹簧限制时间步长、在组件卸载时停止循环并设置位移与速度的终止条件。复杂求解并非天然不适合产品但它应解决明确的体验问题并通过目标设备验证。MVP 阶段把动效数量、覆盖场景和降级方案写进验收范围能避免后续不断加码。