为了增加游客浏览网页的体验效果,有些网页提供得了技术支持的,网站会制作一些短网页动画帮助浏览。这样的网页动画会让整个网页变得更加生动。在网页动画制作有些要注意的原则。
预备动作 (Anticipation)
运动不倾向于突然发生。在现实生活中,无论是一个球在掉到桌子前就开始滚动,或是一个人屈膝准备起跳,运动通常有着某种事先的累积。
我们能用它去让我们的过渡动画显得更逼真。预备动作可以是一个细微的反弹,帮人们理解什么对象将在屏幕中发生变化并留下痕迹。
例如,悬停在一个元件上时可以在它变大前稍微缩小,在初始列表中添加额外的条目来介绍其它条目的移除方法。
挤压和拉伸 (Squash and stretch)
这是物体存在质量且运动时质量保持不变的概念。当一个球在弹跳时,碰击到地面会变扁,恢复的时间会越来越短。
创建对象的时候最有用的方法是参照实物,比如人、时钟和弹性球。
当它和网页元件一起工作时可能会忽略这个原则。DOM 对象不一定和实物相关,它会按需要在屏幕上缩放。例如,一个按钮会变大并变成一个信息框,或者错误信息会出现和消失。
尽管如此,挤压和伸缩效果可以为一个对象增加实物的感觉。甚至一些形状上的小变化就可以创造出细微但抢眼的效果。
演出布局 (Staging)
演出布局是确保对象在场景中得以聚焦,让场景中的其它对象和视觉在主动画发生的地方让位。这意味着要么把主动画放到突出的位置,要么模糊其它元件来让用户专注于看他们需要看的东西。
在网页方面,一种方法是用 model 覆盖在某些内容上。在现有页面添加一个遮罩并把那些主要关注的内容前置展示。
另一种方法是用动作。当很多对象在运动,你很难知道哪些值得关注。如果其它所有的动作停止,只留一个在运动,即使动得很微弱,这都可以让对象更容易被察觉。
还有一种方法是做一个晃动和闪烁的按钮来简单地建议用户比如他们可能要保存文档。屏幕保持静态,所以再细微的动作也会突显出来。
动效是一个有助于访客和消费者理解我们设计的强有力工具。这里有些原则能最大限度地应用在我们的工作中。以上全部就是网页动画制作要注意的原则的介绍。如果你想找网页动画制作服务,或者了解更多网页动画制作资讯,就上一品威客网。一品威客网入驻上百家专业网页动画制作公司,汇集全国千万优秀专业人才,提供最全面、最专业的网页动画制作服务。
价格是多少?怎样找到合适的人才?
¥3000 已有6人投标
¥20000 已有2人投标
¥5000 已有1人投标
¥1000 已有1人投标
¥10000 已有2人投标
¥750 已有1人投标
¥600 已有1人投标
¥6300 已有7人投标