インフォグラフィックにインタラクティブ機能を追加する方法 - ダミー

間違いなく、インタラクティビティは、インフォグラフィックスで最もホットな傾向です。ニュースとエンターテイメントのコンテンツのオンラインソースの増加は、すべてのキュレーターになりました。訪問したいウェブサイト、クリックしたいリンク、および共有したい情報を選択します。

それで、あなたの情報で遊ぶ機会が与えられたら、データの海に潜んで自分の目的のために働かせることは自然です。インタラクティブな機能を追加するためにプログラマになる必要はありません。 Adobe Flash Playerの実用的な知識はあなたを始めるのに十分です。

<！ --1 - >

しかし、そこには休むことはできません。現在でも、HTMLやCSSなどのWebデザイン言語は、インタラクティブなグラフィックデザインの分野でFlashを追い抜く恐れがあります。グラフィックスを携帯端末でうまく読みたい場合は、HTML5、CSS3、JavaScriptをプログラミング言語ツールボックスに追加する作業を開始してください。インタラクティブグラフィックスは、通常の印刷グラフィックが伝えることのできない深さを約束する。可能性は無限であり、しばしば読者に魅力的です。 Infographicsデザイナーが仕事をよりインタラクティブにする方法は2つあります。

<！ -

異なるページに情報を配置する

印刷媒体が最も一般的なプラットフォームの場合、グラフィック全体を1つの単位として表示する必要がありました。グラフィックが新聞の単一の列か雑誌の2ページの広がりのどちらを取ったかにかかわらず、デザインルールはグラフィック全体を自己完結型にする必要がありました。

これ以上はありません。オンラインプラットフォームでは、オープニングページに簡単な情報ブロックを表示できます。次の情報ブロックに進むには、垂直のデザインを作成して、ページを下にスクロールして新しい情報に移動することができます。

<！ - 3 - >

または、

あなたは2番目の情報ブロックをまったく新しいページに置くことができ、リンクをクリックすると詳しい情報を得ることができます。別のグラフィック要素を追加して3ページ目に配置し、再度行動を促すリンクをクリックします。このアプローチは、ページビューを使用して広告料金および全体的な人気を決定するクライアントにとって非常に魅力的であり得る。クリックスルーグラフィックスの欠点：あなたの読者は、あなたのことをすべて守ることができないかもしれません。 読者に

を選択させるインフォグラフィックを作成して、大学の学位を持つ各州の人口の割合を示すとします。シンプル、そう？あなたはおそらく米国の地図を作って、各州の小さなタイプのパーセンテージフィギュアを作成しました。

インタラクティブ機能を使用すると、他の多くの方法を利用できます。あなたは数字を完全にスキップすることができます。たとえば、状態を色分けして開始します。おそらく、大学の学位を持つ人口の50％未満の州は明るい緑色です。 50〜65％は中程度の緑色であり、 65％以上が森林緑である。

HTML5を使用してデータを埋め込み、読者がコンピュータのマウスを1つの状態にして、正確なパーセンテージを表示できるようにします。この方法でたくさんのデータを追加することができます。おそらく、あなたは大学の学位を持っている男性と女性の割合を打ち破ったり、スライダーバーを使って10年ごとにデータを変えることができます。