
6.3 情報のデザイン
155
に収録されているアイコンやピクトグラムは、パブリックドメインのものも
あれば、クリエイティブコモンズに登録されているものもあり、誰でも無料
ダウンロードや商用利用が可能です。ダイアグラムに一貫性をもたせるため
大いに活用したい便利なリソースです。
6.3.3
視覚的階層
ダイアグラムに記載される情報の重要度には差があるものです。そうした
状況で、対象となる体験を的確に把握できるよう助けるのが「視覚的階層」
です。
視覚的階層の具体的な手法には、正確な配置と関連付けによる視覚的ス
トーリーの創出(図 6-13a)、大きさや太さによる強調(図 6-13b)、レイヤを
利用した表示(図 6-13c)、不要な視覚的要素(チャートジャンク)の排除(図
6-13d)などがあります。
6.3.4
ダイアグラムの最終デザインの例
図6-14aは、図6-7で紹介したプロトタイプを叩き台にして制作した最終
デザインです(図6-14bは日本語版)。制作はクロスメディア分析が専門の
米ジグナルラブズ社のデザイン部長ヘニー・ファロウ。タイポグラフィ、グ
ラフィック要素、視覚的階層の技法を総動員して作り上げたものです。
タイポグラフィ
このダイアグラムで使っているフォントは字幅も文字間隔も狭い
FrutigerとFrutiger Condensedです。テキストの文字の太さは総じて均
一です。
す
オールキャップス
べて大文字は各列のヘッダに用いてあります。目的はこのヘッダを強
調し、他のテキストと差別化することです。 ...