いまやWEBデザインにアニメーションは欠かせません。
アニメーションをいれることで、さまざまな視覚効果をユーザーに与えることもできます。
今回はアニメーションが素敵なサイトを紹介したいと思います
petenottage
こちらのサイトはフラットデザインで、アニメーションが非常に細かいです。
建物にマウスホバーすると少しずつ建物が崩れていく様子や、船や飛行機が動くなど、細かいところまで凝っています。
ESPALMADOR
スパニッシュ料理のお店のwebページです。
立体的なグラフィックとアニメーションが上手に合わさっていて、海の中を思わせる奥行き感がでています。
スクロールしたときのオブジェクトが一気に上に消えて行くアニメーションも、どことなく海を感じます。
UNIEL
デザイン会社のwebページです。
テキストが細い糸でぶら下がっておりてくるようなアニメーションがとても繊細です。ファーストビュー内のボタンをホバーすると動画に切り替わるのもいいですね。
写真をホバーしたときのアニメーションも凝っています。
CRAZY
ウェディング会社のwebページです。
画像の出し方などがスピード感のあるアニメーションのため、写真で感じるインパクトがより大きいです。
GOODLIFE
オフィスデザイン会社のwebページです。
パラパラ漫画のようなアニメーションがかわいらしいですね。
手書き風のイラストアニメーションもカクカクしており、全体的なデザインが統一されていておしゃれです。
おわりに
ゆるやかな動き、すばやい動きなど、どんなアニメーションをいれるかによって、サイト全体のイメージも変わってきます。
サイト制作に、ぜひとりいれていきたいアニメーションをみつけてください
コメントを残す