HIERARCHY
「最初に何が読まれるか」を意図的に設計すること。サイズ、太さ、色、位置 — あらゆる視覚的差異が、この順序を作る道具になる。
すべての要素を等しく目立たせるのは、誰も目立たせないのと同じこと。一つだけ強い「主役」を決め、他はそれを支える脇役に回すのが原則。
「センス」と呼ばれているものの大半は、いくつかの基本原則の習熟に過ぎない。コントラストを正しく使う、要素を整列させる、近いものを近くに置く — それだけで、画面は秩序を取り戻す。
本号では、グラフィックデザインの背骨を成す八つの原則を、最小の幾何形態 (○・△・□) でひとつずつ解剖する。読み終えたあとは、街中のあらゆるレイアウトがこれらの組み合わせとして見えるはずだ。
「最初に何が読まれるか」を意図的に設計すること。サイズ、太さ、色、位置 — あらゆる視覚的差異が、この順序を作る道具になる。
すべての要素を等しく目立たせるのは、誰も目立たせないのと同じこと。一つだけ強い「主役」を決め、他はそれを支える脇役に回すのが原則。
大小、明暗、太細、直曲、密疎 — 違いがあって初めて、視覚は「意味」を読みとる。コントラストが弱いレイアウトは、声の小さな話し手のように、注意を集められない。
大胆さは下品さではない。控えめなコントラストは、しばしば優柔不断の言い訳に使われる。
すべての要素は、見えない線の上に置かれている。グリッド、ベースライン、左揃え、中央揃え — どの線に揃えるかが、画面の品格を決める。
「揃えない」もまた、計算された不揃いでなければならない。乱雑さと自由さは別物である。
距離は意味を語る。近くに置かれた要素は「同じ仲間」として読まれ、離れた要素は別グループとして認識される。リストの間隔、ラベルと値、見出しと本文 — すべては近接の原則で結ばれている。
枠線で区切る前に、まず空白で区切ることを試したい。
同じ形・色・書体・余白を繰り返すこと。それが画面に「文法」を与え、読み手に安心感を生む。ブランディングは、突き詰めれば反復の体系である。
反復のないレイアウトは方言のないスピーチに似ている — 内容は伝わるが、誰の声かが分からない。
余白はデザインしないことではなく、もっとも能動的な設計行為である。何も置かれていない空間が、置かれた要素を浮かび上がらせ、呼吸を生む。
恐れず空白を残すこと。そこに何かを置きたくなる衝動は、しばしばデザインの敵である。
画面の重心を整えること。左右対称の安定したバランスと、要素の重さで釣り合う非対称のバランスがある。後者の方が現代的な緊張感を生むことが多い。
大きな要素ひとつは、小さな要素いくつかと釣り合う — シーソーの物理を画面に当てはめる感覚。
反復に強弱と間隔の変化を与えると、画面に時間が流れ始める。見出し→本文→画像→引用→本文 — そのパターンの拍子が、読み手の息づかいを設計する。
リズムは音楽だけのものではない。良い誌面は必ず、ページをめくるたびに違う鼓動を持っている。
八つの原則は単独では薄い。実際のデザインでは、ヒエラルキーが整列を支え、整列が反復を生み、反復が余白の意味を強める — というふうに、複数の原則が同時に作動している。