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

関連記事

20140130

2013-2014年ホームページのトレンドデザインのご紹介

今野 ちか 今野 ちか

記事を読む

ホテル・旅館がTwitterで集客をするための3つのポイント

鵜沼 聡志 鵜沼 聡志

記事を読む

知っておきたいベトナムの交通事情・手段について

チャン チャン

記事を読む

Facebook投稿の「いいね!」がブログに反映されない時の解決方法

大見 知靖 大見 知靖

記事を読む

今更聞けないWordPressブログ タグとカテゴリーの違い

鵜沼 聡志 鵜沼 聡志

記事を読む

ブログの読者になる

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

読者登録はコチラ

文字サイズの変更

標準 拡大
インファクトベトナム語ブログ
  • infact twitter
  • infact facebook
  • infact google
  • infact youtube
  • feedly
  • livedoor
  • rss
Instagram ストーリーズ|動画内にスタンプを貼付けて加工する方法

こんにちは!マレーシアのあかりです。 娘が平日保育園に通って

食べ物の写真を撮るときにオススメなアプリ「Foodie(フーディ)」の便利機能

こんにちは!波塚です。前回、オススメのカメラアプリ「Foodi

「代表者ごあいさつ」に何を書くの?|ホームページ作成の基本

おはようございます。 訳あってポケモンパンを探している企業の

プレスリリースから求人・採用活動につなげる3つのポイント

おはようございます!後藤です。 上野公園では大寒桜(オオカンザク

Googleマップに書き込まれた口コミは削除できる?クチコミ削除方法も解説

Googleでお店などを検索したときにお店の情報と一緒に出てい