▼第4回

前回は、行頭揃えの説明を中心に、行末揃え・中心揃えのポイントを述べてきました。文字の奥深さを実感していただけたのではないかと思います。

今回は、主に「目の錯覚」についてお話しします。脳が勘違いや、先回りした判断で、実態と異なる見かたをすることを「錯視」といいます。私たちの生活には「錯視」があふれています。タイポグラフィはまさに厄介な「錯視：目の錯覚」との戦いなのです。

1.11 揃え処理の大敵、目の錯覚

揃えを行う場合の便利な方法として、ガイドを使用することは、“1.3 ガイドは必要、でも頼りすぎない” でお話ししました。また、それに頼りすぎてはいけないことにも触れました。あくまで、数値ではなくみた目で揃えなくてはならないということです。これは意外に難しく、繊細な感覚を要求されます。
なぜ、揃えがこんなに難しいのか、それは、前の項でも少し触れた、万人に共通の「目の錯覚」が原因しています。

（figure1-18）

上の図は、よく知られている目の錯覚を説明する、一番わかりやすいものでしょう。
左側は一般的な図。横線の長さは同じですが、どう見ても下のほうが長く見えます。
右側は、私が少し手を加えたもの。下の横線を短くしてあります。どうですか、同じに見えませんか？

1.11.1 ●万人に共通の「目の錯覚」

目の錯覚は万人に共通ですが、見えかたには個人差があるので、私はほぼ同じに見えるように設定したつもりですが、皆さんにはどう見えるでしょうか。でも、少なくとも左側の図ほどの長さの差は感じないと思います。

さて、文字は（特に和文では）、大別すると以下のような図形にあてはまる形状をしています。バラエティに富んでいますね。

（figure1-19）

こんな感じでしょうか。

これらは全て一定のボディ（ここでは１辺1000emの正方形）に収まっています。なお、この図形は、目の錯覚をはっきりと示すためにオブジェクトで描画しています。（三角形は正三角形。底辺より高さが短いため、完全に正方形に収まっているとはいえません）
見た目の大きさが、ひどくバラバラなのがわかります。

ちなみに、大きく見える順に並べてみましょう。

（figure1-20）

1.11.2 ●環境や個人差で異なる「見えかた」

この順番に見えると思います。（ただ、三角形は、その形状や周囲の空白スペースに大きく左右されます。ですので、見えかたはその環境によりさまざまに変わります。また、人によって感じ方は異なるかも知れません）

不揃いの図形を同じに見えるようにする作業が、実は、揃え処理の原点なのです。

同じに見えるようにそれぞれの大きさの調整をしてみましょう。
いかがですか？

（figure1-21）

ここでも、いいわけをしておきます。見えかたには個人差があります。私はほぼ同じに見えるように設定したつもりですが、皆さんにはどう見えるでしょうか。

1.12 書体デザイナーの苦悩

図形での説明が長くなりましたが、これは紛れもなく文字（字体：タイプフェイス）を説明するための序章でした。

1.12.1 ●文字も広い意味では「図形」

さきほどの図形を、こんどは書体を使って表現してみましょう。使用したのは「小塚ゴシックPro M」です。右向き・左向きの三角形は少し平べったく設計されています。（これはほとんどの書体がそうです）

大きさの調整がされているのがわかります。

（figure1-22）

この書体の場合は、【●】を、字面枠いっぱいに設計しています。【●】は、閉鎖的・求心的で小さく見えるためです。したがって、これらの図形の中では大きめの、漢字のサイズに一番近い字面枠のサイズになっています。
大きく見える【■】を小さめに、小さく見える【◆】をボディ（仮想ボディ）いっぱい近くまで大きくしています。そして、三角形は高度な空間処理がされています。

【▲】と【▼】を使って説明しましょう。「底辺」の先端が、文字サイズの基準として存在している字面枠より出っ張っているのがわかります。先の細い部分は周りの空間に〔浸食〕されて存在が薄れるため、わざと出っ張らせています。そうしないと小さく見えるからです。

そして、「高さ」の先端にも同じことがいえるので、三角形全体を【▲】の場合は上に、【▼】の場合は下に下げています。少し極端に感じますが、これは三角形どうしを並べているからで、他の文字と並べたときちょうど良いのです。

（figure1-23）

1.12.2 ●書体の揃え処理は、デザインの原点

私を含めた書体デザイナーは全員、全ての文字をこれらの法則にのっとって設計しています。単純にボディ、字面枠に当てはめているわけではありません。
この地道な作業があるから、文章として組んだとき、整った大きさできれいに見えるのです。
これはまさに、書体デザイナーの苦悩の産物といえるでしょう。

でも、書体デザイナーがこれだけ苦労しても、実際、商業デザインに使用するとなると、グラフィックデザイナーであるみなさんの力を借りなければなりません。
違う書体との組み合わせ、さまざまな文字サイズとの同居、写真やイラストなどとの配置関係、文字を取り巻く空間の度合い、などの複雑な要素によって、“1.11 揃え処理の大敵、目の錯覚”での冒頭にお話しした、難しい揃え処理を必要とするのです。

デザイン上の揃え処理は、書体の揃え処理がベースであり、原点といってもいい過ぎではなのです。

あとがき

いかがでしたか？　揃えることの重要性をわかっていただけたら、こんなに嬉しいことはありません。この『タイポグラフィ7つのルール』は、始まったばかりです。長編であるがゆえに、執筆や図表の制作に相応の時間がかかることから、一度に掲載することはできません。でも、１回１回をマスターしていけば大丈夫なようにしてあります。

少しずつ、取り入れていってください。この「講座（？）」が終わるころには、タイポグラフィの腕は確実に上がっています。それを信じてついてきてくださいね。

● ● ●

次回は、“タイポグラフィ7つのルール その❷　和文の美しさのカギは「つめる」こと” をお話しします。ご期待ください。