見ていて気持ちいいアニメーションサイト5選【WEBデザイン】

いまやWEBデザインにアニメーションは欠かせません。
アニメーションをいれることで、さまざまな視覚効果をユーザーに与えることもできます。
今回はアニメーションが素敵なサイトを紹介したいと思います

petenottage

こちらのサイトはフラットデザインで、アニメーションが非常に細かいです。
建物にマウスホバーすると少しずつ建物が崩れていく様子や、船や飛行機が動くなど、細かいところまで凝っています。

ESPALMADOR

スパニッシュ料理のお店のwebページです。
立体的なグラフィックとアニメーションが上手に合わさっていて、海の中を思わせる奥行き感がでています。
スクロールしたときのオブジェクトが一気に上に消えて行くアニメーションも、どことなく海を感じます。

UNIEL

デザイン会社のwebページです。
テキストが細い糸でぶら下がっておりてくるようなアニメーションがとても繊細です。ファーストビュー内のボタンをホバーすると動画に切り替わるのもいいですね。
写真をホバーしたときのアニメーションも凝っています。

CRAZY

ウェディング会社のwebページです。
画像の出し方などがスピード感のあるアニメーションのため、写真で感じるインパクトがより大きいです。

GOODLIFE

オフィスデザイン会社のwebページです。
パラパラ漫画のようなアニメーションがかわいらしいですね。
手書き風のイラストアニメーションもカクカクしており、全体的なデザインが統一されていておしゃれです。

おわりに

ゆるやかな動き、すばやい動きなど、どんなアニメーションをいれるかによって、サイト全体のイメージも変わってきます。
サイト制作に、ぜひとりいれていきたいアニメーションをみつけてください

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です