← 返回全部术语
入场与布局转场 / TERM 050

形态过渡Morphing

同一个元素自然变成另一种形状。

050
LIVE PREVIEW
BEFOREAFTER
✦   MOTIONLEX

01 这个效果是什么

在两个状态之间保持视觉连续性,常用于播放控件、加载状态和品牌符号。

02 可以这样告诉 AI

让提交按钮在发送后平滑变成“处理中”状态:按钮宽度保持不变,图标和圆角在 250ms 内过渡,不重新创建一个跳位置的新按钮。完成后恢复可点击状态,并向屏幕阅读器说明结果。

03 做好后看什么

  • 切换时按钮不改变周围布局
  • 处理中状态不可重复提交
  • 成功与失败都有可读反馈