汇总网站建设中界面动效设计和界面内运动问题

2019-03-17伟之琦建站

  在日常网站建设过程中界面动效设计是必备元素之一,下面郑州建站公司具体聊聊界面动效设计的三个状态:独立、进入与退出和动效元素在界面内运动问题。
  1、独立运动
  网页设计中动效作为一个独立的元素,进入和退出界面时,都不会对界面上其他元素有影响,尤其是位置方面的影响。
  2、进入界面
  网站制作中动效元素进入界面是以减速的曲线形式进入,又或者是以最大的速度进入,然后慢慢减速。
  3、退出屏幕
  这种状态动效元素通常会以加速曲线的形式离开。
  4、动效元素在界面内运动
  简单来说就是屏幕内物体在两点之间的运动,沿着一条自然凹陷的弧线。这种新版动效特点使用的是标准曲线。有以下两个特点:
  (1)弧线向上
  在生活和物理当中,元素向上运动需要克服重力做功,同时还需要克服加速度。因此在界面设计当中运用弧线向上运动的动效元素,速度一般是平缓上升,急剧停止在终点,绝对不可违反物理定律,也就是无视重力,会显得运动不自然。
  (2)弧线向下
  需要考虑元素在下降时受到重力而加速,因此界面设计时,必须考虑到下降速度会更快一些的情况,而不是模式向下的重力作用。
  最后,网站建设公司建议:在界面设计时,动效元素进入界面,移动端设备上建议225ms左右,而退出则是195ms左右,这两种常见的情况都不要使用标准曲线,否则会干扰用户的浏览和操作。
  • 上一篇:网站建设中如何防止可用性出现问题和提升易用性
  • 下一篇:汇总网站建设中界面视觉细节趋势和呈现的特征
  • 新闻中心
    网站改版不要盲目(网站改版:合…

    本文将探讨如何在网站改版过程中避免盲目行动,通过合理规划和有序实施来解决企业面临的问题和挑战。

    如何制作适应不同手机尺寸的网…

    同样的内容,要在大小迥异的手机屏幕上,都呈现出满意的效果,并不是一件容易的事。 于是,网页设计师不得不…

    使用者体验对网页设计影响比较…

    网页设计不只是单纯华丽的界面,使用者体验也很重要 网页设计不是单纯把界面设计的很华丽,代码写一写就可以…

    三种网页开发语言的不同之处

    一、网页开发大势所趋随着wifi的全面普及应用,现在的互联网已经可以称为移动互联网,大家不仅可以在电脑上…

    客户评价