インフォグラフィックデザイン

だから、インフォグラフィックデザインの専門家になりたいですか? あなたは正しい場所に来ました。

ここに13の本質的なインフォグラフィックデザインのヒントがあります(先にジャンプする:

  1. インフォグラフィックデザインを計画する
  2. 説得力のあるタイトルを書く
  3. インフォグラフィックデザインにグリッドデザイン>
  4. 対称と非対称のバランスを作成します
  5. 効果的に色を使用します
  6. あなたのインフォグラフィックに一貫性があることを確認してくださ デザイン
  7. あなたのインフォグラフィックデザインに負のスペースをたくさん残します
  8. 練習、練習、練習

人々は2012年のインフォグラフィックデザインブーム以来、インフォグラフィックについてナットを行ってきました。 いいえ、本当に、それは事だった。 2010年から2012年の間に、インフォグラフィックの検索はなんと80%増加しました。

それ以来、インフォグラフィックとインフォグラフィックデザインは、ニッチ全体のコンテンツで使用される標準的なビジュアル

インフォグラフィックは、うまく設計されたときに、凝縮された非常に視覚的な方法で情報を伝えることができるからです。 ここに一つの例があります:

インフォグラフィックデザイン



このインフォグラフィックテンプレートを使用

問題は、公開されたすべてのよく作られたインフォグラフィックのために、ウェブを一周する不十分な生産インフォグラフィックデザインの一握りがあるということです。

不十分に設計されたインフォグラフィックは、情報を歪めて不明瞭にするのではなく、理解しやすくすることができます。

美しく効果的なインフォグラフィックデザインを作成することは難しいことではなく、インフォグラフィックデザインのベストプラクティス

もちろん、インフォグラフィックテンプレートを使用して、このようなヘッドスタートを与える場合に役立ちます。

インフォグラフィックデザイン



このインフォグラフィックテンプレートを使用

ちょうどあなたが知っているので、私たちのインフォグラフィックテンプレートのいくつかは無料で使用でき、いくつかは小さな月額料金 Venngageのオンラインドラッグアンドドロップエディタへのアクセスと同様に、サインアップは常に無料です。

これは効果的なインフォグラフィックデザインへのクラッシュコースです。 始めよう

関連するページ

: 良いインフォグラフィックを作る方法についての7つのヒント

あなたのインフォグラフィックデザインを計画する

完璧なインフォグラフィックを計画し、作成する方法についての私たちのビデオは、インフォグラフィックデザインに新しいもののための素晴らしいプライマーです。

より多くのヒントのために読み続けてください。..

ストーリーを見つける

すべてのデータセットにストーリーがあります。 あなたのインフォグラフィックの設計を開始する前に、あなたが伝えようとしている物語を考えてみてください。 選択した角度は、どの情報を含めるかを決定するのに役立ちます。

たとえば、このインフォグラフィックデザインは、プロジェクトを最初から最後まで完了する物語を伝えます:

インフォグラフィックデザイン



このインフォグラフィックテンプレートを使用

インフォグラフィックはコンテンツのスペースが限られているため、インフォグラフィックの目的に焦点を当てる必要があります。 そのため、インフォグラフィックのレイアウトは、情報のテーマを反映するだけでなく、情報のコミュニケーションを強化する必要があります。

たとえば、以下のインフォグラフィックテンプレートでは、番号付きのボックスと矢印を使用して、読者の目を正しい方向に移動させます:

infographic design


USE THIS INFOGRAPHIC TEMPLATE

This process infographic uses a line to connect its steps:

infographic design


USE THIS INFOGRAPHIC TEMPLATE

Read our blog post on process infographic templates and design tips for more info.

Create an infographic outline

Before diving into your design, create an infographic outline. あなたの輪郭では、あなたが忘れたいと思わないあなたのヘッダー、データおよび設計細部を含めなさい。

目次に戻る

2. 説得力のあるタイトルを書く

キャッチーで説明的なタイトルを思い付く。 読者は、情報がどうなるかの感覚を得て、それらを従事させ、さらに読みたいと思うようにする必要があります。

このインフォグラフィックのこのタイトルは、コピーライティングの第一人者ブライアン*ディーンは、あなたの見出しをより魅力的で具体的にするために使用することをお勧めします二つの数字を持っています:

インフォグラフィックデザイン



このインフォグラフィックテンプレートを使用

このインフォグラフィックデザインは、読者にどのような情報を得るかを正確に伝える大きな太字の見出しと特定のサブヘッダーを使用している。:

インフォグラフィックデザイン



このインフォグラフィックテンプレートを使用

目次に戻る

インフォグラフィックデザインにグリッドデザインまたはワイヤフレームを使用

グリッドとワイヤフレームは、インフォグラフィックデザインに使用されます。設計への構造基盤。 グリッド上で設計すると、要素や情報を簡単に整理できます。 グリッドデザインは、オブジェクトと要素の整列を維持する上で不可欠な役割を果たします。

たとえば、項目を整列させるときに、同じ垂直グリッド線を参照し、それに応じて各リスト項目をスペースすることができます。

以下の例は、カラーパレットがグラフィックデザイングリッド上でどのように整列されるかを示しています。 Venngageエディタには、グリッドデザインツールを使用せずにアイテムを自動的に整列させる”スマートガイド”を使用するオプションもあります。インフォグラフィックデザイン

カスタマイズする前に、元のテンプレートを次に示します。

インフォグラフィックデザイン



このインフォグラフィックテンプレートを使用

インフォグラフィックデザインには、グリッドデザインシステムを使用してマージン 視覚的な緊張を避けるために、要素とキャンバスの端の間に十分なスペースを確保することをお勧めします。

インフォグラフィックデザインは、潜在的にあなたが望むマージンの任意のサイズを持つことができますが、それはあなたのキャンバスの端に沿っ経験則は、すべてのオブジェクトと要素を少なくとも20px(グリッド上の1つの正方形)をキャンバスの端から離しておくことです。

目次に戻る

データに適したインフォグラフィックレイアウトを使用する

データに最適なインフォグラフィックレイアウトを選択します。 何百もの中から選択する可能なインフォグラフィックテンプレートがあります。

このクイックビデオガイドでは、データに最適なインフォグラフィックレイアウトを選択するのに役立ちます。

たとえば、最小限のインフォグラフィックに一列のレイアウトを使用したり、次の例のようにレイアウトを二つの列に吐き出してリストインフォグラフィックを作成したりすることができます。

インフォグラフィックデザインレイアウト

以下は、二列のインフォグラフィックデザインの例です:

インフォグラフィックデザイン



このインフォグラフィックテンプレートを使用

5つのステップでインフォグラフィックを作る方法についてのブログ記事で、データに適したインフォグラフィックテンプレートを選択することについての詳細な記事を読むことができます。

目次に戻る

5. データ可視化のベストプラクティスに従う

Proヒント:常にペンと紙でインフォグラフィック計画を開始します。 このようにして、デジタルコピーを完成させる前に、概念やデザインを大まかに作業することができます。

データに最適なグラフタイプを選択します

伝達しようとしているデータのタイプによって、データに最適なグラフタイプが決まります。 どのタイプのグラフがデータを最もよく伝えるかを決定するには、まずどの種類のデータを提示するかを決定する必要があります:単一の重要な数? データポイント間の比較? 時間をかけて傾向? 外れ値?

インフォグラフィックで最も一般的に使用されるグラフの種類は、円グラフ、棒グラフ、縦棒グラフ、折れ線グラフです。 たとえば、列グラフは、データを比較する最も簡単な方法の1つです。

インフォグラフィックデザインチャート

そして、時間をかけて傾向を伝えるために、使用するチャートの最も一般的なタイプは折れ線

折れ線グラフのインフォグラフィックデザイン

しかし、あなたは効果的にデータを伝えるだろう、より珍しいチャートを考 たとえば、時間の経過に伴う売上高などの傾向、売上と比較した温度などの相関、または異常な領域での売上などの外れ値を識別して表示できます。

インフォグラフィックデザインバブル

親指の良いルールは、あなたのチャートは、それだけで理解するのに十秒以下の読者を取るこ ここでは、適切なグラフタイプの選択に関する詳細な記事を読むことができます。
目次に戻る

6. さまざまなインフォグラフィックデザイン要素を組み込む

タイポグラフィ

タイポグラフィは、インフォグラフィックデザインのための非常に重要な要素であり、画像、グラフ、アイコンができないときにあなたのアイデアや情報を説明する一つの方法です。 そのため、データに最適なフォントを選択することが重要です。

そうは言っても、インフォグラフィックに含めるテキストの量を制限してみてください。 最高のインフォグラフィックは、視覚的なコンテンツの二次的な説明として機能するテキストで、視覚的な影響を持っています。

このインフォグラフィックデザインは、最小限の説明テキストで、アイコン、日付、ヘッダーに依存しています。

インフォグラフィックデザイン



このインフォグラフィックテンプレートを使用

何よりもまず、あなたのタイプが読みやすいことを確認してください。 ほとんどの場合、読みにくい傾向があるため、装飾タイプやスクリプトタイプは避けてください。 小さなテキストやエレガントなフォントを使用する必要がある場合は、(下の例のように)控えめに使用してください。 読みにくくなり始めた場合は、小さなテキストの本文の行の高さを常に増やすのに役立ちます。
タイポグラフィインフォグラフィックデザインソース。

インフォグラフィックデザインを凝集させるために、フォントの使用を最大三つのタイプに制限しますが、一つだけに固執しないでください。 二つのブランドフォントの上品な使用は、情報の素敵なダイナミックと階層を作成することができます。

このインフォグラフィックデザインは、ヘッダーに一つのフォントと本文コピーに一つのフォントを使用します。

インフォグラフィックデザイン



このインフォグラフィックテンプレートを使用します

別のフォントタイプの数字または統計次のサブテキスト情報の階層を作成します。

タイポグラフトインフォグラフィックデザイン2

目次に戻ります

7。 あなたのインフォグラフィックデザインで写真を使用してください

あなたが必要とする正確に何のショットを取るために利用可能な写真家がない場合、写真の使用はトリッキーなことができます。

UnsplashやPikwizardのような場所からロイヤリティフリーのストック写真を組み込むことによって、写真家を雇うことがないことを回避する方法があります。 唯一のリスクは、ストック画像を使用すると、率直に言って、安っぽいuncreativeと見ることができるということです。 そのため、使用する画像を決定する際に注意する必要があります。使用する写真に一貫したスタイルと照明があることを確認してください。

同じ照明効果、同じ背景、同じ量の暗い領域などの写真を選択してみてください。 明らかにセットに合わない画像は、通信されている情報から気をそらすので、特定のスタイルに固執することが重要です。 あなたは写真のシンプルな現代的な使用のために行くしている場合は、フラットな色(または白)の背景を持つ画像のみを使用しています。

中立新聞のアプローチのために行ったら、白黒イメージだけ使用しなさい。p>

人種差別インスポーツインフォグラフィックデザイン

ソース。

あなたのインフォグラフィックのスペースの大部分を占める写真は、情報からそらすことができます。 この問題は、円枠などのトリミングを使用することで解決できます。

インフォグラフィックデザイン



このインフォグラフィックテンプレートを使用

目次に戻る

インフォグラフィックデザインでコントラストを使用

コントラストは、二つの驚くほど異なる要素を配置することによって視覚的なインパクトを作成しますお互いの横に。 インフォグラフィックが大胆な色の形をした明るい背景を持っている場合、私たちの目はすぐに大胆な色に魅了されます。 これにより、特定の要素を別の要素よりも目立つようにすることで情報を整理することができます。

色を使用したコントラスト

色の選択は、インフォグラフィックデザインに大きな影響を与える可能性があります。

あなたの見出しの破裂音を作るために補色を組み合わせる試み。 私のお気に入りの組み合わせの一つは、あなたの見出しが目立つようにオレンジのような明るい色と濃い青です。

インフォグラフィックデザイン

タイポグラフィサイズを使用したコントラスト

ヘッダーは、通常、インフォグラ 視聴者がバットからあなたのインフォグラフィックの権利の主題を知っているように、ヘッダーはかなり常に最大のポイントサイズでなければな

インフォグラフィックデザイン



このインフォグラフィックテンプレートを使用

対照的なビジュアル

コンテクストを追加するには、チャートのオーバートップと対比された着色された画像を使用します。

インフォグラフィックデザイン

ソース。

目次に戻る

9. 対称と非対称のバランスを作成

すべてがシームレスに一緒に収まるので、視覚的なバランスとインフォグラフィックは、目に喜ばれています。 バランスの取れたインフォグラフィックは、特に長い形式のインフォグラフィックで、コンポジション全体

インフォグラフィックの上部に重いビジュアルがある場合は、フローを右に下に移動させ続ける必要があります。 バランスには2つのタイプがあります:対称と非対称。

対称的なバランスは、組成物の各辺が等しい重量を有するときである。 このレイアウトは、このような比較インフォグラフィックに効果的です。

対称インフォグラフィックデザイン



このインフォグラフィックテンプレートを使用

非対称バランスは、対称的なコンポジションよりも自然で均一ではありません。 これは、オブジェクト間のより複雑な関係を作成します。 それは構成が過度に繰り返されないのでinfographicをより動的にさせることができる。

たとえば、タイムラインインフォグラフィックを作成している場合は、バランスの取れたコンポジションのタイムラインの両側の間に代替テキ

googleグラフインフォグラフィックデザイン



このインフォグラフィックテンプレートを使用

これらのクリエイティブタイムラインテンプレートをチェックしてください。

目次に戻る

10. 効果的に色を使用する

あなたのインフォグラフィックを作成する前に、配色を決定します。 親指の良いルールは、二、三の主な色であなたのインフォグラフィックを設計し、マイナーな色のアクセントを使用することです。

配色を選択するときは、インフォグラフィックの色調を決定します。 それはビジネスインフォグラフィックですか? その場合、特にあなたのロゴを含んでいれば、青または緑のような中立色、または、当然、あなたのブランド色を使用して試みなさい。

楽しみのために、目飛び出るinfographicsは、より明るい色相を使用するが、網で見られたとき目に緊張することができるので多量の暗いかネオン色を使用しないように注意しなさい。

色は断面ツールとしても使用できます。 インフォグラフィックのセクションに色のブロックを追加し、視聴者が下にスクロールすると目にいくつかの呼吸の部屋を与えます。

ブルーグラフィックインフォグラフィックデザイン

ソース。

カラーパレットを選択するのに役立つウェブ上のいくつかの便利なツールがあります。

Adobe Color CC

LOLColors

COLOURlovers
目次に戻る

インフォグラフィックデザインに一貫性があることを確認してください

インフォグラフィックデザインが最初から最後まで流れるようにするには、デザイン要素が一貫している必要があります。 線画アイコンではなく塗りつぶされたアイコンを使用している場合は、インフォグラフィック全体で同じスタイルを使用し続けます。

インフォグラフィックデザイン



このインフォグラフィックテンプレートを使用

同じこと これにより、インフォグラフィックが乱雑に見えるのを防ぎ、実際に読みやすくなります。

インフォグラフィックでアイコンを適切に使用する方法について混乱していますか? 私たちのビデオは3分以内にあなたを教えます:

目次に戻る

12. インフォグラフィックデザインに十分な負のスペースを残す

負のスペースは、デザイン内のオブジェクトを囲む空白スペースです。

Blank-Space-Where-People-Can-Write-Names

負のスペースはデザインに大きな影響を与えます。 あなたのインフォグラフィックデザインがあまりにも混雑している場合、それは読者を圧倒し、それが困難な情報を読むことができます。

デザイン内の要素の周りにスペースを作成すると、読者が呼吸室で情報を処理することができます。 プロチップ: 16ptサイズを使用している場合、行の高さは1.2以上にする必要があります。

インフォグラフィックデザイン



このインフォグラフィックテンプレートを使用します

負のスペースを残すことは、テキスト行間に十分なスペースがあることを確認するのと同じくらい簡単です。 以下の例では、小さなスペースが作る違いを見てください:

負のスペースインフォグラフィックデザイン
目次に戻る

練習、練習、練習

これは決まり文句に聞こえるだろうが、それはインフォグラフィクスを設計するとき、それはおそらくそれのこつを得るためにそれで行くのあなたのカップルがかかります。 デザインで何が機能し、何が機能しないかを把握する必要があります。

幸いなことに、この学習プロセスはインフォグラフィックテンプレートとガイ そして、あなたからインスピレーションを引き出すためにそこに多くの例が確かにあります。

疑問があるときは、あなたがそれを公開する前に、他の誰かがあなたのデザインを見てもらう-彼らは不明な情報があるかどうか、またはあなた

今すぐ最高のインフォグラフィックを作成します

目次に戻る

インフォグラフィックを作成するためのステップバイステップガイドを読んでください。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です