跳转到内容

设计与体验 · DEFINED TERM

Transition 界面过渡

用短暂动画解释元素从一个状态到另一个状态的变化。

你可能会这样说“抽屉从右侧平滑进入,关闭时回到触发按钮。”

VISUAL EXAMPLE

先看懂它怎么工作

  1. 01状态变化
  2. 02计算起止样式
  3. 03按时间插值
  4. 04完成并清理

MECHANISM

运行机制

  1. 状态变化
  2. 计算起止样式
  3. 按时间插值
  4. 完成并清理

USE WHEN

适合这样用

展开、切换、排序和层级变化

NOT FOR

不要这样理解

动画不能拖慢高频操作或引发眩晕

TELL YOUR AGENT

可直接发给 Agent

请按“Transition 界面过渡”的概念处理这个需求:抽屉从右侧平滑进入,关闭时回到触发按钮。。先说明实现边界,再给出可检查的结果。

ACCEPTANCE

怎么确认它真的做好了

持续时间克制,减少动态设置生效,动画结束状态精确

OFFICIAL SOURCES

官方来源