Gifアニメーションをうまく利用したサイトの紹介

公開日: : WEBデザイン, WEBマーケティング, 動画, 画像

title_imac-animation

こんにちは、ディレクターの多羅尾です。
最近、Gifアニメーションをうまく利用したWebサイトや、ループGifアニメなどをよく見かけますね。
iOS(iPhoneなど)でFlashを再生できなくなった事で、比較的取り扱いが簡単なGifアニメーションが注目されているのかもしれませんね(*゚∀゚)

Gifアニメーションをうまく利用したサイトの紹介

背景をGifアニメにして動きを出すパターン

Barber
http://hs-tierra.com/

03
http://films.bybrettjohnson.com/

背景をGifアニメにして動きを出すパターン。
まとめ系記事でもよく紹介されているサイトです。

↓下の画像が元データで、拡大してもそんなに違和感が無いのがびっくりしますね。(@_@)

アイキャッチ系

Cinemagraph
http://cinemagraphs.com/nyc/

写真の1箇所に動きを付けることで印象を強くするなどの効果があるようです。
このページにアクセスすると、他にも色々な作品が掲載されていて、日常の風景を切り取った写真の一部だけ動いていて、不思議な感じでつい見入ってしまいます(-ω☆)

すごい系(Gifアニメ + エフェクト)

SEKAI NO OWARI
http://sekainoowari.jp/

このサイトも、まとめ系ブログ記事でよく紹介されています。
GifアニメとJavaScript系のエフェクトを融合させて、まさにクリエイターのこだわりや技術を全てを詰め込んだと言う感じで、きっと誰が見てもすごいと思う完成度ですよね(*゚∀゚)b

おまけ

映画のタイトルクレジットの様なハイクオリティGifアニメーション


https://dribbble.com/shots/550172-Hypercompact-Animated-3D-Logotype

やっぱりこれは外せない。
おもしろ系ループGifアニメ。(NAVERまとめ:面白いgif画像230枚)

http://matome.naver.jp/odai/2135201846981997101

Webマーケティングや販促・集客についてのお問い合わせはこちらから♪

The following two tabs change content below.
インファクト編集部

インファクト編集部

中堅・中小企業売上UP研究所by株式会社インファクト【INFACT】です。WEB&ソーシャルメディアマーケティングを得意とし販売促進支援企業として販促コンサルティングからWEB制作・カタログ・パンフレット制作まで企業の売上アップをサポートします。http://www.infact1.co.jp/

記事を気に入ったらシェアをしてね

  • twitter
  • facebook
  • google+
  • このエントリーをはてなブックマークに追加
  • twitter
  • このエントリーをはてなブックマークに追加
  • Pocket
ブログの読者になる
ブログの読者になると新着記事の通知を
メールで受け取ることができます。
読者登録はコチラ

関連記事

超初級編|ホームページのアクセスが全くないときにチェックすべきポイント

岡田 ゆうか 岡田 ゆうか

記事を読む

Facebook検索でFacebookページが表示されない時の対処方法

名畑かなえ 名畑かなえ

記事を読む

リマーケティングとリターゲティングって何が違うの?

篠崎淳 篠崎淳

記事を読む

写真を無料で無制限で保存できる!Googleフォトを活用しよう

波塚浩平 波塚浩平

記事を読む

「Video on Twitter」で動画を編集する方法

ショウコ ショウコ

記事を読む

ブログの読者になる

ブログの読者になると新着記事の通知をメールで受け取ることができます。

読者登録はコチラ

文字サイズの変更

標準 拡大
インファクトベトナム語ブログ
  • infact twitter
  • infact facebook
  • infact google
  • infact youtube
  • feedly
  • livedoor
  • rss
Facebookを活用している人にオススメChrome拡張機能

こんにちは。ライターのだるまさんです。 今回はFaceboo

今更聞けない!ビジネルメールの基本マナー5選

おはようございます、名畑です。 先日久々お金の許す限りガチャ

みんなの意見を聞きたい時に便利!Facebookグループの質問機能

みなさんこんにちは望月です。 日程などの決め事をする際、その

Facebookページで「いいね!」を増やすためにした方が良いこと

おはようございます、最近また蒸し暑さが戻ってきたので、ぐったり気味

飲食店向け|Instagramにおいしそうな料理の写真を撮るコツ

こんにちは!マレーシアのあかりです。 マレーシアにはたくさん