用途
该技能用于为教育平台、在线学习(e-learning)、辅导应用或技能培养类体验设计动画。它把迪士尼的十二动画原则映射到学习场景,帮助设计者做出既支持理解、又能鼓励学习者的动效。
主要能力
技能围绕十二原则给出具体应用方向:
- 挤压与拉伸(Squash & Stretch):答题按钮选中时做友好的挤压;吉祥物或角色通过拉伸表现个性;成就徽章带角色感地弹跳。
- 预期(Anticipation):测验结果揭晓前先做铺垫;进入下一课前做准备;提交答案后、反馈出现前的停顿。
- 舞台调度(Staging):学习内容始终是主要焦点;进度指示可见但不分散注意力;交互元素有清晰的行动号召。
- 逐帧与关键帧(Straight Ahead & Pose to Pose):视频课程连续播放;课程进度按模块分步推进;互动练习有明确的题目状态。
- 跟随动作与重叠动作(Follow Through & Overlapping Action):答对时对勾先落位、再庆祝;课程卡片以自然的跟随动作堆叠;积分计数器在更新后数字稳定下来。
- 缓入缓出(Slow In & Slow Out):过渡柔和,学习过程中不出现突兀感;内容揭示节奏舒适;弹窗打开平滑,约300–400毫秒。
- 弧线(Arc):进度路径呈曲线式学习旅程;拖拽答案沿自然弧线落入放置区;奖励动画中的彩纸沿弧线运动。
- 次要动作(Secondary Action):获得经验值时,积分更新的同时有闪光;保持连续学习时,火焰动画配合计数器;升级时,背景效果配合主庆祝动作。
- 时间(Timing):反馈要快,150–200毫秒以保证响应感;庆祝可更长,500–800毫秒以强化动机;过渡适中,300–400毫秒以保证清晰。
- 夸张(Exaggeration):庆祝成功时做大幅正向强化;面对错误保持温和,绝不打击;里程碑要让人印象深刻。
- 扎实的绘画(Solid Drawing):插画风格友好且一致;图表是清晰的教育视觉;图标平易近人、不令人畏惧。
- 吸引力(Appeal):性格鼓励、温暖且支持;与目标学习者年龄匹配;以奖励驱动的动画设计动机。
使用方式
资料以原则清单和时长标准的形式给出指导,未提供安装命令、代码或具体调用步骤。设计者可依据这些原则与时长建议,在答题、测验、课程切换、进度更新、成就解锁等环节选择对应的动效与缓动方式。
行业时长标准
资料列出以下参考:
- 答题反馈:200毫秒,ease-out
- 正确庆祝:600毫秒,spring
- 课程切换:350毫秒,ease-in-out
- 进度更新:300毫秒,ease-out
- 成就解锁:800毫秒,custom-bounce
适用场景
适用于教育平台、在线学习、辅导应用、技能培养类产品中的答题、测验、课程推进、进度展示、成就与奖励等交互环节。
限制
资料未提供具体实现代码、安装方式、平台支持范围、收费信息或效果数据,这些内容暂未提供。核心原则是:动画应当鼓励与奖励——大方庆祝进步,温和处理错误,通过有节制的微交互保持参与感,让学习像一场冒险。