2022 トレンド デザインアニメーション

ロゴアニメーション

最近ではロゴにアニメーションを付けて見せているサイトをよく見ます。
イメージに合ったアニメーションは印象に残すためにも、とてもいい方法ですね。
ロゴのアニメーションはWebサイトにアクセスした際のローディングなどで使用するサイトもありますね。

タイポグラフィアニメーション

タイポグラフィにアニメーションを付けてサイトの装飾やメインも使用できるます。サイト自体にインパクトを付けられるトレンドの一つですね。

画像 出典:https://anri.vc/
画像 出典:https://pactmedia.org/

スライドショーのアニメーション

商品等のイメージにアニメーションを付けることでユーザーの注目を集めることができます。見ていて心地がよく楽しめるアニメーションですね。

画像 出典:https://distillocaffe.com/en/
画像 出典:https://www.designembraced.com/

リキッドアニメーション

リキッドアニメーションとは、動く絵具や液体のような表現のアニメーションです。
マウスに連動させたりランダムな動きをつけることで飽きのないメインイメージや装飾を作ることができます。

画像 出典:https://juliebonnemoy.com/
画像 出典:https://booreiland.amsterdam/

まとめ

アニメーションは正しく使うことで、よりユーザーの興味や注目を集めることができます。こういったトレンドやアニメーションの使い所を知っておくことで、表現力の幅を広げていけるといいですね。

Writer

suzuki

マンガがすこぶる好きなWebデザイナーです。
基本的に休みの日は泥酔↔寝るを繰り返す偏食のスーパー不健康人間です。

Contact

ご提案依頼、ご相談、お見積もりなど
お気軽にお問合わせください。

03-6403-3259

平日 10:00~19:00

「Web制作について」とお伝え頂ければ
担当者に取次させていただきます。

Mailform

contact@trym.jp
でも受け付けております。