如何使用 Motion Design 让应用体验变得有趣？

就在几年前，任何和所有形式的运动和动画都与不良网站 UI 的定义相关联。 还记得旧式广告网站以圆形球的形式显示优惠，从屏幕的一个角反弹到另一个角吗？ 网页设计中的运动案例是一个可悲的案例。

但自从移动应用出现以来，场景发生了很大的变化，以至于 UI 动效设计现在已经成为一种流行的设计趋势。

现代界面不再是静态元素。 通过 UI 动态设计，品牌现在正在填补软件与人类对多样性和联系的基本需求之间的空白。

“Web 和移动应用程序服务中最直观、最令人愉悦的元素是涉及 Motion Design 的元素。”

结合不同的移动应用旅程阶段，应用程序的动作设计不仅可以让用户为你的应用程序动作而神魂颠倒，还可以增加应用程序会话时间。 它们现在已成为乐趣、创新和将用户与应用程序绑定的可靠媒介的象征。

为什么要为应用程序使用动效设计？

应用程序动作设计有多种方式使整体移动交互变得非常有趣。 在这里，让我们看看如何。

缓慢的应用程序加载现在很有趣

加载缓慢的应用程序与白天和黑夜一样常见，因为它们一直在发生。 其背后可能存在许多问题，例如用户前端的网络不足、后端的技术问题或同时在服务器上发出的请求过多。 但是，不管是什么原因，缓慢的加载时间都是让用户远离应用程序的第一大原因。

好吧，这可以通过在应用程序 UI 设计中使用动画来完全防止，这是2018 年移动应用程序的趋势之一。 通过在每一种低加载时间的情况下添加运动元素，设计师可以让用户着迷，只是为了看到元素或动画在屏幕上滑动。 例如，以 Google Chrome 的离线页面和恐龙游戏为例。

用户的入职体验

应用程序的 Motion Design 最常见的用例之一是在应用程序旅程的移动应用程序引导阶段。 用于解释和让用户熟悉该应用程序的动画正在被品牌合并，以便用户在最初的几次运行中轻松找到自己的方式。

用心智图在用户脑海中浮现应用

将入职体验提升到一个新的水平，移动 UI 设计帮助用户创建一个适合应用程序流程的思维导图。 有没有注意到自己拉下顶部的 Gmail 栏以刷新您的邮箱？ 我们对此表示怀疑。 原因是它就像眨眼一样被压印在我们身上，所以我们不必再三思而后行，它会自动发生。

让用户知道什么是错什么是对

运动元素可能是让用户知道他们遇到了问题或他们已经成功越过关卡的最有影响力的方式之一。 在设计突出错误时，重要的是要向用户准确指出他们做错了什么。

错误的密码抖动是完美实现它的一个动画。 就像您通过您的动作显示用户做错了什么一样，反馈动作也应该显示成功的事件。 带有刻度线动画的简单邮箱弹出窗口将向用户显示他们的邮件已发送。

最后，永远不要让用户想知道他们做错了什么，或者他们是否能够成功地做某事。

既然您已经了解了运动元素如何使应用程序的旅程变得更加有趣和令人难忘，那么现在让我们看看您应该采用哪些应用程序 UI 设计原则来防止您的运动元素过渡到俗气和无用的一面。

您应该在移动应用程序中体现的沃尔特迪斯尼明确原则

每个与运动元素合作过的应用程序开发公司都知道，创新和过度使用之间的界限非常细，而这正是它们模糊的地方，问题开始了。 用户变得不感兴趣，应用程序从有用变成了令人困惑的地方。

为了防止你的动作标志和动作看到类似的命运，你可以遵循这些交互设计灵感。 这些原则最初是由沃尔特迪斯尼提出的，但仍然能够像米老鼠一样提供令人难忘的愉快体验。

1.运动运动轨迹

业界流行的设计原则遵循动画形状应主要遵循直线轨迹运动的规则。 但我们都知道得更好。 您不能真正提供一个外在的 Web 和移动应用程序设计服务，而只靠旧传统的一条腿。
为了让用户爱上你的运动元素，你必须添加新的运动轨迹，如曲线、垂直，甚至波浪状，然后以视觉方式向人们展示这些东西。

2. Motion 出现的时机

应该避免任何突然出现在用户屏幕上而没有任何动作激励的动作提示。 如果您在应用程序 UI 设计中加入动效，请在需要时进行。 有时添加动作是有意义的，例如用户输入错误的密码，但可以忽略显示他们输入正确凭据的动画勾号。

因此，在您过度使用它们之前，请了解实际需要它们的阶段。

3.关注动画的重点

如果您的应用在内容、设计元素、图像或视频方面发生了很多事情，请使用带有有色闪烁背景或模糊进出的运动元素，以便用户知道下一步该做什么。 如果您未能在应用程序屏幕上显示它们的存在，您所有不可移动的运动功能都将失去其价值。

4.动画速度

假设您要为普通人而不是 Flash 制作移动应用程序，您的运动元素应该以羽毛滑翔的速度移动。 给用户时间来调整他们的眼睛以适应运动，而不是让他们太快。

专业提示：为您的动作添加节奏。 虽然将运动添加到运动中似乎是一件荒谬的事情，但要知道，通过这样做，您将直接从用户的潜意识层面领先整个应用共振游戏一步。

5.成为正面动作片

这些动作类型主要用于基于抽认卡测验和电子商务应用程序，使下一步行动对用户来说是轻而易举的事。 通过过于明显的移动，例如在打折倒计时或优步的位置销下降的情况下，您将能够将用户准确地引导到您想去的地方，同时为自己创造一个令人难忘的品牌形象。

移动应用程序中如何使用动画和动作？

就像我们之前说的，做和做多之间只有一线之隔。 有些地方你认为你可以使用动画，但实际上，你可以简单地避免它。 您可以通过多种方式使用动态设计，从而为应用程序提供最佳 UI 设计。 让我们来看看它们：

游戏化

添加表情符号和动画吉祥物可以为您的应用创造奇迹。 这些元素使该应用程序令人上瘾并受到所有人的喜爱。 各种信使都有动画心情贴纸，使该应用程序比所有其他普通消息应用程序更具优势。

进度动画

在不知道进度的情况下等待加载内容会考验用户的耐心。 这就是为什么应用程序有进度动画来显示在加载某些功能时取得了多少进展。 进度动画是应用程序运动设计中最受欢迎的功能之一。

动画通知

通知通常很无聊，但如果使用适当的动画，它会改善整体用户体验。 这也将确保用户记住他们收到的每一个重要通知。

加载动画

加载动画是用于应用 UI 交互的最常见的动画类型之一。 这种类型的动画通知用户加载过程处于活动状态并且应用程序运行良好。 此动画是进度动画的子类型。

过渡动画

过渡动画为应用程序提供了优雅的外观。 它还传达了积极的用户体验。 通过允许转换，您可以在从一页转到另一页时为应用程序赋予更多生命。

营销动画

营销动画非常适合您的品牌。 徽标中使用的动画是吸引用户注意力的好方法。 这也创造了品牌在用户心目中的心理形象。

滚动动画

滚动动画是另一种在应用程序中添加的著名动画类型，被认为是应用程序的最佳 UI 设计之一。 它不仅使应用程序美观，而且赋予它优雅的外观。 但是，正确的滚动动画需要正确的编码，否则应用程序可能会冻结或变慢。

引起注意

当用户的注意力需要引导到某些区域时，通常会应用注意力绘制动画。 假设您正在从在线食品订购应用程序订购，并且一旦您添加商品，价格就会随着某种动画而变化。 这会将您的注意力吸引到应该关注的数字上。

在本文中，我们讨论了运动元素如何成为无聊应用程序和创新应用程序之间的关键区别，合并它们的正确阶段，甚至应该遵循的设计原则。 我们是最好的移动应用程序设计公司，遵循简单的移动应用程序设计流程，以实现最佳结果。 尽管步骤很简单，但工作却很详细。 如果您对动作设计有任何疑问或需要交互设计灵感，请通过Appinventiv联系我们。