2020-09

28

网站建设中动画制作的基本规则
  • 类型:专业观点
  • 编辑:尼高GARY
  • 来源:https://www.szniegoweb.com
  • 我们在网站建设过程中,动画可以使网站脱颖而出。或者他们也可以轻松消除体验。使用网络动画时,可能会出错,例如添加无用的动画,设置过长或过快的持续时间,或者首先没有使用正确类型的动画。即使所有这些操作都正确完成,动画   样式也可能感觉不佳,尤其是当它们与其他动画不同步或与网站的整体个性不一致时。显然,有一些条件和考虑因素可以很好地处理动画。今天我们将讨论有关将动画添加到网站建设中的问题。让我们深入研究一下,并制定一些与之合作的基本规则。与其说是宣言,不如说是一个基线,我们可以参考和反弹。
    网站建设

    如果使用得当,动画几乎就像内容一样-它提供了上下文并且具有含义,可以帮助告知用户发生了什么事以及甚至可以期待什么。在某些好的情况下,动画可以做到这一点。


    1、过渡UI块

    这可能是动画的最常见用例。当UI块从其原始位置移动,或者从DOM中添加或删除时,最好让用户看到这种情况。


    2、正在载入内容

    加载动画是我们在某个时间点上所见过的东西!如果不是这样,那么快速访问CodePen会向您显示加载动画的受欢迎程度。它们非常适合作为内容的占位符,不仅可以提示用户加载内容时会发生什么,而且还可以确信加载了所有内容。


    3、提示

    这通常是一次性动画,其重点是向用户提示要看的位置或下一步要做什么。有些用户界面本质上很复杂。轻微的辉光或波纹可以帮助指导用户完成任务或调用特定功能。


    4、微互动
    微交互通常用于单个元素,在执行操作后为用户提供即时的视觉反馈。他们充满信心,认为已执行了某项操作,并因此发生了某些事情,同时又增加了一点喜悦。