前段时间我在另一篇热门文章中一直在谈论产品设计师的角色和技能，但我想更深入地谈谈为什么我认为动画设计应该成为产品设计师的工具之一。

迄今为止，这是我在产品设计师中发现的最常见的差距之一。

作为产品设计师，您应该关心将运动设计作为您技能组合的一部分的原因有很多。

可用性和体验

运动设计可以帮助引导用户体验。通过正确使用移动、动画和过渡，我们可以使我们的产品更直观、更人性化，并且通常更易于使用。

我写了这篇关于在正确的情况下使用正确的过渡的文章，所以请看一下更深入地了解这个特定主题。但关键是屏幕之间的每个转换都传达了一个信息。它说明了我们产品的架构。例如，模态屏幕的显示方式和感觉应该与通过选项卡导航不同。

除了上面提到的所有可用性优势之外，我们不应该忘记一个更好看、更令人愉悦的 UI比一个丑陋的 UI 感觉更有用。

为图标、按钮、卡片等组件添加动画，以及精心制作的过渡效果，真的可以让你的产品从外观平平变得出类拔萃。

此外，动态设计可以帮助您建立设计语言的基调。更多有弹性和弹性的动作可以帮助您传达一种有趣和轻松的产品的想法，更严格和基本的动画可以用于更严肃的基调。生产力应用程序中的动画可能需要比冥想应用程序中的动画更快，冥想应用程序中的动画可能应该让人感觉更平静和舒缓，等等。

一些技巧

• 要连贯。一旦确定了运动设计的风格，就要保持一致。定义其原则并在整个产品中坚持这些原则。
• 注意每个动画的时间。不要让过渡时间过长，否则你的产品会让人感觉缓慢和呆滞。太快了，它看起来会紧张不安，看起来不愉快。
• 不要过度。动效设计的好处很多，但这并不意味着每个单独的组件和交互都应该在屏幕上触发一堆动画。你的动效设计应该（几乎）永远不会占据中心舞台，在大多数情况下它会很微妙，用户几乎会在潜意识层面感知到。
• 依赖动画的经典原则通常会有所帮助，即使是在为按钮或图标设置动画时也是如此。
• 在设计 UI 时开始考虑事物将如何动画和移动，而不是在流程结束时.不要将动态设计作为添加到 UI 的最后一步，而是在设计时了解卡片将如何扩展、按钮如何反应、屏幕如何过渡到另一个屏幕。运动设计不应该是事后才想到的。
• 了解什么是真正可行的以及如何实现的。最终，用户将使用真正的产品，而不是 After Effects 的文件。使用原型制作工具（如 ProtoPie、Principle 或 Figma）进行产品的运动设计，肯定有助于在代码中保持基础和现实可行。但有时如果你真的想为产品添加个性，你需要超越这些基本的东西。在这种情况下，请与工程团队提前定义您可以依赖的技术。Lottie、Rive（更多内容在本文下方）、Unity……根据产品的开发方式，有不同的方法可以为其添加魔力。了解哪一个是最重要的，以避免过度设计代码中无法实现的东西。

虽然一些动画可以由专门的动画设计师设计（比如动画图标、动画点插图……例如 Duolingo），但对于 UI 组件和过渡，产品设计师应该负责。如果团队非常小，例如，在早期的初创公司中，拥有一名能够进行运动设计的产品设计师，意味着能够在团队中不需要额外的运动设计师的情况下达到那种程度的润色和愉悦（或外部帮助）。