図と地

ねらい

あなたが何かを「見る」とき、脳はその一瞬で、必ずあることをしている。画面を主役と背景の二つに仕分けているのだ。前に出てくる主役を図（ず）、後ろに引っこむ背景を**地（じ）**と呼ぶ。

ふだん私たちは図ばかり気にする。文字、写真、ボタン――「置いたもの」だけがデザインだと思いがちだ。でも、それは半分でしかない。地（背景・余白）も、図と同じだけ画面を決めている。

このクエストのねらいは一つ。「余白は余りではない」を、理屈ではなく体でわかること。余白は「何も無い場所」ではなく、図を立たせるためにこちらが意図して置く、働く要素だ。これがわかると、デザインの見え方が半分から全部に変わる。

脳は「主役」を一つ選ばずにいられない

まず、いちばん大事な事実から。人の脳は、視界を「主役」と「背景」に分けないと、ものを見られない。 目から入った景色を脳が「もの」として受け取り、意味づける――この働きを知覚という。図と地の仕分けは、その知覚のいちばん最初におこなわれている。

たとえば今この文字を読んでいるとき、あなたは黒い文字を「主役（図）」として見て、白い紙を「背景（地）」として後ろに送っている。これは努力していない。脳が勝手に、一瞬でやっている。この仕分けがないと、世界はただの色の染みになって、何も「もの」として立ち上がってこない。

ここに大事な性質がある。図と地は、同時に両方を主役にはできない。 片方を主役にすると、もう片方は必ず背景に回る。文字を見ているとき、紙のかたちはぼんやり後ろにある。逆に紙のかたちに注目すると、今度は文字が背景に沈む。主役の席は一つしかない。

ルビンの壺 ―― 反転で原理を体感する

この「主役は一つ」を、誰でも体で感じられる有名な絵がある。ルビンの壺だ。

デンマークの心理学者エドガー・ルビンが1915年に示した図形で、こう見える。中央の白い部分を主役（図）にすると、壺（つぼ）に見える。ところが、両側の黒い部分を主役にすると、今度は向かい合った二つの顔に見える。同じ一枚の絵なのに、どちらを「図」と決めるかで、見えるものがガラッと入れ替わる。これを反転図形と呼ぶ。「ひっくり返る絵」という意味だ。

下の図で試してほしい。中央の白いかたちだけを見ると、上下に口のすぼまった壺の形に見える。次に、左右の黒い部分に目を移すと、その境目がおでこ・鼻・くちびる・あごの出っぱりをなぞった横顔になっていて、二人が向き合って見える。境目の線は一本きり。それを白の側から見るか、黒の側から見るかが変わるだけだ。

大事なのは、壺と顔を同時には見られないこと。やってみるとわかる。壺を見ているときは顔が消え、顔を見ているときは壺が消える。脳が主役を一つに絞っている証拠だ。この絵は、図と地が「ものの性質」ではなく「脳の決め方」で決まることを、いちばん鮮やかに見せてくれる。

なぜこの話が大事になったか ―― 「全体は部品の足し算ではない」

ここで少し歴史をはさむ。図と地を初めてきちんと整理したのが、いま見たエドガー・ルビン（1915年）だ。では、その少しあとに、もう一つ大きな考え方が出てくる。それが、この章のもう半分の主役になる。

ルビンの少し前まで、人の見え方（＝知覚）はこう考えられていた。「目は、点や線といった小さな部品をひとつずつ受け取り、それを足し算してものを見ている」。レンガを積むように、部品を組み合わせれば全体になる、という考え方だ。

これに「ちがう」と言ったのが、20世紀のはじめにドイツで起きたゲシュタルト心理学という流れだ（マックス・ヴェルトハイマーらが、フランクフルトで1912年ごろに始めた）。「ゲシュタルト」はドイツ語でまとまった形・全体のすがたという意味。彼らの主張は一言でこうだ。

人は、部品を足して全体を見るのではない。先に「全体のまとまり」をつかんでから、ものを見ている。

ここで二人の関係を取り違えないでおこう。図と地そのものを立てたのはルビン（1915）だ。 ゲシュタルト派は、その後にルビンのこの成果を取り込みつつ、「全体は部品の足し算ではない」という別の大きな原則を打ち立てた。順番は「ルビンが先、ゲシュタルトが後」。ゲシュタルトが図と地を生んだのではない。

そして、ルビンの壺はこの二つの考えにまたがるちょうどよい例になった。壺の絵は、線も色も一切変わっていない。部品はまったく同じだ。なのに見えるもの（壺か、顔か）が変わる。部品の足し算では、この変化を説明できない。 つまり見え方を決めているのは部品ではなく、脳がどう「まとめる」かだ――ルビンの壺は、ゲシュタルトのこの主張を示す絵としても、よく引かれることになった。

余白は「余り」ではない ―― 地を能動的にデザインする

さあ、ここがこのクエストの心臓だ。

図（主役）と地（背景）がセットで見え方を決めるなら、当然こうなる。地のほうも、デザインしなければならない。 文字や写真（図）だけ整えて、その周りの余白（地）を「余ったところ」として放っておくのは、絵の半分を運任せにしているのと同じだ。

ここで言う余白とは、要素と要素のあいだ、要素のまわりにある「何も置かない空間」のこと。多くの人は余白を「余り」「埋め残し」だと思っている。だが図と地の原理からすれば、余白は地そのものであり、図を立たせるために働く要素だ。日本のデザイナー原研哉は、この空白を「ただの空き地ではなく、積極的に意味を持つ働く要素だ」と論じた（『デザインのデザイン』2003年）。

具体的にどう働くか。主役のまわりを広く空けるほど、その主役は強く前に出る。 周りがゴチャゴチャしていると、脳はどれが図か迷う。逆に、ぽつんと一つだけ置いて周りを大きく空ければ、脳は迷わず「これが主役だ」と決める。だから高級ブランドの広告も、美術館の壁も、わざと余白を大きく取る。空白は「お金をかけられなかった場所」ではなく、「主役を立たせるために意図して買った場所」なのだ。

地が図になる ―― 余白そのものに意味を持たせる

もう一歩進もう。地は「主役を立たせる脇役」にとどまらない。地そのものを、もう一つの図に仕立てることもできる。

ルビンの壺を思い出してほしい。黒（地）の部分が、顔という別の意味を持っていた。これをデザインに応用したのが、余白に隠し絵を仕込むロゴだ。隠し絵とは、ふつうの絵や形の中に、別の絵がこっそり隠れて仕込まれているもののこと。有名な例が、アメリカの宅配会社FedEx（フェデックス）のロゴ。「E」と「x」のあいだの白い余白が、よく見ると右向きの矢印になっている。矢印を黒で描き足したのではない。文字と文字のすきま（地）が、矢印という図の形になっているだけだ。

これができるのは、地が「ただの余り」ではなく、図と同じくらい設計できる対象だからだ。優れた作り手は、置いたもの（図）だけでなく、空けたもの（地）の形まで見ている。 余白は、見られていないようで、ちゃんと意味を運べる。

見分け方 ―― 図と地の目を持つ

最後に、図と地を「見抜く」目を持とう。デザインを見たら、図だけでなく地のほうを意識して見るクセをつける。次の問いを当ててみるといい。

• この画面で、主役（図）はどれか。一瞬で決まるか、それとも脳が迷うか。
• 主役のまわりの余白（地）は、広いか・狭いか。それは意図して取られたものか、ただの余りか。
• 要素と要素のすきまの形は整っているか。バラバラだと、地が散らかって図まで落ち着かない。
• 余白そのものに、何か**意味（矢印・人の顔など）**が宿っていないか。

「なんか垢抜けないな」と感じる画面は、たいてい図ばかり気にして、地を放っておいた結果だ。要素を足すより、まわりを空けるほうが効くことが多い。図と地はセット――この一点を握っておけば、余白は「怖くて埋めたくなる空白」から「主役を立たせる味方」に変わる。

譜例

棚（design-gallery）で実例を見て、本文の「図と地」がどう現れているか確かめよう。広告やWebサイトを見るときは、まず地（余白）から見る練習をするとよい。

• 棚：図と地の実例を見る

見るコツは、主役（図）を指で隠してみること。残った余白（地）の形だけを眺めて、「この空白は意図して置かれているか？」と問う。整った作品ほど、地のほうにもちゃんと設計が効いている。

練習・チェック

1. 身のまわりで反転図形（ひっくり返る絵）や隠し絵を一つ探そう。ロゴや看板の白い余白に、隠れた図が仕込まれていないか。（ヒント：宅配・矢印・動物のかたち）
2. ルビンの壺で、壺と顔を同時に見ようとしてみよう。できないはずだ。それが「主役の席は一つ」という原理の証拠になる。
3. 自分が作ったチラシやスライドが「垢抜けない」とき、要素を足さず、まわりの余白を広げてみよう。図ではなく地を直すと変わる、という感覚を一度つかむこと。