主机运维
当前位置:主页 > 建站资讯 > 主机运维 >
只有满足这5个基本要求,才能将其视为合格HTML5动画
发布日期:2021-04-28 阅读次数: 字体大小:

3.相关性
网站页面上的大多数动画效果都涉及元素前后状态之间的变化。 尽管在上一节中我们还强调了不同元素和状态之间的层次结构,但仅具有层次感是不够的。 动画效果还必须具有逻辑感,可以表现出一定的关联性并使用户理解界面更改的过程。 让我们拿两个栗子向您展示动态效果的重要性。
在第一个板栗中,新出现的界面距离动画的触发点很远,这使整个界面看起来很破损,浏览时用户不太顺畅;
在第二个栗子中,新出现的界面从触发点开始延伸,这种形式的动态效果在相关性方面非常好。
4。 快速准确
如果网站中只有一个动画效果标准,则该标准必须快速准确。 当我们在网站上设计过渡动画时,动画速度绝对是一个需要考虑的因素。 浪费访客的时间不能太慢,也不能使访客感到难以理解而太快。 以下是一本否定的教科书。 动画效果太慢。 这种不必要的延迟将增加用户的等待时间,并使用户感到烦恼。
栗子也很香。 当元素在不同状态之间切换时,动画的速度适当,足够快速和准确,并且足以让用户理解。 肖飞建议,为了考虑运动效果的效率和用户的流畅理解,运动效果应在触摸后的www.jianzhanlong.com内开始,并在300ms内结束,这被认为是最佳状态。 但是这个规则不是固定的,您可以根据网站动画效果的实际情况进行调整。
5.简单明了
动画效果也应该简单明了。 如果用户界面上有许多动态或交互式元素,则用户的注意力将分散,他们不知道要单击哪个。 这将在一定程度上引起用户的困惑。因此,动态效果避免一次显示太多效果,尤其是在动态效果同时具有多个复杂变化的情况下。 少则多的原则也适用于动态效果。 如果简化动作效果可以使整个UI更加清晰直观,则必须对其进行修改。 另外,当动态效果同时包括形状,大小和位移的变化时,必须保持运动路径畅通以使状态变化更清晰。
运动效果本质上是视觉传达的一种方式。 在设计运动效果时,请务必专注于它们可以带给用户的东西。 网站中使用的动画,无论是有趣的还是直接的,都最好与您的网站样式相结合,以为用户提供清晰一致的浏览体验。 实际上,制作动画效果并不难。 关键是选择正确的工具。 起飞页面()的自助网站建设平台是一个不错的选择。 它为网页上的所有容器提供了不同形式的动画效果设置。 用coolhtml5动画效果做一个响应式网站!

标签:HTML5动画HTML5动画效果