怎样写好动画效果

发布时间:2021-01-21 14:59:41访问人数:作者:张工

无论是网站,小程序还是在APP应用程序上,我们发现总是少不了动画效果。是的,动画一方面使得趣味性更大,另一方面也帮助用户更好的去理解内容。那么我们该怎样写好动画效果呢?


线性


t1.gif


使用线性运动的动画效果,通常同一时间间隔(X轴)内和物体(Y轴)的位置是等距变化的。而这也是我们看到的效果比较舒服自然和和谐统一的原因。


减速


t2.gif


当物体迅速地运动了一段距离,然后慢慢地减速,直到最后停下来。当元素出现在屏幕上的时候,可以使用这种类型的动画效果。这样在一瞬间就会抓住用户的眼球。


加速


r3.gif


物体的位置刚开始变化缓慢,然后速度逐渐加快,这意味着物体以一定的加速度运动。当元素要离开屏幕上的时候,应用这种效果会使得用户的印象更加深刻。


标准


r9.gif


物体在开始时获得速度,然后慢慢地下降到零,最后停止运动。当元素从一个部分移动到另一个部分的时候,我们发现这种动画效果是最佳的,能很好地引起与用户的互动。


总之,我们看到了原来动画效果都是缘由物理学运动曲线的,当然这更是一门艺术。而当我们揣摩好用户的心理,在用户界面成功地应用了这些效果后,我们发现真的是乐趣无穷啊!

赞+1

版权:【非特殊说明,本站文章均为原创,转载请注明出处 。】

本文标签: 动画、动画效果

助标网络 版权所有 Copyright © 2018-2024 未经许可,不可拷贝或镜像  沪ICP备18014743号-4  beiantubiao.png 沪公网安备31011302007523号 网站地图   法律顾问:张素素。

  • QQ
  • 电话
  • 首页
  • 留言
  • 返回顶部
  • 6371150872695521096676426.png