近年ン多くのWebサイトで動きのあるデザインが採用されています。
今回は目的を明確にし、今後の学習時に意識を置くべきポイントとしてまとめます。
「動き」の役割
大きく分けて２つが考えられます。
- ユーザーの操作に連動した動きで、ユーザーの体験を深める
- 動きを通じてサイトの世界観を伝える
ユーザーの操作に連動した動き
具体的なら事例として、ボタンを「クリック」たローディングアニメーションのようなものです。
「マイクロインラクション」と呼ばれています。
ユーザーの世界観を伝える
イラストを動かしたり、写真をズームしたりして、視覚的効果を与える事でサイトのテーマがサイトの訪問者に伝わります。
まとめ
おしゃれな為とかなんとなくデザイン動きを取り込むのではなく、「動き」をつける目的を意識してデザインすることで効果的なデザインを創造する事ができます。
