この改行や行揃え、どっちが正解？文字組みのセンスを磨いておこう

3問目の答え：B

以上が私なりの解答です。

同じ文章でも、改行位置や文字のまとまり次第で印象は変わります。

あなたがよいと感じた文字組みは、AとBどちらでしたか？

ではここからは、各クイズの問題について解説していきます。

それぞれの作例のAとBで、何が異なっていたのか？を説明し、作例で用いられていたテクニックについてもご紹介します。

これらの3つの違いを見比べた際、Bのほうが整っていると判断しました。

上記のうち「1」と「2」のポイントを押さえながら文字組みを整える場合は、Adobe Illustratorを使うのがオススメです。

ここからは、作例Bで実際に行った、Illustratorを用いた長文の配置の調整手順について解説していきます。

手順1：長文を配置する際は、まずは「エリア内文字」の設定を使う

Illustratorの文字ツールでは、クリックしてテキストを入力すると「ポイント文字」、ドラッグしてからテキストを入力すると「エリア内文字」になります。

長文を配置する際は、これらの設定のうち「エリア内文字」を使います。

「ポイント文字」は、文字の周囲に、文章の範囲を指定する枠（テキストエリア）がなく、改行を手動で行う設定です。
枠に縛られないため一行見出しに最適なのですが、自動で折り返されないため、長文を手動で改行した結果、以下のように行末が揃いません。

一方「エリア内文字」は、文字の周囲に、文章の範囲を指定する枠（テキストエリア）があり、右端で自動で折り返される設定です。
文章を流し込むだけで、文字のサイズは変わらずにテキストエリアの右端で折り返されます。

長文を配置する際には、まずはこの「エリア内文字」の設定を使います。

手順2：行揃えを「均等配置（最終行左揃え）」に設定する

日本語の文章においては、段落の最後の行を除き、すべての行の長さを揃えると、見た目が美しく整います。

ただし、IllustratorやPhotoshopでは、デフォルトの行揃えの設定が「左揃え」になっているため、そのままの設定で文字を入力すると、行の長さが揃いません。

そこで「均等配置（最終行左揃え）」という設定を用います。
この設定は、最終行以外の通常の行は、文字を行の左端から右端までを均等に配置し、最終行のみ左揃えにするという設定です。

この設定を用いることで、美しい行揃えが可能となります。

手順3：文字組みを「行末約物全角／半角」に設定し、文字の間隔を整える

Illustratorでは、和文（日本語）と欧文（英数字）の間に、デフォルトで自動的にスペースが挿入されるようになっています。

これは、文章が和文から欧文、欧文から和文に切り替わったことを読者が判別しやすくするための機能です。

また、欧文は字幅がバラバラで、しかも横幅が漢字より狭い場合が多いため、普通に文字を混ぜて並べると、視覚的に詰まり過ぎることがあります。

そういったことがないよう、視覚的なバランスを整え、読みやすくするために、スペースが自動的に挿入される仕様となっています。

しかし、この仕様をあえて無視して、文字を配置したい場合もあります。

今回の作例の場合、欧文の「年号」や「略号」「商品名」などは、日本語の文章の一部として読んでもらいたいため、配置を変更しました。

設定方法はカンタンです。

段落パネルにある文字組み設定を「行末約物全角／半角」にすることで、意図したとおりの間隔になります。

なお、この設定はIllustrator 2025から搭載されました。

以前のバージョンでは和文と欧文の間隔を詰めるには手間がかかりましたが、このようにIllustrator 2025ではカンタンに設定を行うことができます。

作例Bではこの設定を用いて、より洗練された文字組みを実現しました。

文字組みは見やすく読みやすいテキストに仕上げるうえで、とても重要な作業です。

現場でよく見かける光景として、デザイナーが作業し続けるなかで、テキストを何度も目にする結果、そもそもの配置が見づらい・読みづらいことに気づきにくくなってしまうことがあります。

文字組みを終えたら、少し時間を空けて確認したり、第三者からフィードバックをもらったりして、読み手から見てどう見えるかを確認することを心がけましょう。

お相手はエディトリアルデザイン・DTPがメインのデザイナー、あかつき＠おばなでした。


本コーナーでは、あなたのデザイン力のアップにつながる様々なクイズが用意されています。
ぜひほかのクイズにもチャレンジしてみてください。


※本コンテンツは、それぞれのデザイナーが自身の感性で理想とするデザインを語っています。クイズの答えはひとつの参考としてください。