デザイン

デザイン

【デザイナーによる傑作】優れたアニメーションつきインフォグラフィック11選

2,766 views

読了時間 : 約1分52秒

優れたデザイナーによるアニメーション付きインフォグラフィックスへの需要が高まっています。これからインフォグラフィックを作ってみたい、エンゲージメントの向上に利用したいという方のために、特に優れたものを紹介したいと思います。

 

 

1.HTML5 & CSS3 Readiness

info①

HTML5とCSS3のブラウザごとのサポート状況を素早く把握できるインフォグラフィックです。

 

 

2.The Evolution Of The Web

info②

美しいアニメーションをするSVGを多く含んでいます。画面上にカーソルを乗せると、各ブラウザの技術進化の歴史が表示されます。

 

 

3.Flights Interactive

info③

リアルタイムで航空機を追跡できる美しいインフォグラフィックです。商用航空機の紹介の仕方も優れています。

 

 

4.Dribbble: What’s It Used For?

info④

Dribbleが一体どんなものに利用されているのかをHTML5でわかりやすく表示してくれます。

 

 

5.How to Build a Human

info⑤

人間の様々な成長段階を紹介するクリエイティブなインフォグラフィックです。記載されているデータも非常に詳しく書かれています。

 

 

6.42 Butterflies of North America

info⑥

蝶好きの方々がきっと驚くインフォグラフィックです。あまりの美しさに時間を忘れないようにしてください。

 

 

7.How a Car Engine Works

info⑦

機械が動く仕組みに興味はありませんか?アニメーションでわかりやすくエンジンの動く仕組みを解説してくれます。

 

 

8.30 Years of Music in 30 seconds

info⑧

30年の音楽の歴史をたった30秒で辿ることができます。

 

 

9.How Turbo Chargers Work

info⑨

これもアニメーションが優れている作品です。複雑なアニメーションを上手に組み込み、ターボチャージャーの仕組みを教えてくれます。

 

 

10.Species in Pieces

info⑩

様々な動物を3Dで描いた作品です。かわいらしいデザインで数多くの動物を紹介しています。

 

 

11.Ustream Corporate Report

info⑪

きっと惹かれること間違い無しのインフォグラフィックです。明るい色と美しいフォントでUstreamについての企業データを報告しています。

 

 

いかがでしたか?驚くべきは、ここで紹介した全ての作品がモバイルデバイスでも問題なく動作するということです。スマホ向けのサイトでも多彩な表現が可能になっていることがわかりますね。

 

 

 

※本記事は、20 Awesome Animated Infographics with Interactive Designsを翻訳・再構成したものです。

【コンビニでも使える!メルペイ初回利用1500円分招待コード】

当サイト限定招待コード:CMUTDF

 
・利用可能店舗:メルカリ、コンビニ、ドラッグストア等
・金額:500円分
※さらにメルペイスマート払で1000円分ポイント!
 友達招待でさらに500円分ポイント!

メルカリ-フリマアプリ&スマホ決済メルペイ

メルカリ-フリマアプリ&スマホ決済メルペイ

無料

 

ピックアップ! さらに今このキャンペーン中です↓

dポイント最大10%『4・5・6月の金・土曜限定!』
■キャンペーン期間:2020/4/1日(水)0:00 ~ 6/30(火)23:59

 

 

【MOV初回限定 合計2,000円相当無料クーポン3枚】

クーポンコード:seleqt2000

 
対応地域:神奈川県、東京都、大阪府、京都府、兵庫県(新登場)
 
2000円オフで登録» »MOVの初回利用2000円オフのクーポンを使って登録はこちら!
 
アプリDLはこちらから↓

MOV《モブ》- タクシー配車

MOV《モブ》- タクシー配車

DeNA Co., Ltd.無料

 

 

 

Seleqtをご覧頂いた方だけに「朗報」
\当サイト限定特別クーポン/

【UberEats初回1000円オフクーポン】
interjpq2206j2tw

 

対象店舗:マック、ガスト、スタバ、ピザハット、松屋 等
※1000円分無料で頼めます。〇〇円以上とかもナシ!完全無料でお試しOK
割引額:1000円引き

 

1000円オフで登録» »当サイト限定の初回利用1000円オフのクーポンを使って登録はこちら!

 

アプリDLはこちらから↓

Uber Eats: 地元で人気の料理をお届け

Uber Eats: 地元で人気の料理をお届け

無料

 

おすすめ新着記事

おすすめタグ