目标检测示例图片_3个有意义的运动设计目标（包括示例）

目标检测示例图片

将运动与关键用户目标配对可以确保您的设计有意义，而不仅仅是增加用户的认知负担。

以下是运动设计可以支持的一些目标和示例。

1.呼叫注意

运动可以将焦点带到与用户相关的页面区域。

您是否需要用户知道他们在Web表单上错过的错误或重要步骤？ 添加动作可以将用户的注意力Swift吸引到页面的一部分，以便他们可以采取行动。

Alex Mourer的这支笔使用动作来提供持续的反馈：

2.增加参与度

即使是微妙的动作，也可以确认用户对页面元素的动作。 这可以帮助您的用户了解他们的反馈已被处理或输入到系统中。 它还会分散后台进程的注意力，例如页面过渡的加载时间。

有趣或有趣的页面加载动画是您向用户展示品牌个性的机会，例如Rachel Smith的这个令人着迷的示例：

3.解释空间关系

运动可以在不同页面组件之间提供流畅的过渡。 例如，在移动设备上，通常将运动用于页面过渡之间的详细交互。 元素会调整大小并显示尺寸关系（出现在其他组件的前面或后面），这使用户可以直观了解下一步会发生什么。

Koen Vendrik的以下示例完美地说明了关系：

结论

运动设计是设计师工具箱中功能强大且引人入胜的工具。 尽管可能会想添加更多的运动细节，但请考虑运动设计可以支持的用户目标，以便您的设计建立在有意义的决策之上，而这些决策不会妨碍用户或浪费他们的时间。

翻译自: https://webdesign.tutsplus.com/articles/3-meaningful-motion-design-goals-with-examples--cms-29961

目标检测示例图片