デザインの基本原則と情報整理

デザインの原則 は、文字や図などの要素を見やすく配置して、伝えたいことが読み手に届くようにするための 基本的な指針 である。

よく知られた原則には 近接・整列・反復・対比 の 4 つがある。どれも美的センスに頼らず、配置の決まりとして誰でも使える点に特徴がある。資料・Web 画面・掲示物など、媒体を問わず当てはまる。

たとえ料理の盛り付けで、料理ごとに皿を分けて盛り、器の向きをそろえ、同じ食器で統一し、主菜だけを大きく盛ると、食卓全体が整って見えるのと似ている。

覚え方英語圏では 4 原則の頭文字をとって CRAP (Contrast / Repetition / Alignment / Proximity) と呼ぶことがある。

この用語の過去問 1 題 デザインの原則 →

近接 は、関係の深い要素どうしを 近くに寄せ、関係の薄い要素とは間をあけることで、情報のまとまりを示す原則である。

読み手は、距離の近いものを一つのグループとして受け取る。見出しと説明文の間を詰め、次の項目との間に余白を広く取れば、枠線を引かなくても区切りが伝わる。逆に、すべてを同じ間隔で並べると、どこまでが一組なのか分からなくなる。

たとえ立ち話の輪に加わっている人どうしは近くに立ち、別の輪とは少し離れているので、遠目にも誰と誰が一緒にいるかが分かる。

覚え方「近くに接する」と書く。距離そのものがグループの印になる。

この用語の過去問 1 題 近接 →

整列 は、要素の左端・中心・右端などを見えない 基準線 に揃えて配置し、紙面や画面に秩序を作る原則である。

位置がそろうと、離れた要素どうしにもつながりが生まれ、視線が迷わずに流れる。同じ資料の中では、左揃えなら左揃えというように揃える基準を一貫させる。思いつきで中央揃えと左揃えを混ぜると、整っていない印象を与える。

たとえ行列に並ぶ人が床の線に沿って立つと、人数が多くても列の形がはっきり見える。

覚え方「列を整える」と書く。ずらさない線が 1 本通っていると考える。

この用語の過去問 1 題 整列 →

反復 は、色・書体・記号・レイアウトなどの見た目の決まりを資料全体で 繰り返し使い、統一感を出す原則である。

ページが変わっても見出しの色や箇条書きの記号が同じなら、読み手は同じ種類の情報だとすぐに見分けられる。決まりがページごとに変わると、中身が同じ種類でも別物に見えてしまう。全体に一貫性が出ることで、資料は読み進めやすくなる。

たとえチームのユニフォームがそろっていると、グラウンドの離れた場所にいても同じチームの選手だと分かる。

この用語の過去問 1 題 反復 →

対比 は、大きさ・太さ・色などに はっきりした差 をつけ、重要な要素を目立たせて情報の優先度を示す原則である。

見出しを本文より大きく太い文字にすると、読み手はどこから読めばよいかを一目でつかめる。差が小さすぎると、意図した強調なのか単なるずれなのかが区別できず、効果が薄れる。

たとえ夜空で飛び抜けて明るい星はすぐ目に入るが、同じ明るさの星ばかりだとどれを見ればよいか迷う。

覚え方英語ではコントラスト。写真の明暗差と同じで、差が大きいほど目を引く。

この用語の過去問 1 題 対比 →

LATCH は、情報を並べたり分類したりするときの 軸 を、位置・五十音やアルファベットの順・時間・分類・階層の 5 つにまとめた枠組みである。

名前は Location・Alphabet・Time・Category・Hierarchy の頭文字から来ている。同じ情報でも、どの軸で並べるかによって見つけやすさや伝わり方が変わるので、利用者の探し方に合う軸を選ぶ。例えば料理のレシピ集なら、材料の種類で分けるか、料理名の五十音順に並べるかで使い勝手が変わる。

たとえ本棚の本を、作家名の順・発売の順・ジャンル別のどれで並べるかを、探す人に合わせて選ぶのに似ている。

覚え方英語の latch は戸の掛け金。情報を留めておく 5 本の掛け金と覚える。