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
ブログの読者になる
ブログの読者になると新着記事の通知を
メールで受け取ることができます。
読者登録はコチラ

関連記事

とても便利!Googleハングアウトで自分の画面を相手に見せる方法

波塚浩平 波塚浩平

記事を読む

スタッフブログ開始2年後の効果|インファクトスタッフブログを2年運営してわかったこと・変わったこと

今野 ちか 今野 ちか

記事を読む

Facebookページの「いいね」を増やす広告の出稿方法|パソコン編

ショウコ ショウコ

記事を読む

WEB担当初心者必見!ドメイン移管の流れについて

今野 ちか 今野 ちか

記事を読む

地域に貢献できる情報発信の方法(ホテル・旅館編)

今野 ちか 今野 ちか

記事を読む

ブログの読者になる

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

読者登録はコチラ

文字サイズの変更

標準 拡大
インファクトベトナム語ブログ
  • infact twitter
  • infact facebook
  • infact google
  • infact youtube
  • feedly
  • livedoor
  • rss
INFACT京都officeがオープンいたします

こんにちは、後藤です。 上野公園のソメイヨシノも徐々に花開き、日

商用無料!自由に使える海外のフリー写真素材サイト8選

こんにちは!波塚です。みなさんは海外のフリーフォトストックサイト

ペンギンアップデートって何?|今更聞けないSEO・Google検索編

おはようごうざいます。 「企業のメディア化」アドバイザーの篠

完全ガイド|スタッフブログの書き方・運営方法|集客できるスタッフブログ

インファクトブログも開始から3年が経ちました。公開されたスタッ

本当の検索順位の調べ方とは|シークレットモードでも不完全!?

こんにちは。もう3月も終わりが近づき4月がやってきますね。