インフォグラフィックを作成するためのツール


12

インフォグラフィックを作成するための最良のツールは何ですか?グラフ、図、テキストを組み合わせて多くの情報を簡潔に伝える魅力的なディスプレイです。Webで閲覧可能なコンテンツと印刷用のポスターの両方に興味があります。

具体的には、私は尋ねています:

  • どのようなツールの組み合わせが使用されていますか(例:グラフ作成用のツールと、グラフとテキストを最終的なインフォグラフィックにまとめるためのツール)。
  • ベクトルグラフィックツール(Illustratorなど)は、他のものよりもタスクに特に適していますか?
  • 組み立てプロセスに役立つオンラインツールはありますか?

(私が作ることに興味のある種​​類の例として[しかし、より控えめな規模で]、http://xkcd.com/980/


すでに与えられた優れた答えに、私はあなたがデータで何ができるかについて少しだけ封筒をプッシュするリソースを投入したいです(とにかく私の封筒)。次のプロジェクト(またはこれまで)でそれらを使用できない場合がありますが、それらは楽しいものであり、考えさせるでしょう。
アマンダ

回答:


18

インフォグラフィックのデザインは、私が行うことの大部分です。ここに私が使用するものの大まかな内訳があります。

  • おそらく、私が行っているインフォグラフィックの作業の95%はIllustratorで行われています。正確なスケーリング、整列、グループ化、調整、変更が非常に重要であるため、すべてを可能な限りベクトル形式で保持する必要があります。優れた情報の優れたプレゼンテーションであれば、ウェブ、印刷物、ポスター、ソーシャルメディア用のインタラクティブで共有可能な小さな画像、サムネイルなど、さまざまなレイアウトのバージョンが必要になる場合があります。すべてを柔軟に保つことができれば、後で感謝します。いくつかの特定のIllustrator機能:

    • (いくつかのヒントを使用して錆びやイライラが、正確で価値がある。そのチャートツールは、:使用することを忘れないでくださいsr、スケールと回転させるには、通常の方法では仕事をせず、あなたが壊れるとグラフをグループ解除し、常にグループ化を維持する必要がある場合コピー)し、Corel Drawで必要な回避策を打ちます。そうは言っても、Inkscapeにはいくつかのプラグインがあり、この点で改善されていると思います一方で、アドビが率直に時代遅れのグラフツールを無視していることを知っています。Illustratorが好きな限り、ライバルに優れた、最新の、信頼できるチャート作成ツールがあれば、すぐに立ち寄ることができます。Excelからグラフをコピー、グループ解除、編集しようとしないでください。ベクトルとして貼り付けられますが、線に沿ってどこかでわずかにゆがみ、精度が失われます。
    • アートブラシ、パターンブラシ、変換効果など、調整可能な方法で正確に描画された形状に効果を適用する機能。他のベクトルプログラムにはこれらのような機能がありますが、同じ程度ではありません。要素を再利用可能、微調整可能、再構成可能にするものはすべて役立ちます。
    • 正確な数値で物事を行う必要がある場合のためのスクリプトがたくさんあります。異常で正確な何かを行う必要がある場合、多くの場合、そのためのスクリプトがあります。また、Alignパレットは素晴らしく、物事を正確に積み重ねるなどの非自明な便利なトリックがあります。
  • グラフィックが複数ページのドキュメントの一部である場合を除き、InDesignを使用することはめったにありません(ただし、グラフィックのテキスト側全体に使用し、Illustratorからすべての要素を配置する人もいます)。使用する2つの例外:

    • テーブル形式を中心に構築されたもの(それでも、すべてのグラフィック要素をイラストレーターファイルとして保持し、必要に応じて配置することをお勧めします。特に、 スパークラインそれと)
    • テキストが非常に多く、スニペットのテキストよりもさまざまなグラフィックの雑誌レイアウトのようである場合
  • Photoshopは、ラスターグラフィックスを使用することが避けられない場合に非常に便利な場合があり、Fireworksは、Webや同じ基本構造を持つ一連のバリアントに対して複雑なものを準備するのに便利です。主にPhotoshopまたはFireworksを使用して、Web用の1回限りのシンプルなインフォグラフィックをデザインする人もいますが、インフォグラフィックに両方を使用することはほとんどありません。

  • インタラクティブなインフォグラフィックにまったく興味があり、あなたや同僚がjavascriptを知っている場合、Illustratorのもう1つの利点(InkscapeとCorelDrawにも当てはまります)は、ブラウザでインタラクティブなベクトル要素として使用できるSVGをエクスポートできることです。

人々は時々、シンプルなダイアグラムにオムニグラフのようなよりシンプルなプログラムを使用し、低障壁のインフォグラフィック作成ツールのアイデアは時々浮かんでいますが、私が見たものは変装した既成のインフォグラフィックの束のいずれかでした(たとえば、visual.ly create)または滑luに浅い(たとえば、easel.ly)

編集-

現在、100%吸い込まず、標準的なインフォグラフィック形式(Vennageおよびinfogr.am)に言及する価値のあるものを追加する、いくつかの低バリアーエントリツールがあります。それらは初期段階で少し粗雑であり、本質的におもちゃのアプリであるため、社内の人々が心のこもったトリビアルな作業を回避することを除いて、デザイナーにとってあまり使用されることはほとんどありません(「テキストといくつかのチャート?本当に簡単、あなたは実際にそれを自分で行うことができます、ここに方法があります...)-しかし、それらに注意する価値があります:HTMLとSVGとしてエクスポートします(infogr.amはRaphaelを使用し、VenngageはHTML、CSSおよびD3を使用します)。

なぜこれが重要なのですか?Webページに公開するためのインフォグラフィックをデザインし、PNGまたはGIFを強打し、このようなメソッドを使用せずにジョブを実行して、Webページのマークアップで実際の実際のライブのセマンティックテキストとして出力する場合、これはこれらのサイトのようなチーズのような自動化されたおもちゃは、あなたの仕事よりも有利な出力を生成することを意味します...私はいつもこのようなことのためにRaphaelを使用します。

編集2 ---

影響力のある情報デザイナー/データジャーナリズムの先駆者であるAlberto Cairoが最近、取引のツールについてブログに投稿し、初心者向けのIllustratorのインフォグラフィックに関するビデオチュートリアルをいくつか公開しました(私は試していないので、保証できません)。人気のあるdatavizブログFlowing Dataにも定期的にチュートリアルがあります。チュートリアルはコード、統計、デザインです。これらは通常、設計と視覚化のスキルを他の方法よりも向上させたい統計学者を対象としていますが、役に立つかもしれません。


4
「グループ化を解除する場合、グラフのグループ化されたコピーを保持する」ために+1000。1923年から現在まで、他の誰かのグループ化されていないS&Pの対数チャートで作業しようとする慈悲の母は、レモンジュースに浸した箸で目を刺すようなものです。
ローレン-Reinstate-Monica-Ipsum

グループ化されていないチャートの明らかに苦痛な記憶のために+1。
フザ

素晴らしい答え。特にインタラクティブなインフォグラフィックスについてのポインタに感謝します-間違いなく探検するもの。
スティーブベネット

1
@SteveBennettありがとう!ちなみに、これを書いてから、ラファエロのこの素晴らしい例を使用して、静的に設計された印刷可能なグラフィックのように見えるものをオンラインでより魅力的にするのを見ました。フランス語ですが、アイデアを得るのに良いはずです...実装が必ずしも簡単であるとは思わないでくださいparti-socialiste.fr/bilan-sarkozy
user56reinstatemonica8

うわー、それはかなり壮観です。(興味深い主題も-私はフランスに2年間住んでいたが、サルコジ以前)。raphaeljs.com
スティーブ・ベネット

8

WebCodeは、JavaScript + Canvas、SVG、またはCSS + HTMLコードを即座に生成する、優れた使いやすいベクター描画アプリです。これは特にWebインフォグラフィック向けです。

ここに画像の説明を入力してください


7

チャートのイラストレーター。インフォグラフィックに他に何が含まれているかに応じて、非チャート素材にIllustratorまたはInDesignを使用できます。Illustratorは、基本レイアウトから中程度のレイアウトに使用でき、1枚のポスターには確かに問題ありません。複数のページに入ると、おそらくInDesignを使用したほうがよいでしょう。


4

Lauren-Illustrator for chartsに同意します。また、作品全体にIllustratorを使用することもできます。ただし、単に複数のページではなく、多くの表形式のデータにIndesignを使用することを好みます。Indesignは、Illustratorよりもはるかに簡単にテーブルデータを処理します。

実際には、ほとんどのピースは1つのソフトウェアを使用して作成されていません。Illustratorで作成したチャートやグラフ、Photoshopを使用して完成した写真またはイラスト。Indesignにはより優れたタイプツールがあるため、Indesignのテーブルと結合されたものすべて。

ただし、その点については、IllustratorまたはPhotoshopで作品全体を完成させることができます。


2

「インフォグラフィック」は、特定の技術や美学でさえありません。それは本当に視覚的にデータを表すだけです。使用に適したツールを使用してください。ベクトルイラストの場合、Adobe Illustratorで十分です。Inkscapeも同様に素晴らしいオプションです。Corel Drawが機能します。多くのオプションがあります。


2

すでに与えられた優れた答えに、データを使ってグラフィカルにできることについて、少しだけエンベロープをプッシュするリソース(とにかく私のエンベロープ)を投入したいと思います。(1)Nathan YauのVisualize This(またはflowingdata.comウェブサイト)。覚えているなら、高度なインフォグラフィック作成ツールの束について言及しています。(2)Jer ThorpeのTED talk on "Making Data More Human" http:// www.ted.com/talks/jer_thorp_make_data_more_human.html数分余分に時間があればお楽しみください!


1

Microsoft Wordを使用して、発行レイアウト、シェイプツール、テキストボックス、ガイドでインフォグラフィックを作成します。このようなチャートを非常に簡単に作成することができたので、Adobe CS5ツールにアクセスできない他の人がMS Wordで情報グラフィックライブラリを構築する方法について、手順を追ったビデオ指示を提供したいと思います。https://gumroad.com/l/MDDPA

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.