SuperAPI AI 工具集

education-learning

设计与创作

查看项目

更新于 10-15 16:24

技能介绍

用途

该技能用于为教育平台、在线学习(e-learning)、辅导应用或技能培养类体验设计动画。它把迪士尼的十二动画原则映射到学习场景,帮助设计者做出既支持理解、又能鼓励学习者的动效。

主要能力

技能围绕十二原则给出具体应用方向:

  1. 挤压与拉伸(Squash & Stretch):答题按钮选中时做友好的挤压;吉祥物或角色通过拉伸表现个性;成就徽章带角色感地弹跳。
  2. 预期(Anticipation):测验结果揭晓前先做铺垫;进入下一课前做准备;提交答案后、反馈出现前的停顿。
  3. 舞台调度(Staging):学习内容始终是主要焦点;进度指示可见但不分散注意力;交互元素有清晰的行动号召。
  4. 逐帧与关键帧(Straight Ahead & Pose to Pose):视频课程连续播放;课程进度按模块分步推进;互动练习有明确的题目状态。
  5. 跟随动作与重叠动作(Follow Through & Overlapping Action):答对时对勾先落位、再庆祝;课程卡片以自然的跟随动作堆叠;积分计数器在更新后数字稳定下来。
  6. 缓入缓出(Slow In & Slow Out):过渡柔和,学习过程中不出现突兀感;内容揭示节奏舒适;弹窗打开平滑,约300–400毫秒。
  7. 弧线(Arc):进度路径呈曲线式学习旅程;拖拽答案沿自然弧线落入放置区;奖励动画中的彩纸沿弧线运动。
  8. 次要动作(Secondary Action):获得经验值时,积分更新的同时有闪光;保持连续学习时,火焰动画配合计数器;升级时,背景效果配合主庆祝动作。
  9. 时间(Timing):反馈要快,150–200毫秒以保证响应感;庆祝可更长,500–800毫秒以强化动机;过渡适中,300–400毫秒以保证清晰。
  10. 夸张(Exaggeration):庆祝成功时做大幅正向强化;面对错误保持温和,绝不打击;里程碑要让人印象深刻。
  11. 扎实的绘画(Solid Drawing):插画风格友好且一致;图表是清晰的教育视觉;图标平易近人、不令人畏惧。
  12. 吸引力(Appeal):性格鼓励、温暖且支持;与目标学习者年龄匹配;以奖励驱动的动画设计动机。

使用方式

资料以原则清单和时长标准的形式给出指导,未提供安装命令、代码或具体调用步骤。设计者可依据这些原则与时长建议,在答题、测验、课程切换、进度更新、成就解锁等环节选择对应的动效与缓动方式。

行业时长标准

资料列出以下参考:

  • 答题反馈:200毫秒,ease-out
  • 正确庆祝:600毫秒,spring
  • 课程切换:350毫秒,ease-in-out
  • 进度更新:300毫秒,ease-out
  • 成就解锁:800毫秒,custom-bounce

适用场景

适用于教育平台、在线学习、辅导应用、技能培养类产品中的答题、测验、课程推进、进度展示、成就与奖励等交互环节。

限制

资料未提供具体实现代码、安装方式、平台支持范围、收费信息或效果数据,这些内容暂未提供。核心原则是:动画应当鼓励与奖励——大方庆祝进步,温和处理错误,通过有节制的微交互保持参与感,让学习像一场冒险。