SCALE — Build Lab

アニメは速く(200-400ms)

モーション

UI のアニメは 200-400ms。500ms 超は「遅い」と感じる。

Do 良い例

transition: all .25s ease;

Don't 悪い例

transition: all 1s ease;(待たされる感)

アニメは速く(200-400ms)

:LiTarget: 原則

UI のアニメは 200-400ms。500ms 超は「遅い」と感じる。

:LiCheckCircle: Do(良い例)

transition: all .25s ease;

:LiXCircle: Don’t(悪い例)

transition: all 1s ease;(待たされる感)