0311-86770886
扫一扫关注微信公众号
网站制作H5特效的要求
作者:金色方向网站建设 2017.08.14 09:30
阅读2002 喜欢

  现在大部分网站制作的时候,都会通过H5特效来做动画效果,让网站视觉效果更加出彩,同时也会让用户获得更好的体验。但并不是所有网站的H5特效都用得好,有的网站最后出来的效果很糟糕。接下来金色方向石家庄网站制作分享H5特效的要求,看看怎么用更合适。

网站制作H5特效的要求

  1、自然流畅

  一个好的动画效果应该是自然流畅的。在很多糟糕的网站设计中,我们可以看到页面或元素的状态改变都很生硬、突兀,这会让用户产生困惑:为什么某某元素突然出现或消失?任何事物都存在一个转变的过程,人们早已在自然界、生活中形成了这样的认知规律。所以当网站的页面有两个或多个状态,需要使用动画效果做过渡时,一定要保证它的自然流畅,让用户明白所以然。

  2、层次分明

  一个高效的动效应该是层次分明的。层次分明的动效一方面能够清晰展示页面状态的变化,另一方面能够有效抓住用户的注意力,决定着用户的关注持续时间。虽然初次浏览的用户难以预测到这一转变的发生,但是这种形式的动画能够很好地保持用户的注意力,引导用户进行下一步的交互。

  3、关联性

  网站页面上动画效果大多都涉及到前后元素或状态之间的变化。虽然我们在前面也强调了不同元素和状态之间的层次分明,但是,光有层次感可不行,动画效果也要有逻辑感,能呈现出一定的关联性,让用户清楚界面变化的过程。

  4、快速精准

  如果说网站中的动画效果只能有一个准则的话,那一定就是动效的快速精准。当我们在网站中设计转场动画时,动效的速度绝对是一个需要重点考虑的因素。它既不能太慢,浪费访客的时间,也不能太快,让访客觉得难以理解。建议,为了兼顾动效的效率、用户理解的顺畅,动效应该在触动后的0.1s内开始,在300ms内结束,这算是一个最佳的状态。不过这条准则也不是固定不变的,你可以根据自己网站动画效果的实际状况进行调整。

  5、简单清晰

  动画效果还应该简单清晰。如果用户界面上存在许多动态或交互的元素,用户的注意力会分散,不知道究竟应该点击哪一个。这在一定程度上会引起用户的混乱。

  所以,动效应避免一次呈现过多效果,尤其当动效同时存在多重、复杂的变化的时候。少即是多的原则对于动效同样也成立。如果某个动效的简化能够让整个UI更加清晰直观,一定要去进行修改。还有,当动效中同时包含形状、大小和位移变化的时候,一定要保持移动路径的清晰,让状态变化更清晰。

  总之,网站制作加入H5特效时的要求。网站特效会让网站更加出彩,但不要盲目使用,一定要清楚这样做有什么好处、能给用户有什么样的体验,要让网站往一个好的方面发展,如果特效让网站打开慢、页面卡等等,就要考虑改进或者不用这个特效。