用简单的英语来说,它是在空间和时间中移动的视觉元素的组合。
运动设计
自智能手机问世以来,动作设计已成为至关重要的 UX 工具。如果使用得当,它会让使用技术感觉自然、反应灵敏且更愉快。向用户界面添加动作意味着做的不仅仅是装饰。
动画是一种功能元素,用于为操作提供反馈并帮助用户了解应用程序的层次结构和信息流。不用说,好的动作设计可以让你的应用或网站在竞争中脱颖而出。
动效设计在UI设计中的多功能应用
用户和界面之间的关系,无论是人类的还是数字的,总是结合一组动作和反应。运动设计增强并促进了这些动作与用户端预期反应之间的联系。
轻松过渡
如果屏幕之间的转换需要很长时间,用户就会开始失去焦点。动效设计帮助用户了解屏幕之间的应用流程,使导航更轻松、更吸引人。
在过渡中使用运动设计的另一种方法是在加载期间。为什么不用有趣的动画来缩短等待时间呢?当设备下载必要的数据时,动画有助于保持用户的注意力。
参与微交互
微交互是用于与用户创建互动时刻的事件。您可以在所有应用程序和网站上找到这些微交互。大多数情况下,动画以引发反应的触发器(用户操作)开始,让用户知道发生了什么,从而使应用程序或网站内的导航更容易。
这些微交互可以在没有任何动画的情况下发生,但运动设计在这里出现的目的是使这种交互更加有趣和引人入胜。
俏皮的品牌
在动画的帮助下,我们可以为品牌的形象定下基调——有趣、好玩、专业等。动画的作用是成为个性的助推器。通过动画,设计师可以唤起情感。 当我们想到一个人时,我们会自动将他们与他们说话、走路、笑的方式等联系起来。正是这个人的个性让他们难忘。 同样的逻辑也适用于品牌。
只是为了好玩的动画
当然,动画也可以只是装饰性的——只要它们不会对用户体验产生负面影响。何时(不)使用动画?
从我们开始看到构成应用程序或网站的元素的那一刻起,我们的第一直觉可能就是为所有内容设置动画! 这行不通。我再说一遍:这行不通。运动设计出现在界面设计中,是一种增强用户体验的工具,而不是一种分散注意力的策略。 作为第一步,了解动画在哪些情况下可能有用很重要,因此首先要确定主要问题。
提高可用性
使用动画的应用程序和网站通常感觉复杂且质量更高。单击按钮时,用户希望看到该操作的确认。 动态设计将这种期望实现带入了数字领域,增强了可用性,让用户真正感受到他们正在与应用程序交互。
增加交互速度
现代用户正在寻求快速高效的信息消费,并没有准备好等待。 运动可以作为立即传递信息的解决方案——或者至少给用户留下印象。正如我们之前所说,加载时间会破坏用户体验,而动画过渡可以帮助解决问题。 借助引人入胜的动画加载器,您可以营造一种用户正在节省时间、吸引他们的注意力并专注于动画的印象。
如果我们在这段时间内取悦用户,我们实际上是在加快交互速度,让用户更有耐心。
提供独特体验
运动设计是提供独特体验的有用资源。 流畅的动画和欢乐的动画可以让你的应用脱颖而出,提高用户的满意度。最后,一切都关乎用户的幸福。 如果您可以借助动作设计让他们更快乐,那么您就做对了。
好用的运动设计工具
就像动作设计作为创建用户界面设计的重要组成部分不断发展一样,创建它的软件也在不断发展。这些是创建运动设计的几个选项,根据我在 Infinum 所做的项目,这些对于创建最佳交互是最重要的。