インフォグラフィックの各スライドを毎回疑問に思わないで選べる アイコンスタイルの選び方 --- アイコンスタイルを選ぶ際の基本的なガイドラインをご紹介します。 --- **1. ブランドのアイデンティティに合わせる** アイコンは、あなたのブランドのメッセージや価値観を視覚的に表現する重要な要素です。 例えば、{0}のようなクリエイティブなビジネスであれば、モダンでユニークなアイコンが適しています。 一方で、{1}のような教育関連のコンテンツであれば、シンプルで親しみやすいスタイルが効果的です。
どこかクライアント向けのプレゼンテーション資料の8枚目ごろ、一度はデータが問題なくても、インフォグラフィックが信頼性を失うのを見たことがあります。データには何の問題もありません。色はブランドガイドに合っています。しかし、3つのアイコンに細線の輪郭があり、2つは実線で埋められており、1つ(おそらく午前2時に無料のアイコンパックからドラッグインしたもの)は他のアイコンにないドロップシャドウが付いていました。部屋にいる誰もが、何が問題だったのかを指摘できなかったでしょう。ただ、その隣のチャートに対して信頼感を失ってしまったのです。
アイコンのスタイルには、スライドが称賛される理由としてはほとんどないものの、スライドが信頼性を失う理由としては非常によくあるものです。そして、このトピックについてのほとんどのアドバイスは「スタイルを選んで一貫性を保つ」というもので、これは正しいですが、同時に無意味です。なぜなら、どのスタイルを選ぶべきか、どのデータに、どのサイズで使うべきかを教えてくれないからです。
---
**輪郭の太さが問題の鍵、而不是塗りつぶし**
人は、アイコンスタイルの見た目の違いを平面と3D、または実線と輪郭の違いだと思い込んでいます。実際には、その違いを暴露するのは、輪郭の太さです。2pxの線のアイコンが、別のセットからの1.5pxの線のアイコンと隣り合わせになると、「何かおかしい」と感じる前に、視覚が太さの不一致を素早く認識します。これは、スタイルの不一致よりも、輪郭の太さの不一致を視覚がより速く認識するからです。
これは、アイコンパックを混在させるリスクの実際の理由です。平面と3Dが「概念的に衝突する」わけではなく、2つの独立したアイコンライブラリが輪郭の太さ、角丸の半径、またはグリッドサイズの基準を共有しないからです。5つの「線のアイコン」を5つの異なる無料ソースから取り出すと、技術的にはすべてが「線のアイコン」でも、5つの微妙に異なる輪郭の太さを得ることになります。**解決策は「一つのスタイルを使う」ではなく、「一つのソースを使う」ことです**。一つのアイコンライブラリ、一つのエクスポートバッチ、一つのグリッド — スタイルのラベルよりも、共有された生産元の方が重要です。
---
**アイコンスタイルはデータの役割に合わせるべき、見た目だけに合わせるべきではない**
ここが多くのガイダンスが曖昧になるところです。アイコンスタイルをブランドの決定事項として、チャートやレイアウトから切り離して扱っています。実際には、アイコンスタイルは作成するインフォグラフィックの種類に合わせて選ぶべきです。
- **統計的インフォグラフィック**(大きな数字とサポートアイコンの組み合わせ)は、より太い実線のアイコンを許容します。これらは半秒で読まれることを意図しており、実線の形状は一瞥でより耐えられるものです。
- **プロセスやステップのインフォグラフィック**は、一貫した線のアイコンでより読みやすくなります。これは、視線を順序に沿って追跡させるため、各ステップが視覚的に重みを競争させないようにするためです。
- **比較レイアウト**(この vs. それ、以前 vs. 現在)は、二色のアイコンセットがその価値を発揮する唯一の場所です。2つ目の色は比較そのものをエンコードできるため、単に装飾するためだけではありません。
インフォグラフィックの種類を決めた後にアイコンスタイルを選ぶべきです。その順序を逆転させると、適したレイアウトに合わない美しいアイコンセットを強制的に当てはめることになります。
---
**誰も言わないサイズの問題**
フルスクリーンのモックアップでシャープに見えるアイコンスタイルは、実際に使用される際に崩れてしまうことがあります。レジェンド、ダッシュボードのタイル、共有されたスライドのサムネイルなど、小さく縮小された場合です。特に細線の輪郭アイコンは、約20px未満で消えてしまったりぼやけてしまう傾向があります。一方、実線や二色のアイコンは形状を保ちます。
これは、思っているよりも重要です。認識は予想以上に速く行われます。2014年のMITによる研究の報道によると、研究者メアリー・ポッターが率いた研究では、人間の脳は13ミリ秒という短時間で見た全ての画像を処理できることがわかりました。これは、以前の研究者たちが想定していた100ミリ秒という見積もりよりもはるかに速いものです。つまり、視聴者はアイコンの形状をほぼ瞬時に識別しているということです。これは、小さなサイズで形状が曖昧な場合、理解する機会を与えられず、ただ誤読されたりスキップされてしまうことを意味します。インフォグラフィックの一部が小さくなる可能性がある場合(印刷のハンドアウト、モバイル表示、PDFエクスポート)は、デッキが完成する前にそのサイズでアイコンスタイルをテストするべきです。
---
**自分の一貫性のルールを破るのが正しい場合**
「一貫性を保つ」はほとんどの場合正しいですが、だからこそ例外を挙げる価値があります。インフォグラフィックの1つのカテゴリが本当に際立たなければならない場合 — リスクフラグ、新規タグ、通常のダッシュボードの中で1つだけ警告アイコンがある場合 — 他のアイコンと異なるスタイルを与えるのはミスではなく、そのスライドが伝えたいメッセージそのものです。すべてのアイコンが同じ輪郭と塗りつぶしを共有すると、同時に「この1つは異なる」というシグナルを失ってしまうからです。これは、スライドが伝えたいメッセージの一つです。
1つのインフォグラフィックあたり、これを1回以上行うことをお勧めしません。1つの意図的な外れ値は強調として読まれます。2つや3つになると、再び不一致として読まれ、視聴者は意図的な不一致と、単に前のドラフトから残ったアイコンのどちらがどちらかを判断できなくなります。
---
**完成できるスタイルを構築する**
人は見落とすことが多いことの一つ:アイコンスタイルを決める制約は、見た目ではなくカバー範囲です。40個の美しい手書きアイコンセットがあっても、25カテゴリのインフォグラフィックには耐えられません。カテゴリ30までには、マッチするアイコンが足りなくなり、ソースを混在させる(輪郭の太さの問題に戻る)か、編集するために意図されていないアイコンを手動で編集することになります。スタイルに惹かれる前に、そのソースライブラリが実際に十分なアイコンを、十分なカテゴリで、全データセットをカバーできるかを確認してください — 予想の3つの例だけでなく。
繰り返し作成するのではなく、一度だけ作成する場合でも、プレゼンテーション用のテンプレートセットで事前にマッチしたPowerPointの形状とアイコン資産を使用することで、カバーのギャップを完全に回避できます。アイコンスタイルに関する同じ論理 — データがすることを基準に視覚を選ぶべきで、孤立して見た目が最も良いものを選ぶべきではない — は、チャートタイプの選択や業界の視覚的期待に合ったテンプレートを選ぶことに直接適用されます。
コメント (0)