SCALE — Build Lab

モーションには「意味」を持たせる

モーション

装飾のためでなく、UI の状態変化を伝えるために動かす。

Do 良い例

削除→フェードアウト+スライド(消える方向)

Don't 悪い例

ホバー時にぐるぐる回転(意味不明)

モーションには「意味」を持たせる

:LiTarget: 原則

装飾のためでなく、UI の状態変化を伝えるために動かす。

:LiCheckCircle: Do(良い例)

削除→フェードアウト+スライド(消える方向)

:LiXCircle: Don’t(悪い例)

ホバー時にぐるぐる回転(意味不明)