原則
閉合の法則
Closure
閉合の法則とは、形の一部が途切れていても、脳が残りを自分で補ってひとつの完結した形として認識する性質のことです。
定義
閉合とは、形の一部が途切れていたり空いていたりしても、脳が残りを自分で補って ひとつの完結した形として認識する性質のことです。線をすべてつながずに数か所だけ 途切れさせておいても、目は見慣れた輪郭を手がかりに空いた部分を埋め、円や四角の ような完全な形を見てしまいます。ロゴやアイコンで線を全部描いていないのに何なのか はっきり読み取れるのは、まさにこの原理が働いている瞬間です。脳は見慣れた形ほど 少ない手がかりだけで全体を復元できるため、完結した形へ向かうこの補完はたいてい 意識しないまま一瞬で起こり、見る人自身が形を完成させていることになります。
なぜ重要か
閉合は最小限の線で形を伝えられるようにしてくれるので、簡潔で洗練されたデザインを 可能にします。すべての線を描く代わりに核となる輪郭だけを残せば視覚的なノイズが減り、 見る人は空いた部分を埋める過程でちょっとした楽しさと完成感を味わいます。だからこそ よくできたミニマルなロゴは単純なのに長く記憶に残り、ブランドの印象を強く刻みます。 ただしこの効果は、脳が形を復元できるときにだけ成り立ちます。空いた部分が脳に 負担なく補える範囲に収まっている必要があり、その限界を超えると完成どころか、 何なのか分からない断片へとばらばらに散ってしまいます。ですから閉合は、どこまで 削るかとどこまでは残すかのあいだで、大胆さと抑制を同時に求める、扱いに繊細な原理です。
よくある間違い
- 形を単純化するつもりで線を削りすぎてしまうケースです。埋めるべき空いた部分が 大きくなりすぎると脳が輪郭を復元できず、ミニマルさを狙ったロゴやアイコンが ただ散らばった断片のように見え、何を意味するのか読み取れなくなります。
- 途切れた形を小さいサイズでもそのまま使ってしまうケースです。サイズが縮むと 空いた部分の割合が相対的に大きくなり、大きな画面ではちゃんと読めていた形が、 小さな画面やファビコンのサイズではあっけなく崩れてしまうことがあります。
- 見慣れない形に閉合を期待してしまうケースです。脳が参照できる元の形がなければ 空いた部分を埋める根拠もないので、初めて見る不慣れな形は少し途切れただけでも 見分けるのが一気に難しくなります。
実務のヒント
- 線を省くときは、形がまだ読み取れる限界の線を守りましょう。何か所か消すと形が 崩れるのかを実際にひとつずつ試してみて、崩れる直前の段階で止めておくのが安全です。
- 途切れた形は、実際に使われる最も小さいサイズで必ず確認しましょう。大きな画面では 問題なく見えても縮小すると閉合が崩れることがよくあるので、最小サイズを基準に 判断する必要があります。
- 閉合は、誰もが知っている見慣れた形に使うときが最も安全です。円、四角、ありふれた ものなど脳がすでに元の形をよく知っている対象ほど、大胆に線を削っても形が崩れず、 逆に不慣れな形なら閉合に頼るより輪郭を十分に描いてあげるほうが安全です。
AIに頼む
ゲシュタルトの閉合の法則で、[何のロゴ・アイコンか — 例: コーヒーカップ] のミニマルアイコンを設計して。円や四角のように誰もが知っている馴染みのある輪郭を骨組みにして、すべての線を描き切るのではなく核となる輪郭だけを残し、残りは何か所か途切れさせて脳が自然に補完するようにして。ただし空けていいのは、形が今も『何なのか』読み取れる限界の範囲内だけ。結果はSVGで出して、32pxと16pxのファビコンサイズの両方で形が保たれるか自分で確認して教えて。
下に貼り付けるSVGアイコンが、大きな画面ではきれいなのにファビコンの16pxに縮小すると途切れた隙間が相対的に大きくなって、何の形か読み取れない。閉合がどのサイズで崩れるかを16・24・32pxに分けて指摘して、最小サイズの16pxでも形が復元できるように、隙間の比率を減らすか線を少し繋げて直したSVGを出して。大きいサイズでのミニマルな印象はできるだけ残しつつ、判断基準は常に最小サイズに置いて。変えた部分とその理由も一緒に説明して。
下に貼り付けるSVGの形から、閉合の限界線を見つけて。線を一つずつ消していって、どの段階で形が崩れて識別できなくなるかを段階ごとに見せて、崩れる『直前』の段階で止めたバージョンを最終案として提案して。この形が円や四角のような馴染みのある基本形なのか、それとも初めて見る見慣れない形なのかも判断して、見慣れない側なら閉合に頼らず輪郭をもっと残すように教えて。各段階のSVGと『読み取れる/読み取れない』の判定を表にまとめて。