【webデザイン制作に役立つ】デザインに取り入れやすい!アニメーションを使ったサイトを調べてみた!

遊び心のあるアニメーション

こちらのサイト、目立つようなアニメーションは使われていないんですが、

スクロールしていくと見出しを囲っている線が動く仕組みになっています。

こういった少ない動きでも遊び心を感じられるのでいいですよね。

株式会社折兼
株式会社折兼は、フードビジネスに特化した専門商社です。食品容器・包装資材、機械、衛生用品、フィルム、店舗備品・什器、環境に配慮した商品など、フードビジネスに必要なインフラをワンストップで提供し、お客様の経営課題を解決へ導きます。


曲線に動きをつけるアニメーション

こちらのサイトは「川の駅」という名前だけあって、

曲線を使ったデザインで水の動きをイメージさせているのですが、そこにアニメーションも取り入れています。

個人的に気になったのは、曲線にトリミングされた画像がスライドしているのが印象的で参考にしたいと思いました!

川の駅はちけんや |公式サイト
大阪・天満橋にあるもうひとつの駅、「川の駅はちけんや」の公式サイトです。ふらっと立ち寄って、ちょっと一息をつける水辺の時間をご提案します。


まとめ

今回はデザインに取り入れやすそうなアニメーションを使っているサイトを調べてみました!

アニメーションといっても、あまり主張が強すぎるものは…と思っていたので、ささやかだけど遊び心のあるものをデザインにとりいれてみたいですね!

コメント

タイトルとURLをコピーしました