Design Theory
Overview
デザイン理論についてまとめているセクション。
4つの基本原則
良いデザインの作品には必ずみられる基本原則の概要。
4つの基本原則は互いに関連している。
どれか1つの原則しか使わないということは滅多にない。
コントラスト(Contrast)
コントラストの背景にある考え方はページ上の要素同士が単に「類似」するのを避けるということ。
もし要素（書体・色・サイズ・線の太さ・形・空き）が「同一」でないならはっきり異らせる。
コントラストはページ上で資格を惹きつける最も重要な要因になることがあり、読者を読む気にさせる働きをする。
また情報をより明確に伝える役割もする。
反復(Repetition)
デザインの視覚的要素を作品全体通して繰り返すこと。
色・形・テクスチャー・位置関係・線の太さ・フォント・サイズ・画像のコンセプトなどを反復させることができる。
反復は組織化を促進し、一体感を強化する。
整列(Alignment)
ページ上では全てを意図的に配置しなければならない。
あらゆる要素が他の要素と視覚的な関連をもつ必要がある。
整列はすっきりと洗練された見え方を生み出す。
整列の原則というのは、ページ上のすべてのものを意識的に配置しなければならないということ。
中央揃えは少し弱く見えることがよくある。
テキストを右揃えか左揃えにすればテキストを結び付ける透明な線が遥かに力強くなる。
近接(Proximity)
互いに関連する項目は近づけてグループ化しなければいけない。
いくつかの項目が互いに近接しているとき、それらは複数の個別ユニットとしてではなく、1この視覚的ユニットとして認識される。
近接は情報の組織化に役立ち、混乱を減らし明確な構造を読者に提示する。
近接の基本目的
基本的な目的は組織化。
関連する要素を近づけてグループ化するだけで自動的に組織構造が出来上がる。
情報が組織化されていれば読んでもらえる可能性が高くなり、覚えてもらえる可能性も高くなる。
情報の組織化の副産物としてより魅力的な空白（デザイナーの好物）も作り出すことができる。
実現方法
目を細めてページを眺め、視線が止まった回数を数えれば視覚的要素の数がわかる。
それが1ページあたり3~5個を超えている場合、近接によってグループ化して1個の視覚的ユニットにできるものがないか検討するべき。
避けること
- ページ上に個別の要素を作りすぎないこと
- 要素間に均等の空白を作らないこと
- ただし、各グループが関連する下位区分の一部である場合は除く
- 見出し・小見出し・キャプション・画像などが本文のどの部分に関連するかを読者が一瞬でも迷わないようにすること
- 要素間の関連を近接によって作り出すこと
- 異なる性質の要素間に関連を作らないこと
- 関連しない項目は離して配置すること
- ただ空いているという理由だけで、隅や中央に何かを貼り付けないこと
図解
図解は視覚要素により右脳に直接働きかけ、要素同士の関係性を意識しやすくなる。
言葉を話したり、物事を筋道立てて考えたりするときに左脳が働き、音楽を聞いたり直感的に何かを決めたりするときに右脳が働く。
テキストだけの表現と比べた場合、図解には以下の効用があるため強力な情報伝達ツールと言える。
- 直感的に理解できる
- 印象に残りやすい
- 言葉で説明するスペースが足りない（省スペース）
- じっくり説明する時間がない（時間短縮）
- 言語が通じない（非言語的）
図解は論理的な思考で情報を整理、再構築する作業（読み手がコンテンツを読み解く工程を肩代わりしている）という面もある。
近年、デザイン性の高い図解が求められるケースも増えているが、アイデア検討の段階ではデザイン性を排除するのが無難。
色や形、テイストを入れてしまうと伝えるべき情報の本質から議論がそれてしまうため。
よりリッチな表現の方が高度というわけではないことを覚えておく
インフォグラフィック
インフォグラフィックを作成するにはコンテンツへの深い理解が必要。
インフォグラフィックを作り込む前に、まずは線画レベルでの図解の作成を繰り返し行うことが得策。