はじめに
この講座では、デザインにおける「文字組（もじぐみ）」について解説いたします。
IllustratorやCanvaで文字を入力できるようになった次のステップとして、「読みやすく」「伝わりやすい」文字の整え方を身につけることが目的です。
デザインを見る人は、まず文字から情報を受け取ります。
だからこそ、文字組はデザインの印象や伝わり方を大きく左右する、とても重要な要素です。
フォントを選ぶだけでなく、文字同士の関係性や情報の強弱をどう整えるかが、デザインの完成度を左右します。
難しいルールを覚える必要はありません。「なぜそう調整するのか」という考え方を知り、迷ったときに使える判断軸を身につけていきましょう。
文字組とは何か？
文字組とは、
- フォント
- 文字の大きさ
- 文字と文字の間隔
- 行と行の間隔
- 文字の太さ（ウェイト）
といった要素を調整し、文字を読みやすく、整理された状態に整えることを指します。
同じ文章でも、文字組が違うだけで、
- 読みやすさ
- 信頼感
- デザインの雰囲気
は大きく変わります。
1. 行間・字間を調整して、文章にまとまりをつくる
文章が「なんとなく読みにくい」と感じるときは、フォントや内容よりも先に、行間と字間を疑ってみましょう。
文字同士が近すぎると窮屈に見え、離れすぎるとバラバラな印象になります。
行間も同じで、狭すぎると圧迫感が出て、広すぎると視線が迷ってしまいます。
基本の考え方はシンプルです。
- 字間は「詰めすぎず、空けすぎず」
- 行間は「スッと目が次の行に流れるか」を基準に調整
読みやすくしたいからといって、無闇に文字を大きくする必要はありません。
少し文字を小さくして、字間や行間を整えることで、文章全体にまとまりが生まれ、
結果的に読みやすくなることが多いです。
「この文章、スムーズに読めるかな？」
と自分に問いかけながら調整することが大切です。
トラッキングとカーニング
多くのデザインツールには、文字の間隔を調整する機能として
トラッキングとカーニングがあります。
【トラッキング】
→ 文章全体の文字間隔を一括で調整する機能
【カーニング】
→ 特定の文字と文字の間隔だけを個別に調整する機能
例えば、
- 文字全体が少し詰まって見える
- 文章の密度を少し軽くしたい
といった場合は、トラッキングで全体のバランスを整えます。
一方で、
- 数字の前後
- 括弧の前後
- 句読点の前後
- 感嘆符の前後
など、特定の文字だけ間隔が不自然に見える場合は、カーニングで微調整します。
最初はトラッキングで全体のバランスを整え、
気になる部分だけカーニングで調整するという順番で作業すると、文字組を整えやすくなります。
文字組の調整は、細かくて地味に感じるかもしれません。
ですが、この小さな調整の積み重ねが、デザインの読みやすさや完成度を大きく高めてくれます。
2. 助詞は小さくすると読みやすくなることがある
「は」「が」「を」「に」などの助詞は、文章をつなぐ役割を持つ文字です。
見出しやキャッチコピーでは、助詞だけを少し小さくすることで、伝えたい言葉が自然と目立ちやすくなることがあります。
※本文では基本的に使いません
※短いフレーズ向けのテクニックです
3. 記号類はウェイトを細くするとスッキリする
「・」「／」「：」「―」「（）」「『』」などの記号は、文字を補足する役割です。
文字と同じ太さだと、記号だけが強く見えてしまうことがあります。
記号だけ少し細くすることで、全体のバランスが整いやすくなります。
4. 単位は少し小さくすると情報が伝わりやすい
「円」「％」「kg」「cm」などの単位は、数字を補足する情報です。
数字と同じ大きさだと、視線が分散してしまうことがあります。単位を少し小さくすることで、
数字 → 内容という自然な読み順が生まれます。
5. 数字や英語は欧文フォントを使うと整いやすい
日本語フォントの数字や英字は、形や幅にクセが出やすいことがあります。
- 数字が多い
- 英語が目立つ
- スッキリ見せたい
こうした場合は、欧文フォントを使うことで文字のリズムが整いやすくなります。
6. 情報の重要度に応じてサイズを変える
文字サイズは装飾ではなく、情報の優先順位を伝えるための手段です。
- 一番伝えたい情報 → 大きく
- 補足情報 → 小さく
- 注意書き → さらに小さく
サイズを変えることで、
読む順番を自然にコントロールできます。
7. 見た目で位置を整える
整列機能を使って揃えていても、見た目では揃って見えないことがあります。
特に、
- 「『」や「（」が行頭に来たとき
- 記号が多い文章
こうした場合は、余白が大きく取られてしまうことが多いです。
目で見た印象を優先して調整しましょう。
8. 文字の縦横比は崩さない
縦横比を変えた文字は、見た目だけでなく、読むスピードと理解度も下げます。
大きさを変えたい場合は、
- フォントサイズ
- ウェイト
で調整し、縦横比は必ず保ったまま作業しましょう。
※例外的に文字の縦横比を変えることがあります。
縦横比を変えていいのは、文字を「読む情報」ではなく「見る表現」として使う場合です。
ロゴや装飾、大きなタイトルなど、印象を優先したいときに限って「意図的に」歪ませることもあります。
文字組で迷ったときの考え方
文字組に絶対の正解はありません。
- 読みやすいか
- 意味が自然に伝わるか
- 情報の強弱がついているか
この3つを基準に考えると、判断に迷いにくくなります。
「なんとなく読みにくい」と感じたときは、字間や行間、サイズのバランスを見直してみましょう。
文字組は、デザインを縛るルールではありません。
正解にとらわれすぎず、読み手の立場を意識しながら、伝わる文字組を意識してデザインしていきましょう