做有价值的网站,助力企业发展!

专注于企业网站建设、营销型网站建设、Web/微网站建设、企业营销推广

百度地图|网站地图|RSS地图

服务热线:

0371-55180025

当前位置:伟之琦建站 > 新闻中心 >> 建站相关 >>

网站建设中如何用好动效元素?

  下面郑州建站公司汇总下在我们网站建设过程中如何才能用好动效元素?
  在网页设计中动效要设计得自然,一般需要通过形变、运动时间及缓动曲线来实现。
  形变表现的是动效元素自身的质地,运动时间及缓动曲线则是表现动效元素周围的环境。
  因此,在网站制作过程中要如何设置缓动曲线以及时间,让动效设计得顺畅而自然,不妨参考以下的建议:
  1.linear曲线(匀速运动)除了一些特殊场景如载入、星空背景外,其实很少被使用。
  2.easeIn(先缓后快)页面中的场景适用也不多,主要适用于掉落、toWhere的场景当中使用。
  3.easeInOut(头尾缓、中间快)通常在需要轮转切换的场景中使用,这类动效元素的触发物件与运动物件并不是同一个元素。
  4.easeOut(先快后缓)最常见的效果,其触发物件与运动物件往往是同一个。主要用在展开、收起、出现、移动等动画中。因此,当不知道要用哪个缓动曲线时,就适用这个吧!
  5.曲度主要表现动效元素运动过程的力的大小,曲度越大,启示力或阻力越大。
  6.回弹则表现的是动效元素运动的剧烈程度及质地。
  7.动效元素运动时间一般需要控制在0.3s-0.8s之间,过长的时间会让用户感觉拖沓,不自然。

原创声明:本站文章未经许可请勿擅自转载,如需转载请注明出处<郑州网络公司>

分享到:

案例展示

    收缩
    • 在线咨询
    • 业务咨询:
    • 售后服务:
    • 技术支持:
    • 电话咨询
    • 037155180025
    • 13383867325