タイポグラフィ7つのルールその6-1 細心の注意を払うべき大切な「くむ」こと

ホーム
TYPOGRAPHY RULES
タイポグラフィ7つのルールその❻-1　細心の注意を払うべき大切な「くむ」こと

2017.10.17

タイポグラフィ7つのルールその❻-1　細心の注意を払うべき大切な「くむ」こと

▼第1回（通算第18回）

前章 “タイポグラフィ7つのルールその❺　「ひく」ことは、すべてがマイナスではない” では、タイポグラフィ、いやデザイン全般にとって、見過ごされがちな「引く」要素についてお話ししました。

この章『タイポグラフィ7つのルールその❻　細心の注意を払うべき大切な「くむ」こと』は、どちらかというと、グラフィックよりもエディトリアルに重きを置いた内容になっています。大見出し、中見出し、小見出し、本文といったものが頻繁に出てきます。だから、Illustrator より InDesign で説明したほうがいいんじゃないの？　というお叱りを受けるかも知れませんが、ご容赦を。

グラフィックの仕事は、おそらく Illustrator を使ってされているかたがほとんどだと思います。デザインの自由度という点では、 Illusutrator は抜きんでて優れています。ただ、文字組みは得意とは決していえません。どちらかといえば苦手なのです。でも、グラフィックでは、本格的な長い文章を扱いません。そんな理由から、InDesign でデザインをするかたは、あまりいないのだと思います。

（figure6-1）

しかし、本格的な長い文章を扱わないという、グラフィックの特徴が、文字組みの比重を軽く見てしまう遠因になっていると、私は考えています。
グラフィックデザイナーも、文字組みについては、きちんと学んでおかなければなりません。そんな考えから、この章を書きました。

文字組みを行う際は、以下のルールは最低限守りましょう。
文字組みもタイポグラフィの重要な要素です。すべては可読性を高め、見る人に「心地よさ」を与えるためのものです。退屈でしょうが、身につけていくよう強くおすすめします。

第1回：通算第18回もくじ	6.1 テキストオブジェクトを使う　　6.1.1 ●ポイント文字とエリア内文字　　6.1.2 ●性質の違うもの同士を一緒にしない　　6.1.3 ●テキストオブジェクトの作りかた
	6.2 テキストオブジェクトの揃え処理

その5

その6-2

6.1 テキストオブジェクトを使う

文章を組む場合は任意のサイズにテキストオブジェクトを作り、その中に流し込みましょう。
「テキストオブジェクト」の中に文字を流し込む［エリア内文字入力］そのものを知らずに、クリックした位置に入力する［ポイント文字入力］だけで仕事をしているかたを多数見かけます。

6.1.1 ●ポイント文字とエリア内文字

いったい、デザイン学校は何を教えているのかなと、首をかしげてしまいます。
文字組みをする際は、見出しなど１行ないし２行で収まるものは［ポイント文字入力］、複数行になることがあらかじめわかっている長い文章は［エリア内文字入力］と、役割を明確に使いわけましょう。

また、幸い［エリア内文字入力］を知っているかたでも、何でもかんでもテキストオブジェクトに詰め込んでいるのを本当に多く見かけます。
つまり、大見出し、中見出し、小見出し、文章を、同一テキストオブジェクトに入れてしまうやりかたです。

（figure6-2）

（figure6-2）のキャプション

いずれも文字組みの悪い例を挙げた。少し見づらいかと思うが、左下には［境界線］を表示させたスクリーンショットを載せてみた。

左上図は、大見出し、中見出し、本文いずれも［ポイント文字入力］で組まれている。本文は切れ目のよいところで改行をしている。これはこれでデザイン手法にはあるのだが、それが効力を発揮するのは、リード文などの、短い文章だけ。長い文章になると、右側が揃わないので大変みっともないものになる。

長い文章には［エリア内文字入力］を使用し、［段落］を［均等配置（最終行左揃え）］にしなければならない。（次節“6.2 テキストオブジェクトの揃え処理”に詳細）

右上図は、左上よりは「まし」だが、すべてを［エリア内文字入力］にしている。これだと、大見出し、中見出し、本文の微妙な行間を設定するのが大変になる。それに、［段落］が［左揃え］になっているので、本文の右側が揃わない。
これでは、［エリア内文字入力］にした意味がない。

6.1.2 ●性質の違うもの同士を一緒にしない

これは、デザインの自由度を著しく損ねます。なぜか？　役割の違う、デザイン処理の仕方が異なる部位を一緒にしてしまっているからです。見出しと文章の一番の違いは何だと思いますか？　そう、サイズは勿論ですが、行間ですね。明らかに行間が違ってきますよね。ですので、それぞれの行間処理をテキストオブジェクトの中でしなければなりません。これは大変な作業でしょう。

テキストオブジェクトの中で同居させていいのは、せいぜい小見出しまで。それ以外の中見出し、大見出しは［ポイント文字入力］にして、本文と分離しましょう。そのほうがデザインの自由度が全然違います。ましてや仕上がりに雲泥の差がでます。

（figure6-3）

（figure6-3）のキャプション

左上図は（figure6-2）の右図をそのまま載せた。これでは使いづらいし文章も右が揃っていない。

右上図は、大見出し、中見出しを［ポイント文字入力］、本文を［エリア内文字入力］にそれぞれ分けた。このほうが、細かい修正の自由度が増す。
大見出しは詰め組みや手詰めを施し、疑問符のサイズを上げ、ベースラインを整えた。詰めることで全体を大きくできる。また、中見出しとの行間を少し詰めた。

中見出しは、サイズを少し上げ、詰めをシビアにした。

本文は、サイズを上げ、［均等配置（最終行左揃え）］をし、［自動（メトリクス）］処理をした。左上図の本文を見れば一目瞭然だが、約物や英文がこれだけ混在すると大変見づらい。この不必要な空きや、英文とのバランスを矯正した。

見た目ではわからないが、かなりシビアな手作業をしている。後述する “6.6 状況によって悲惨、英文混在文章組み” の参照で理由がわかる。

6.1.3 ●テキストオブジェクトの作りかた

テキストオブジェクトの作り方は２種類あります。

① ［長方形ツール］で任意のオブジェクトを書き、［文字ツール］を選択し、パス上をクリック（どこでも）すると、「テキストオブジェクト」に変わります。この際、オブジェクトは直前に行った作業を引き継ぐので、色がついたり、線が太くなったりしますが、気にする必要はありません。オブジェクトに色が着いていようが、線が太かろうが、クリックした瞬間に透明な「テキストオブジェクト」に変化します。

② ［文字ツール］でオブジェクトを書く要領で任意のサイズにドラックした後、解除すると、それが即、「テキストオブジェクト」になります。

① の方法は、きっちりしたデザインをしたいとき、② の方法は、とりあえず作っちゃえという場合に適しています。なお、テキストオブジェクトは後で、自由に変形できます。