UI 动效 002：淡入换场

「淡入换场」适合两个没有强空间关系或层级关系的界面：旧内容先快速淡出，新内容再淡入，读者感到这是一次柔和替换，而不是从某个方向进入的新页面。Material Design 3 把这类顶层导航切换描述为退出屏幕快速淡出、进入屏幕淡入；Android 的 Material Motion codelab 把 Fade Through 定义为无强关联 UI 间的「先淡出、再淡入」，进入元素可伴随轻微缩放。1 2

做原型时，Figma 的 Dissolve 可以直接表现目标画面淡入，也可以配合 Smart Animate 调整时长和缓动。3

使用时别把它用在卡片打开详情这类强关联关系上，那种场景更适合共享元素或容器转换；如果动效会让人不适，最好提供减少动效的替代方案。4