怎样写好动画效果

发布时间:2019-06-29 14:59:41访问人数:作者:张工

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


线性


t1.gif


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


减速


t2.gif


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


加速


r3.gif


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


标准


r9.gif


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


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

赞+1

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

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

助标网络 版权所有 Copyright © 2012-2019 www.zhubiaotech.com All Rights Reserved .   沪ICP备18014743号-1   police_icon.png沪公网安备:31010702004598   网站地图      

上海助标网络是一家专注于互联网基础运营服务的公司,主营业务有高端企业网站建设,响应式网站设计制作,微信小程序制作开发,SEO口碑优化和百度关键词优化推广等。我们服务过众多集团和上市公司,有着丰富的网站设计经验和行业解决方案,我们一直在路上,初心从未有过改变!

友情链接:
  • QQ
  • 电话
  • 首页
  • 留言
  • 返回顶部
  • 44.png