Design
モーションデザインの基礎
動きの演出を使って、分かりやすさや印象を高めるデザイン。
定義
ホームページや動画の中で、要素が動く演出(アニメーション)を使って、分かりやすさや印象を高めるデザインの考え方。
なぜ必要か
適度な動きがあると、使う人の注目を集めたり、変化が起きたことを分かりやすく伝えたりできる。
現場での使い方
ボタンを押したときの反応、ページが表示されるときの動きなど、使う人の操作に合わせた自然な動きを加える。
よくある失敗
動きを付けすぎて、かえって見づらくなったり、表示が重くなったりする。
AIで活用する方法
どんな場面にどんな動きを加えると効果的か、アイデア出しの相手として使う。
実例
世の中の例
スマートフォンのアプリでは、ボタンを押したときに軽く沈み込むような動きをつけることで、「押せた」ということが自然に伝わるようになっている。