公開 更新

guide · レイアウト・構図

デザイン4原則|一枚の案内で役割をつなぐ

デザイン4原則は、近接・整列・反復・対比を使って情報の関係を見せる考え方です。同じ展示案内を例に、何をまとめ、どこをそろえ、何に差をつけるかを解説。四つを同時に直して迷う前に、自分の一枚で試す順番を決められます。

レイアウト・構図を学ぶ余白灯舎の場面
ミナデザイン4原則の名前は覚えたんです。でも、この案内のどこから使えばいいのか……。
レン日付がどの展示のものか、ここで迷う。まずは組を見てみよう。

四つに分けると直す場所が見える理由

一枚の案内を見て「まとまらない」と感じても、そのままでは何を動かすか決まりません。日付と展示名が離れているのか、文字の始まる位置が散っているのか、同じ見出しなのに見た目が違うのか。四原則は、こうした別々の問題を分けて考えるために使えます。

たとえるなら、地図の凡例です。同じ道でも、線や記号の役割が分かると読み取りやすくなります。紙面でも、距離・位置・共通点・差が、それぞれ情報の関係を伝えます。ただし、人が紙面を見る順序を四つのルールだけで決められるわけではありません。写真の内容、読む目的、文字への慣れによっても変わります。

原則 確かめる問い 最初に試す変更
近接 どの情報とどの情報が一組か 名前とその説明を近づける
整列 どこから読み始めればよいか 同じ役割の左端をそろえる
反復 同じ意味のものが同じ見た目か 小見出しの書体と太さをそろえる
対比 何を先に見てほしいか 主見出しと補足の大きさに差をつける

表は作業の入口です。「近接ができているから合格」のような採点には使いません。読み手が日時を取り違えるなら、形式上は整っていても、もう一度見直す必要があります。

展示案内の例を、情報の組から見る

架空の案内に「紙の展示」「10月24日」「写真の展示」「10月25日」という四つの情報があるとします。まず確かめたいのは、どの日付がどの展示に属するかです。文字の内容を変えず、二つの展示の間だけ空けて比べます。

日付は、どちらの展示に属する?

四行を同じ間隔で並べる

紙の展示

10月24日

写真の展示

10月25日

展示ごとに一組にする

紙の展示

10月24日

写真の展示

10月25日

そろえた条件:四つの文言、文字サイズ、色、左揃えは同じです。
変えたところ:二つ目の展示名の前だけ、間隔を広げました。
『展示名と日付』が二組として見えるかを確かめます。広い余白を増やすこと自体が目的ではありません。

架空の教材です。見本の数値や配置は、この条件で比べるためのものです。

前の案でも文意から日付を読める人はいます。変更の狙いは、読み手が上下の関係を推測する負担を減らすことです。近づけた結果、文字同士が触れそうになるなら詰めすぎです。組の内側を小さくする方法だけでなく、組と組の外側を離す方法もあります。

もし日時を一か所にまとめて「24・25日」と書いたら、両方の展示が二日間あるようにも読めます。見た目を整えるために、事実上異なる情報を一つにしてはいけません。関係を確かめてから配置する手順は、近接の使い方で別の例でも試せます。

整列と反復は、そろえる対象が違う

整列は位置をそろえること、反復は見せ方のルールを繰り返すことです。先ほどの案内で「紙の展示」と「写真の展示」の左端を同じ位置に置くのが整列。両方の展示名を同じ太さ・大きさにするのが反復です。

二つを混同すると、位置はそろっているのに同じ役割が違って見える、という状態を見逃します。一つ目の展示名だけ大きな明朝体、二つ目は小さなゴシック体なら、読み手は別の重要度や種類を想像するかもしれません。意図した区別でなければ、同じ役割の設定をそろえてみます。

反対に、会場名まで展示名と同じ見た目にする必要はありません。同じなのは文字という素材であって、情報の役割ではないからです。まず「展示名」「日時」「会場」のように役割へ名前を付けると、どこを共通にし、どこを区別するか考えやすくなります。

中央揃えも整列の一つです。ただし、行ごとに長さが違う案内では、文字の始まる位置が毎回動きます。短い招待文なら中央の軸が使えても、項目を探す案内では左端をそろえた案と比べる価値があります。中央揃えと左揃えの比較で、同じ文章を見比べられます。

対比は、目立つものを増やすためではない

四つの情報が一組ずつ読めたら、案内全体の入口を決めます。「週末の展示案内」という主見出しを付けるなら、展示名より少し大きくしてみます。対比は大きさに限らず、太さ、色、面積でも作れますが、初めは一項目だけ変えると理由を追いやすくなります。

すべてを太字にすると、太字による差はなくなります。すべてを赤くしても、どれが先かは色から判断できません。「もっと目立つように」という指示に対しては、何を先に見せたいかを一つ決め、それ以外も読める状態で差を作ります。

このとき、日付や会場を薄くして読めなくするのは避けます。脇役は不要な情報ではありません。入口では展示の内容、参加を決める段階では日時や場所が必要です。大きさを変えて主役を作る例は、強弱の付け方へ進むと確かめられます。

対比を付けたあとで、組の境目が弱くなったと感じることもあります。見出しが大きくなると、その分だけ上下の空きが変わるためです。四原則は一方向に進んで終わるチェックリストではなく、変更の影響を確かめながら行き来する観点です。

原則だけでは効かない場合もある

日時が書かれていない案内に、日時を見つけやすくする配置は作れません。名称を知らない人向けなのに、専門用語だけが大きく書いてある場合も同じです。視覚上の整理より先に、読み手が判断するための内容を補います。

告知の主役が二つある場合は、一つを無理に小さくする前に、二枚へ分けることも考えます。例えば、初参加者への説明と、経験者向けの持ち物連絡では、読み手も用事も違います。一枚にまとめる事情があるなら、二つの入口を明示して迷わず進めるかを確認します。

写真の上へ文字を載せる、画面幅が変わる、離れた場所から見る、といった条件も原則の名前だけでは判断できません。実際の大きさと環境で読むことが必要です。四つの言葉は、細かな検査を省くための近道にはなりません。

装飾を楽しむポスターなど、規則を意図的に崩す表現もあります。その場合も、読んでほしい文と、視覚的な表現として見せたい部分を分けて考えます。日付を探す人が困っているなら、自由な表現とは別に情報の入口を残せます。

自分の案内で、一つだけ使ってみる

今日のワーク:変えた理由を一文にする

手元の案内か、この展示案内を使います。最初からきれいな完成形を作ろうとせず、読み取りにくい関係を一つ探してください。

  1. 読む人が何を知りたいか、一文で書く。
  2. 必要な情報を、名前・日時・場所などに分ける。
  3. 四原則の表から、今の問題に合う一つを選ぶ。
  4. 元の版を残し、一か所を変更する。
  5. 同じ大きさで二案を並べ、情報を探してみる。
  6. 「何を変え、何が分かりやすくなったか」を書く。

「近接を使った」だけでは、次の制作で再現しにくいままです。「展示名と日付を近づけて、二つの展示の日程を取り違えにくくした」と書ければ、使った理由まで残せます。変化が分からなかったときも、別の場所を直す判断材料になります。

四つの名前を、一つの判断へ

原則を全部思い出せなくても、日付と展示名が離れていると気づければ、今日の一枚は直せます。名前はその気づきを整理するために後から使ってもかまいません。

次に見る案内では、整っているかを一括で評価する代わりに、何が一組で、どこが同じ役割かを探してください。自分の案に戻ったとき、最初に動かす一か所が見えてきます。