无法在这个位置找到: head2.htm
当前位置: 建站首页 > 新闻动态 > 公司新闻 >

手机端商城模板-设计网页应用动画特效设计方案

时间:2021-04-24 10:31来源:手机端商城模板 作者:jianzhan 点击:
在制作网页中添加动效展示的设计,主要是为了丰富用户的视觉体验感,让网站与用户保持良好的交流与互动,同时也是为了聚焦用户目光。但在制作网页使用动效时,有两个基本原则

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

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

 

制作网页动效

一、合理的动效时长

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

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

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

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

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

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

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

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

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
无法在这个位置找到: ajaxfeedback.htm
栏目列表
推荐内容


扫描二维码分享到微信