定义

在界面设计中，动效设计又被称作“微交互”，是一种通过加强互动来帮助用户减少出错，提供惊喜的设计手段。一般来说，动效由三个部分组成，

  1. 触发规则，eg. 鼠标悬停会触发输入框状态改变，显示点击此处可编辑；
  2. 操作规则，eg. 用户输入正确密码之后方可登录，否则无法登录；

  3. 提示和反馈，eg. 当用户操作之后，动效帮助他们更容易地意识到发生了什么，比如解锁手机屏幕的声效或者震动表示解锁动作已生效。

    场景举例

  4. 进度滚动条；

  5. 输入错误的动效提示；
  6. 插画动效；
  7. 通知；
  8. 下拉菜单展开的动效；
  9. 新手引导
  10. …

推荐资源

  1. https://mp.weixin.qq.com/s/9dboMxFaaIsIFAp8e5qM0g