术语表 · 36
进场与退场
进场与退场是一套系统:退场比进场柔和、用小幅位移、并且可被打断。
进场与退场是一套系统,不是两件事。进场值得被注意到;退场应当更安静,因为用户的注意力已经移开了。退场用小幅固定的 translateY,而不是折叠整个高度;两个方向都用 ease-out。界面状态切换应当用 CSS transition,因为 transition 能在中途被打断;keyframes 只留给只跑一次的分阶段序列。一个会挡住下一步操作的退场动画,是包装成精致感的 bug。
术语表 · 36
进场与退场是一套系统:退场比进场柔和、用小幅位移、并且可被打断。
进场与退场是一套系统,不是两件事。进场值得被注意到;退场应当更安静,因为用户的注意力已经移开了。退场用小幅固定的 translateY,而不是折叠整个高度;两个方向都用 ease-out。界面状态切换应当用 CSS transition,因为 transition 能在中途被打断;keyframes 只留给只跑一次的分阶段序列。一个会挡住下一步操作的退场动画,是包装成精致感的 bug。