Material Design(二)——动画

真实的动作
  • 在Material Design设计规范中,动作不止是呈现着它美丽的一面,它还意味着在空间中的关系功能以及在整个系统中的趋势
体积和重量
  • 物体无法在瞬间开始或者结束动作——过渡动画
响应式交互
  • 响应式交互把一个应用从简单展现用户所请求的信息,提升至能与用户产生更强烈、更具体化交互的工具。让用户信任,并且吸引他们。
    animation
  1. 表层响应
  • 接收到输入事件,如点击屏幕,系统会立即在交互的触点上绘制出一个可视化的图形让用户感知到——触控涟漪
    response
  1. 元素响应
  • 物体可以在触控或点击的时候浮起来,以表示该
    元素正处于激活状态——展开卡片
    open-y
    open-n
  1. 径向响应
  • 在用户的操作中心点形成一个像涟漪一样逐渐发散开的径向动效响应。
    center
有意义的转场动画
  • 动画设计不仅应当优美,更应当服务于功能。

  • 每一个转场应该包括三类元素:

    1. 新入元素Incoming elements

    2. 淡出元素Outgoing elements

    3. 通用元素Shared elements

打动用户的细节
  • 动画最基本的使用场景是过渡效果,但哪怕是最基本的动画,只要恰到好处并足够出色,同样能打动用户。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值