网站首页资讯动态九度视角
咨询热线:023-61252199
公司动态行业资讯建站相关九度视角推荐信息

手把手教授如何制作合格的HTML5动画

时间:2018-06-06 09:21:23 关键词:动效 动画 html5 触发点 层次感

  1、天然流转


undefined

  2、层次分明


undefined

  3、关联性

  在第一个栗子中,新呈现的界面与动效触发点较远,这让整个界面看上去有断层的感觉,用户在阅览起来时也没有那么顺畅;


undefined

  4、快速精准


undefined

  这还有一个正面的栗子。当元素在不同状况中切换时,动效的速度是恰当的,满意快速精准,也满意让用户了解。小飞主张,为了统筹动效的功率、用户了解的顺畅,动效应该在触动后的0.1s内初步,在300ms内完毕,这算是一个最佳的状况。不过这条原则也不是固定不变的,你能够根据自己网站动画效果的实践状况进行调整。

  动画效果还应该简略清楚。假设用户界面上存在许多动态或交互的元素,用户的注意力会松散,不知道毕竟应该点击哪一个。这在必定程度上会引起用户的紊乱。

  动效本质上是视觉沟通的一种办法。当你在规划动效时,必定要聚焦域他们能为用户带来什么。网站中运用的动效,不管是风趣的仍是直接的,最好跟自己网站的风格相结合,给用户供给清楚、一起的阅览领会。

本文由重庆网站建设服务商九度互联原创,地址为:http://www.jdoo.cn/news/i2435.html