マイクロインタラクションの作り方

全2回

ユーザーインターフェースの操作時に起こる小さな反応は、マイクロインタラクションと呼ばれます。実例を通して、このマイクロインタラクションを学びます。

後編 画面遷移演出を作る

マイクロインタラクションの1つに画面遷移演出があります。別ページへ遷移する際にアニメーションが使われていると、ユーザーを惹きつけ没入感を高める効果が生まれます。

前編 CSSとSVGで作るインタラクション

ユーザーインターフェースの操作時に起こる小さな反応は、マイクロインタラクションと呼ばれます。マイクロインタラクションは効果的に使うと、操作感を高める効果があります。ウェブでの基本的な作り方をおさえていきましょう。