设计游戏、流媒体、娱乐门户或互动媒体动画时…

为游戏、流媒体、娱乐门户或互动媒体设计动画时，应用迪士尼12动画原则和行业时长标准来增强参与感与情绪表达。

适用场景

解决思路

1. 挤压与拉伸：按钮按压时，在点击/触摸瞬间做满足的挤压效果。
2. 挤压与拉伸：角色图标用弹跳和拉伸体现个性。
3. 挤压与拉伸：成就徽章解锁时做戏剧性拉伸。
4. 预备动作：播放按钮在启动前先做蓄力/回拉。
5. 预备动作：开箱在揭示内容前做戏剧性铺垫。
6. 预备动作：关卡开始用能量逐步升级的倒计时。
7. 舞台布置：主推内容使用全出血 featured media。
8. 舞台布置：正在播放内容置于中心舞台，并叠加环境效果。
9. 舞台布置：通知要吸引注意力，但不遮挡内容。
10. 连续动作与姿态到姿态：gameplay 使用流畅连续的动画（straight ahead）。
11. 连续动作与姿态到姿态：菜单导航使用干脆、明确状态的动画（pose to pose）。
12. 连续动作与姿态到姿态：过场动画使用精心编排的序列。
13. 跟随与重叠动作：UI 元素使用错落的动画级联。
14. 跟随与重叠动作：胜利屏使用多个重叠的庆祝动画。
15. 跟随与重叠动作：菜单项按顺序揭示，并带跟随动作。
16. 缓入缓出：史诗时刻使用戏剧性慢动作效果。
17. 缓入缓出：菜单过渡要快但平滑。
18. 缓入缓出：加载屏使用有吸引力的动画循环。
19. 弧线：粒子效果使用自然曲线轨迹。
20. 弧线：滑动手势使用平滑弧形卡片移动。
21. 弧线：投射物使用基于物理的弧形路径。
22. 次要动作：背景动画始终保留环境运动。
23. 次要动作：成就弹出时，徽章动画同时伴随闪光。
24. 次要动作：分数更新时，数字攀升同时播放特效。
25. 时机：游戏手感使用 100-200ms 的快速响应。
26. 时机：戏剧性时刻放慢到 500-800ms 以增强冲击。
27. 时机：UI 反馈使用 50-100ms 的即时响应。
28. 夸张：做大，娱乐依赖戏剧性，动画幅度要放大。
29. 夸张：胜利使用爆炸式庆祝。
30. 夸张：强化道具使用超大的视觉反馈。
31. 扎实绘制：艺术方向在 UI 整体保持一致的风格。
32. 扎实绘制：3D 元素具备正确的深度和透视。
33. 扎实绘制：角色动画使用吸引人的姿态和运动。
34. 吸引力：每个元素都最大化个性，具备角色感。
35. 吸引力：情绪范围覆盖从紧张到胜利。
36. 吸引力：创造可分享的记忆点/体验。
37. 行业时间标准：按钮按下使用 100ms，ease-out。
38. 行业时间标准：菜单过渡使用 200ms，ease-out。
39. 行业时间标准：胜利动画使用 1000-2000ms，custom-bounce。
40. 行业时间标准：成就弹出使用 500ms，spring。
41. 行业时间标准：卡片翻转使用 300ms，ease-in-out。
42. 核心原则：娱乐关乎情绪，用动画放大兴奋、紧张、胜利和喜悦，需要奇观时不要克制。

适用边界 · 注意事项

• 不适合企业级、生产力或信息密集型界面需要低干扰、快速完成任务的场景，过度动画会拖慢操作。
• 不适合未支持减少动态效果的场景，需尊重 prefers-reduced-motion 等无障碍设置，否则可能引发不适。
• 不适合高频重复的微交互，持续夸张动画会造成疲劳和性能负担。