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

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

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

服务热线:

133-8386-7325

当前位置:郑州伟之琦计算机科技 > 新闻中心 >> 公司新闻 >>

网站建设中动效持续时间在不同设备端界面上有何差异?

  在日常网站建设过程中动效持续时间在不同设备端界面上是有差异的,下面郑州建站公司从移动设备端、大屏幕移动设备和电脑端界面设计具体分析有何差异:
  一、移动设备端的界面设计
  通常来说doi持续在300ms左右,在比较大尺寸或者比较复杂的移动设备界面上持续时间会加长一点,375ms左右;动效元素出现在界面上的持续时间是225ms,离开界面的持续时间是195ms;在移动设备端上超过400ms会显得比较慢而拖沓。
  二、大屏幕移动设备的界面设计
  在大屏幕移动设备上进行动效元素设计,同一个时间段的动效元素移动较长的距离速度比移动较短的距离更快,一般来说,大屏幕的移动设备上动效元素的持续时间要更长一些。例如平板上最好比手机端的长30%左右。
  三、电脑端的界面设计
  网站制作中电脑端界面设计相对移动端会更快、更简单,建议150-200ms之间,因为太长会让用户感觉是网页响应速度太慢。
  四、网页设计中新版Material Design动效两个特点
  1、速度方面:动效元素移动或者在改变状态的时候,运动速度足够快,用户无须等待,出现频率高的转场动画,速度会快一点,让用户在感官上觉得网速很快。
  2、持续方面:能够适应不同的移动距离,以及每个元素的速度和表面的变化,而不是所有的动效元素都在用同样的持续的时间。一般来说,当物体需要移动较大的位置时,或者产生比较多的变化时,持续的时间会比较长,这样才能够让用户看得清楚、仔细。反之,则要缩短持续的时间,这样才不会让动效像因为网速的原因卡住了。

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

案例展示