loading请求处理中...
手机版 新型创意托付式服务平台 全国站
顺恒基金1亿元B轮领投一品威客×
当前位置: 首页 > 威客攻略 > 网页设计素材
免费发布需求,接收报价与方案

网页动画制作要注意的原则

2016-07-05 17:21:43 阅读 11285次 0 标签: 网页设计素材asp动态网页设计优秀网页设计欣赏 作者: 蓝blue

  为了增加游客浏览网页的体验效果,有些网页提供得了技术支持的,网站会制作一些短网页动画帮助浏览。这样的网页动画会让整个网页变得更加生动。在网页动画制作有些要注意的原则。

  预备动作 (Anticipation)

网页动画制作要注意的原则

  运动不倾向于突然发生。在现实生活中,无论是一个球在掉到桌子前就开始滚动,或是一个人屈膝准备起跳,运动通常有着某种事先的累积。

  我们能用它去让我们的过渡动画显得更逼真。预备动作可以是一个细微的反弹,帮人们理解什么对象将在屏幕中发生变化并留下痕迹。

  例如,悬停在一个元件上时可以在它变大前稍微缩小,在初始列表中添加额外的条目来介绍其它条目的移除方法。

  挤压和拉伸 (Squash and stretch)

网页动画制作要注意的原则

  这是物体存在质量且运动时质量保持不变的概念。当一个球在弹跳时,碰击到地面会变扁,恢复的时间会越来越短。

  创建对象的时候最有用的方法是参照实物,比如人、时钟和弹性球。

  当它和网页元件一起工作时可能会忽略这个原则。DOM 对象不一定和实物相关,它会按需要在屏幕上缩放。例如,一个按钮会变大并变成一个信息框,或者错误信息会出现和消失。

  尽管如此,挤压和伸缩效果可以为一个对象增加实物的感觉。甚至一些形状上的小变化就可以创造出细微但抢眼的效果。

  演出布局 (Staging)

网页动画制作要注意的原则

  演出布局是确保对象在场景中得以聚焦,让场景中的其它对象和视觉在主动画发生的地方让位。这意味着要么把主动画放到突出的位置,要么模糊其它元件来让用户专注于看他们需要看的东西。

  在网页方面,一种方法是用 model 覆盖在某些内容上。在现有页面添加一个遮罩并把那些主要关注的内容前置展示。

  另一种方法是用动作。当很多对象在运动,你很难知道哪些值得关注。如果其它所有的动作停止,只留一个在运动,即使动得很微弱,这都可以让对象更容易被察觉。

  还有一种方法是做一个晃动和闪烁的按钮来简单地建议用户比如他们可能要保存文档。屏幕保持静态,所以再细微的动作也会突显出来。

  动效是一个有助于访客和消费者理解我们设计的强有力工具。这里有些原则能最大限度地应用在我们的工作中。以上全部就是网页动画制作要注意的原则的介绍。如果你想找网页动画制作服务,或者了解更多网页动画制作资讯,就上一品威客网。一品威客网入驻上百家专业网页动画制作公司,汇集全国千万优秀专业人才,提供最全面、最专业的网页动画制作服务。

买创意 买设计 上一品威客网

动画设计公司推荐

成为一品威客服务商,百万订单等您来有奖注册中

动画设计相关文章

留言(0 展开评论

您需要注册登录才能发表言论

动画设计服务排行榜
SERVICE LIST 更多
企业MG 动画制作 flash...
¥500元 /件 成交69
新萝卜-最实惠 QQ2108760...
动画制作
价格面议 成交0
上海虎娘
flash制作,flash破解,flash...
价格面议 成交0
纯flash网站,flash动画制作...
纯flash网站建设\flash游...
¥300元 /一口价 成交0
栗子动漫工作室
网站动画设计
价格面议 成交0
西柏坡网站建设工作室...
APP-UI
¥300元 /件 成交0
西安奇客里科技有限公司...
网页动画设计
价格面议 成交0
豫软星
专业定制FLASH动画网站建设 正...
¥5000元 其他 成交0
深圳网站建设及(SEO)网站推...
网页动画
价格面议 成交0
玄火设计
FLASH动画设计
价格面议 成交0
零点互动创意设计工作室...