网页中增加动效需要注意的5个问题

 2020-09-25 16:06:52  684 浏览  0 评论   赞

网页中增加动效是很多网站采用的方法,5个注意事项:简单达到效果即可;采用亮色吸引用户注意力;最好使用矢量元素制作;也可以采用视频;合理选择

网页中增加动效需要注意的5个问题

图675-1:鼠标滑过时逐渐放大的圆

对于网页设计来说,所谓的出色高清动效元素的使用,关键之一当然是在于时间的控制。进一步来说就是要保证流畅又无痕的效果,首尾相继都实现不了的话,就谈不了为视觉效果所服务。

简单

简单_网页中增加动效需要注意的5个问题

图675-2:一个视频动画

复杂的动效当然会增加用户的兴趣和好奇心,但是很可能会加重用户的认知负担,以及网站的加载速度。简单也可以很出色,别一味追求酷炫。

亮色

比如用户的鼠标悬停效果,采用合理的亮色以此增加用户的注意力。再者也可以放大用户悬停时的元素或者文字,这也是一种视觉上的贴心设计。

高清

高清_网页中增加动效需要注意的5个问题

图675-3:画面中很多内容是运动的

为了最佳的视觉张力,当然建议使用可缩放的动效格式,比如矢量。

视频

用视频的方法去制作动画也相当的精妙,比如可以加入恰当的声音。

合适

动效相当流行,但并不是每个网页设计的项目都需要它们。

合适_网页中增加动效需要注意的5个问题

图675-4:白色的圆在画面中移动

 

转载请注明:网创网 www.netcyw.cn/b675.html

()
发表评论
  • 昵称
  • 网址
(0) 个小伙伴发表了自己的观点
    暂无评论

Copyright © 2018-2022 小王子工作室 版权所有 滇ICP备14007766号-3 邮箱:yangzy187@126.com