制作网页使用动效设计要注意两个基本原则

分享到:

2018-09-18 20:12:00

在制作网页中添加动效展示的设计,主要是为了丰富用户的视觉体验感,让网站与用户保持良好的交流与互动,同时也是为了聚焦用户目光。

但在制作网页使用动效时,有两个基本原则必须要遵守的:

制作网页动效

一、合理的动效时长

动效时长,简单说就是动效发生到结束的时间。网站动效有很多种,网站首页一打开有动效,页面与页面之间的切换有动效,页面加载时也有动效,页面刷新是可能也有动效,不同作用的动效时长要求都是不一样的。

如何制作网页的动效时长才能达到适宜的效果呢?是取决于具体的场景,不同的场景所使用的时长是不一样的,所以大家在使用的时候,可以根据不同的场景来决定。

如首页一打开时的动效主要是为了吸引用户注意力,给用户留下良好的印象,但要控制在几秒内,过长的动效是在消耗用户的耐心,要达到意犹未尽的效果才能成功吸引用户注意力,而且过长的动效内存较大,可能会拉低网站的运转速度。

而页面与页面之间的切换效果是在几百毫秒之内,能保证用户清晰感受到页面的切换即可。

二、让用户看的见动效:速度

第二个是确保动效的速度,速度不能像闪电一样快,用户还没来得及感受到变化,变化就已经闪电完成,这种动效是没有意义的,速度太慢则很容易让用户感到不耐烦,并怀疑是网站加载速度有问题,放弃等待,直接跳离网站。

网站动效的速度要让用户看的见即可,不同的动效使用不同的速度,清晰向用户展示变化的过程。

时长和速度是制作网页过程中使用动效的两个基本原则,自己制作网页在设计动效时,还要注意动效的变化路径,保证动效的流畅感。

声明:此篇为凡科建站原创文章,转载请标明出处链接:
  • 热门模板
  • 热门专题
  • 推荐文章
  • 热门标签
合作伙伴