企业手机网站的动效设计要点

分享到:

2016-08-16 14:00:12

企业手机网站受到屏幕小、交互严格等因素的影响,很难设计出一个既生动形象、又简洁有力的动画效果,不过,我们可以尝试使用现在很流行的扁平化设计思路,利用以下几个扁平化设计要点,设计出更加合适的动效。

1.手机网站中的动效一定要自然流畅、不突兀,这样更容易被用户所接受。这个可以从我们身边一些常见的现象入手,比如落叶的飘落线条、汽车的运动轨迹、水流动的方向等,而且在设计时还要考虑自然界的重力、加速度等因素,让动效更加符合自然规律,符合用户认知。

2.动效即元素的运动变化,在确定运动路线之后,就要考虑运动的速度。一般用户在观看动效设计时,会容易被细节左右视觉感受,比如速度快,给人感觉干净利落,速度慢,给人感觉轻缓安静。但是注意不要太慢,否则会让用户失去耐心,直接关闭网站。

3.我们在设计手机网站动效时,要从用户的角度出发,考虑用户可能出现的疑问和问题,比如这个动效的结果是什么,如何触发动效等。因为动效是有关联性的,清晰顺畅的逻辑关系能够帮助用户快速理解界面中的动效变化。

4.对于扁平化设计来说,最突出的一个特点就是简洁明了,因此我们在设计动效过程中,不宜添加太多的内容,这样会让呈现结果变得模糊不定,简单直接、目标明确的动效才是最好的。另外,动效的形式也不宜过于复杂。

5.由于现在的手机性能不断改进发展,拥有多核、大存储、高像素等各种特性,满足手机网站使用多种动效,来加强界面的视觉效果。不过,建议不要过度使用动效,毕竟过多的动效会阻碍用户与页面之间的交流互动,降低用户体验。


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