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

2019-03-20伟之琦建站

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

    一个与众不同的网站至少需要做到以下几点要求。

    开门大吉!正月初八正式上班啦…

    恭祝开工的朋友们财源广进!万事如意!

    2022年春节放假通知和安排

      亲爱的朋友们:2020跨越艰难,见证无数感动,2021翩然而至,定能牛气冲天,新的一年,新的起点,新的希…

    端午安康!

      一年一端午,一岁一安康!  伟之琦网站建设祝福客户朋友们生活 " 粽 " 是快乐!工作 &q…

    客户评价