▼第1回（通算第5回）

この章では、主に和文の詰め処理について、お話しを進めていきます。

グラフィックデザインをしていく上で、文字の入っていないものは、皆無といって良いでしょう。なぜなら、写真に文字が入っていなければポートレートやランドスケープだし、ファッション系のイラストに文字が入っていなければ、それはスタイル画です。

ただし、文字が１文字でも入れば、それはグラフィックデザインになります。たとえば、Ｂ全判（紙の規格サイズのひとつ）に元テニスプレーヤーの松岡修造さんが写った印刷物はポートレートですが、「喝！」の文字が入れば、それだけでテニス塾のポスターになり得ます。そこに「未来は君たちのものだ！」というキャッチコピー、中見出し、説明文、塾の名前、住所、電話、地図などが入れば立派なポスターやフライヤーになります。

さて、キャッチコピーの「未来は君たちのものだ！」は、当然、見出しなので、大きなフォントサイズになりますね。これが、パソコンで打ち出（出力）したままの状態で使ったらどうなりますか？　とても貧弱なものになってしまいます。

なぜ、そんなことが起きるのか、を次の項で検証し、「詰め」がなぜデザインに必要不可欠なのかをお話ししていきます。
なお、お断りしておきますね。ここでは、「比較的文字数の少ないグラフィック作品」について論じています。文字数の多い精密なエディトリアルを対象にしたものではありません。何でもかんでも詰めることには否定的な立場です。「つめる」には、「適切」な状況判断が必要です。

（figure2-1）

2.1 プロポーショナル機能の限界

和文は、第１章 “タイポグラフィ7つのルール その❶　美しさの基本は「そろえる」にある” で少し触れたように、それぞれの文字幅が違うのに、欧文のようにそれぞれの字幅（プロポーショナル）になっていません。
各文字が、その形状にかかわらず、一律に正方形の中に収まっているため、並べていったときに文字間（サイドベアリング）が一定しないという現象が起こります。これは主に、作りの小さいひらがな・カタカナが混在することが原因です。

（figure2-2）

そのため、フォント自体に詰め情報を持たせ、欧文と同じ効果をもたらすプロポーショナル機能を持ったフォントが登場することになります。ただ、このプロポーショナル機能は、後述する、Illustrator などアプリケーションの文字詰め機能に依存します。

（Windows 系の「MS明朝」や「MSゴシック」で「MS P明朝」のように「P」の字が間にはさまっているフォントがあります。これがいわゆるプロポーショナルフォントです。（Pはプロポーショナルの意）これは、何もしなくても詰まってしまう、ある意味便利なものですが、私はあまりお勧めしませんし、個人的には絶対に使いません）

ところが、（figure2-3）のように、プロポーショナル効果を加えても、なおかつ、まだ文字間が空いてしまう現象が多々起こるのが和文の困ったところです。これは、一つひとつの文字の形状に原因があります。なお、この現象は、欧文でも起こります。これについては、“2.2 和文の詰め処理” でお話しします。

（figure2-3）

これを解決するために「手詰め（マニュアル・カーニング）」というデザイン行動が必要になってきます。手詰めを「適切」に行うことで、和文は、本来持っている美しさをどんどん発揮していきます。

2.2 和文の詰め処理

ここではしばし、Illustrator のメニューパレット［文字］のそれぞれの機能を説明していきます。
［文字］は、メニューバー（画面の一番上部）の［ウィンドウ］をクリック、プルダウンメニューの［書式］の中にあります。この［文字］や、後述する［段落］はよく使うので、画面の好きな場所に出しておきましょう。

ウィンドウ＞書式＞文字

（figure2-4）

それでは、スクリーンショットの丸数字の順にご説明していきましょう。

2.2.1 ❶Illustratorの詰め情報をONにする機能［文字間のカーニングを設定］

［文字間のカーニングを設定］：「文字詰め」のこと。単位は em。
文字の両側が詰まります。

ⓐ フォントの持つ詰め情報をONにする［自動（メトリクス）］

フォント自体が持っている詰め情報を「ON」にする機能。
書体デザイナーあるいはプログラマー（共同開発者）が、独自の基準で文字の左右の空き（サイドベアリング）を決めています。和文の場合、ほとんどの書体は両仮名のみの設定になっています。

（figure2-5）

たとえば、ひらがなの「り」。縦長ですね。というか、横幅が短いといったほうが正確ですかね。1000emのボディ（仮想ボディ）に対して、『ある書体』は「り」の横幅は600emあります。サイドベアリングをそれぞれ10emずつとったとして、合計20em＋字幅の600emで620emが、この書体のプロポーショナル上の文字幅となります。

［自動（メトリクス）］の機能は、たとえば、左右２文字あったとして、左側の文字幅が620em、右側の文字幅が860emだった場合、次の計算式を自動的にやってのけます。

導き出された260emが、この２文字の詰め幅ということになります。ただ、この計算式は、文字がボディの中心に入っていることが前提の、みなさんに数値をはっきりと示すための説明用の式です。実際の和文はほとんどの文字が中心には入っていません。ですから、

ということになります。
まあ、こんなことを考えなくても、勝手にやってくれるから、指令を与えればそれでいいんですけど…。

それより、ついてきてくださいね。

なお、サイドベアリングの数値は、すべての文字が同一というわけではありません。文字の形状によって左側が狭く、右が広かったり、その真逆だったり、あるいは両方が狭かったり、広かったりします。

ⓑ Illustrator自体が持つ詰め機能をONにする［オプティカル］

アプリケーション（ここでは Illustrator）が持っている（計算して割り出す）詰め情報を「ON」にする機能。
字形（グリフ）の前後の空きを判断して詰め幅を瞬時に弾きだします。

（figure2-6）

［オプティカル］の詰め幅は、［メトリクス］の詰め情報の考えかたを踏襲してはいるようです。ただ、いえることは、文字の左側はデフォルトのまま、文字の右側だけが詰まっていきます。そして、最終文字のみ左も右も詰まらず、デフォルトのままです。この変則的で複雑な減算の度合いをどう判断し、どのくらいの数値にしているのかは、開発者にしかわかりません。

書体によっては、詰め情報がないものもあります。その場合、オプティカルを使います。
なお、このオプティカルは縦組みには効きません。

ⓒ いわゆる「ベタ」送りをする［和文等幅］・［0］

［和文等幅］の「等幅」とは、ボディまるまるの幅ということ。詰め処理をしない、デフォルトの1000emでの字送り（ベタ送り）のことです。また、ちょっと下の［０（デフォルト）］もまったく同じ意味です。ただ、［和文等幅］では欧文の「（ペア）カーニング」は効きますが、［０］は効きません。

（figure2-7）

ⓓ キー入力で微調整をする、手詰め（マニュアル・カーニング）

［自動（メトリクス）］や［オプティカル］機能を使った後でも、なお広がって見える部分は必ずできてしまいます。ここからがデザイナーの腕の見せ所、手で詰めていきます。この手詰めは、

（figure2-8）

で、詰めていくことができます。なお、Shift キーを同時に押すと設定数値の×10、command（Mac）、Cl（Windows）を同時に押すと、100em詰まります。

この手詰めの数値設定は、［環境設定］からも任意に行うことができます。

Mac：Illustrator＞環境設定＞一般＞テキスト
Windows：編集＞環境設定＞一般＞テキスト

（figure2-9）

上から２番目の［トラッキング］に好みの数値を入力できます（デフォルトは20）。

ⓔ OpenTypeフォント限定機能［プロポーショナルメトリクス］

［自動（メトリクス）］の機能を使った後、手詰めを行うと、メトリクスの情報が破壊され、予期しない部分まで広がってしまいます。それを防ぐために、このプロポーショナルメトリクスの機能があります。［自動（メトリクス）］を使う前に、これにチェックを入れておきましょう。忘れちゃった場合も慌てずに。チェックを入れて、気を取り直して、［自動（メトリクス）］から再度挑戦です。

（figure2-11）

［トラッキング］・［文字ツメ］機能を使用する場合は、この［プロポーショナルメトリクス］機能は必要ありません。

なお、この機能は、フォントフォーマットが「OpenType」のみに適用されます。だからメニュー名が「OpenType」なんですね。ちなみに、CID フォントや TrueType フォントでは、グレー表示（選択不可）になっていて選択（チェック）できません。

ウィンドウ＞書式＞OpenType

● ● ●

次回（第２回：通算第6回）は、集合体としての文字に均等に詰めていく働き［トラッキング］と［文字ツメ］についてお話しします。予告下ページャ［２］のをクリックを。

お詫び
上記文章中、認識不足や勘違いによる誤記がありました。現在は修正済みです。ご迷惑をお掛けしたこと、お詫びいたします。いち早くご指摘いただいた works014 さんには心より感謝いたします。ありがとうございました。詳細は下記、コメント欄をご覧ください。