发布时间：2024-4-17 分类： 行业资讯
本文系统地介绍了动画和动画在视觉和交互方面的共同功能和功能。享受〜
动画效果是用户体验设计中无法避免的链接。在移动交互中，动态效应被用作过渡的润滑剂，并且它存在于一个重要的环节中。无论是发送信息，打开设置，选择元素，导航到下一页，何时发生这些变化，效果都会使其不那么笨拙，自然过渡，呈现状态变化，并帮助用户更清楚地了解当前状态。这是一个很好的方式。
在今天的文章中，我们系统地介绍了动画和动画在视觉和交互方面的共同功能和功能。
渲染系统状态
当用户通过交互触发界面行为时，他们希望能够看到视觉响应——整个交互系统应明确指出它已收到请求并对其进行处理。以下是一些常见的场景，其中运动反馈有益于用户：
确认用户行为。在接收到来自用户的反馈之后，系统通知用户它已经通过动作接收到反馈。视觉反馈阻止用户做更多事情。
通知用户他们的互动结果。
下拉以刷新更新。由加载指示符表示的视觉反馈通知用户系统已经开始处理先前的请求。
微妙的动画可以帮助用户了解正在发生的事情。
等待内容加载的动画。装载不一定无聊。几乎所有的APP现在都使用微妙的动画来加载用户。加载动画为用户提供了逐步加载消息的可视反馈，因此用户将感觉到时间实际上并不快。
使用动力学以多个步骤连接不同的步骤
有时，用户需要通过一系列步骤完成操作。需要连接步骤和步骤。借助动画，用户可以串联连接过程，顺利完成整个过程。
以下示例显示动画如何连接线性事件。
设计师可以使用动画来创建渐进式演示。渐进式演示可以减少一次呈现的信息量，使界面更流畅，更容易学习。以下是逐步呈现信息的案例：
介绍新元素
当我们想在页面上引入新元素或控件时，我们会尝试引导用户注意特定对象并告诉他们为什么“有新东西进来”。引入新元素时，运动可以帮助您定义此元素与其他元素之间的关系，以及层次结构。
给用户一种定位感
动画效果可以帮助用户建立更好的空间感。这对于移动用户来说尤其重要，因为小屏幕上的用户交互非常敏感，并且很容易在没有空间感的情况下丢失。
我们可以使用该效果来指导用户。该效果有助于解释界面的“空间变化”，并可以更好地解释界面之间的切换或变化，并为用户提供相关信息以防止用户迷路。
在下面的情况中，浮动操作按钮（FAB）更改为页眉，动画的中间显示更改过程以及两者之间的关系。
动画可以帮助您在元素之间建立关系。
减少认知负担
当用户需要花费精力去理解某些东西时，这种认知负担很重。一般来说，产品越无忧，认知负荷越低。如果产品具有沉重的认知负荷，用户很难在不消耗能量的情况下理解。
作为设计师，我们的目标应该是创建一个易于使用的界面，如果设计得当，可以帮助用户减少认知负担。
在几乎任何APP中，用户都需要填写一些表格，许多表格占位符通常作为标签存在。当用户点击时，此占位符将消失。如果用户之前没有清楚地看到它，那么此时我无法读取它。很难弄清楚这个领域是什么。如果单击此字段可以浮动，则用户不会感到困惑。
当用户需要输入信息时，不要指望用户的内存，关键信息应该是可见的。
帮助用户了解功能变化
当元素在交互后更改其功能时，动画可以帮助用户理解功能更改。例如，当用户点击按钮时，此按钮会带来什么变化。通过这个动作，用户可以得到答案“这个东西的功能是什么？”
最常见的情况是管理状态更改的开关，单击按钮开关时状态会发生变化。
在某些情况下，对单个元素的更改将导致整个视图的更改，例如单击后弹出的汉堡按钮，并且汉堡按钮变为X关闭按钮。
结论
动画或动画非常强大。它解决了界面中的许多问题，增强了交互和用户交互，使产品更自然，更直观，甚至可以叙述故事。
作者: Nick Babich
译者:陈子木
翻译地址：您设置网络
本文由@陈子木授权，未经作者许可，禁止转载。
该地图来自Pexels，基于CC0协议
