loading请求处理中...
手机版 新型创意托付式服务平台 全国站
当前位置: 首页 >

威客攻略

>

设计

动画设计公司推荐

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

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

2016-07-05 17:21:43 阅读 10714次 0 标签: 设计

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

  预备动作 (Anticipation)

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

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

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

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

  挤压和拉伸 (Squash and stretch)

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

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

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

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

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

  演出布局 (Staging)

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

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

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

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

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

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

需求/任务发布

免费发布动画设计需求,接收报价与方案 > > >
发布任务 百万威客响应 选择满意方案 确认付款

联系客服:

在线时间:9:00——22:00

编辑:蓝blue

小编介绍:蓝blue是一品威客资深小编,从事编辑工作多年,创作和整理了近万篇优质文章。如果您对“网页动画制作要注意的原则”有其它疑问或见解,可以联系蓝blue,共同探讨,相互学习,可以通过下面的方式与之联系。

擅长领域:视频制作 三维动画 FLASH制作 音频制作 照片处理 广告片制作

动画设计相关文章

留言(0 展开评论

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

动画设计服务排行榜
SERVICE LIST 更多
专业定制FLASH动画网站建设 正...
¥5000元 其他 成交0
深圳网站建设及(SEO)网站推...
网页动画
价格面议 成交0
玄火设计
网站片头
¥100元 /件 成交0
MaxHello工作室
flash制作,flash破解,flash...
价格面议 成交0
纯flash网站,flash动画制作...
片头,特效,功能应用...
¥2000元 /次 成交0
爱斯威福Flash3D虚拟仿真...
仿印象派相册书定制系统 ...
¥1元 /次 成交0
hquu的店铺
楼层导视系统 开发...
¥1元 /次 成交0
hquu的店铺
T恤定制系统 案例
¥1元 /次 成交0
hquu的店铺
地板墙纸体验系统 案例...
¥1元 /次 成交0
hquu的店铺
眼睛试戴系统
¥1元 /件 成交0
hquu的店铺
推荐专题
RECOMMEND SPECIAL 更多
月饼包装设计 电视包装设计
教师节贺卡封面设计 vi封面设计欣赏
vi设计手册 cd封面设计
简历封面设计 vi设计欣赏
城市广场景观设计 城市河道景观设计
房屋设计图 ps广告设计
房地产广告设计 dm广告设计
化妆品广告设计 cf广告设计
商业广告设计 更多推荐