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デバッカーの使い方

だるまさん だるまさん

記事を読む

ブログプロフィールの書き方アドバイス

インファクト編集部 インファクト編集部

記事を読む

商品・サービスの価値は伝える側が責任を持って伝えよう

鵜沼 聡志 鵜沼 聡志

記事を読む

seo

知らなきゃ損する!?少しの意識で結果が変わるブログのSEO(初級編)

インファクト編集部 インファクト編集部

記事を読む

Kloutって何?ソーシャルメディア上での影響力をチェック

名畑かなえ 名畑かなえ

記事を読む

ブログの読者になる

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

読者登録はコチラ

文字サイズの変更

標準 拡大
インファクトベトナム語ブログ
  • infact twitter
  • infact facebook
  • infact google
  • infact youtube
  • feedly
  • livedoor
  • rss
Twitterで知らない人からの通知を表示させない方法

みなさんこんにちは望月です。 ツイッターをやっていて知らない

Facebookのプロフィール画像はイラストでもいいの?

Facebookのプロフィール画像を子供やペット・イラストなど

Gmailの言語を変える方法

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

Googleアナリティクス自社(自分)のアクセスを除外【アドオン編】

インファクトの加藤です。 Googleアナリティクスは運

Facebookで選んだ人だけに自分の投稿を見せる方法

こんにちは波塚です。夏が始まり、お盆が終わり・・・この時期にF