healthcare-medical

医疗与健康动画原则

运用迪士尼 12 条原则，打造令人安心、值得信赖的体验，优先保证清晰度并减轻焦虑。

12 条原则的应用

1. 挤压与拉伸

• 尽量少用：避免对健康数据使用俏皮的挤压效果
• 呼吸练习：引导呼吸时采用轻柔的扩张与收缩效果
• 心率：采用与实际节律一致的细微脉动

2. 预备动作

• 预约挂号：确认前进行简短的准备动画
• 检测结果：显示敏感数据前稍作停顿
• 用药提醒：轻柔淡入，避免突兀

3. 演出布局

• 重要提醒：置于视觉中心，并明确呈现层级
• 生命体征：醒目地展示最重要的指标
• 隐私优先：敏感信息在获得焦点前应模糊处理或隐藏

4. 连续动作与关键帧

• 健康旅程：逐步呈现进度（关键帧）
• 实时监测：持续呈现数据流（连续动作）
• 引导流程：提供清晰的连续步骤

5. 跟随动作与重叠动作

• 仪表板加载：按合理的健康信息顺序呈现卡片
• 处方更新：药品图标先稳定下来，再显示详情
• 图表动画：依次连接数据点

6. 缓入与缓出

• 所有过渡效果：使用柔和的缓动，避免突兀
• 模态框显示：敏感信息采用柔和的淡入效果
• 导航：使用流畅的 400-500ms 过渡

7. 弧线运动

• 进度指示器：使用圆弧表示完成进度
• 人体示意图：在身体部位之间使用平滑路径
• 时间线导航：通过曲线路径浏览健康历史

8. 次要动作

• 确认勾选标记：预约后轻柔脉动
• 加载状态：获取数据时使用令人安心的动画
• 成功状态：使用细微的颜色过渡

9. 节奏

• 整体放慢：使用 400-600ms，营造平静、从容的感觉
• 重要提醒：使用更快的 200ms，确保引起注意
• 数据录入：提供响应迅速的 150ms 反馈

10. 夸张

• 大多数情况下避免：医疗场景要求克制
• 仅用于紧急情况：仅用于紧急提醒
• 庆祝效果：庆祝健康里程碑时保持低调

11. 扎实绘制

• 解剖学准确性：正确呈现人体结构
• 图表清晰度：确保图表在各种尺寸下都清晰易读
• 无障碍性：使用高对比度、易读的动画

12. 吸引力

• 平静而专业：以克制赢得信任
• 温暖的色彩：使用柔和的蓝色、绿色，营造舒适感
• 人性化体验：轻柔的过渡效果令人感到关怀

行业时长标准

操作	时长	缓动
页面过渡	400-500ms	ease-in-out
模态框打开	350ms	ease-out
提醒显示	200ms	ease-out
数据刷新	300ms	ease-in-out
成功反馈	400ms	ease-out

核心原则

动画绝不能引发焦虑或造成困惑。优先保证清晰度、无障碍性和令人安心的体验。如有疑虑，就减少动画。