首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

妥妥网站建设:企业手机网站设计要点

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

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

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

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

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

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

本文由妥妥网站建设原创,点赞关注,带你一起长知识!

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20220312A043IY00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券