动作已经成为设计中的一个重要元素。谷歌将网页设计中的动作解释为“像敲击卡片一样简单的东西，通过流畅的动画来扩展和展示更多的信息”。动作在网页设计中之所以重要，是因为：

它吸引了用户

它给用户一种控制感

它允许流畅性，从而带来无缝的用户体验

是正在进行的操作的指示符

为了详细说明最后一点，在今年早些时候的一次Ctrl+F5活动上，Anish Tripari(BookMyShow的产品设计副总裁)提出了一个让我印象深刻的设计观点。他说，如果网站上的用户做出了一个动作，例如点击一个按钮，重新加载了一个页面，但没有看到任何像加载图标这样的运动，这可能会让用户体验受挫，因为用户不知道会发生什么。他/她被迫认为您的网站已关闭，并会立即点击另一个网站。这正是运动如此重要的原因。它能让你的网站进行交流。

根据我的理解，我将动议分为两类：

互动

被动性

--

交互式运动

交互运动，我已经把它归类为用户与设计交互以使其移动的地方。他的动作引起了动静。这是一种给用户一种控制感的动作。让我们来看看哪些运动元素是交互的：

悬停：这是当用户将鼠标悬停在文本段落中的特定单词上时发生的运动。悬停技术是一种使用不同的字体、样式或文字背景来关注小细节的运动。

我们已经深入讨论了悬停效果在设计中的未来-触摸屏、VR和更多的影响

下拉式菜单栏：这也是一种交互运动，用户可以选择通过滑块在屏幕上展开他/她正在查看的信息。如果没有用户操作，则不会发生此运动。拉出式滑块可以很容易地与汉堡菜单一起藏起来。

进度条：进度条帮助用户体验，因为它让用户知道她/他在一篇文章中读到了多远，或者她/他离完成一项调查有多近，这样她/他就可以评估这是否值得他花时间。进度条或动画还可以指示她/他所做的操作将需要多长时间才能实施。

滚动条：与进度条类似，滚动条给用户提供控制，让他/她知道他/她离页面末尾有多近(除非是无限滚动)。许多设计已经赶上了滚动条的趋势，从传统的垂直滚动功能转向创造性的视差滚动。

形式：对传统形式进行改造的一些创造性的方法是增加动作。一旦用户回答了一个问题并点击了箭头按钮，下一个问题就会在她/他的操作之后滚动。

--

被动运动

被动设计，正如我所说的，它是网页设计中的动作，不依赖于用户的动作。这项动议的发生与此无关。让我们来看看一些符合被动动作标准的设计元素。

网站背景：这可能是我一直以来最喜欢的运动之一--在英雄形象或主页滑块中观看动画或视频。

动态图表：我喜欢动态图表如何使用运动来使数据在视觉上更具吸引力。当用户到达他/她的屏幕上的某个部分时，可以使动态图表自动加载。它们创造了有趣的设计&吸引了用户的注意力。

加载：当涉及到网站加载速度时，耐心不是我们大多数人的美德，因此才有了加载图标。我们大多数人都非常熟悉加载图标，并知道当我们看到它时会发生什么。然而，如果你只看到一个静态的加载图标没有运动，你可能会认为你的互联网连接很慢，你的页面被卡住了。加载图标中的运动不仅让你知道你多快就能看到你要看的东西，它还让你知道页面上发生了什么，你唯一的行动就是等待。

Motion一直是近年来最受欢迎的设计趋势之一，尤其是在移动设备上。智能和触摸屏设备为您提供了玩设计、过渡、平行滚动、挤压、缩放等的机会。我想留给您本月我最喜欢的网站背景动议。我保证您不会后悔看到它：https://www.vistabluesingerisland.com/

图片来源：Dribble.com