UI交互动画如何设计?

一、使标签内容可滑动

一个好的动画会将内容从一种状态转换为另一个状态，优秀的动画则是使内容在不同的状态转换之间保持连续性。当你设计像标签或弹出菜单类似的交互时，可以尝试将内容的位置与打开它的操作相关联。这样你不仅可以提升内容的可见性，还可以为内容的位置设置动画。当你在设计这个动画的时候，还可以添加一个滑动手势，将你从一个内容带到另一个内容。

  二、连接卡片的共享元素

一个好的动画使用向左或向上滑动等过渡细节来展示内容；一个优秀的动画通过共享元素的动画来建立两个状态之间的联系。在不同状态之间制作动画时，查看ui交互之间是否有存在共享元素并将它们联系起来。在使用 InVision Studio 时，创建 Motion 转换时会自动连接两个屏幕之间重复的组件，这使得原型动画的制作变得轻而易举。