この名刺の文字組、どっちが正解？名刺デザインのセンスを磨いておこう

3問目の答え：A

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

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

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

ジャンプ率を設定し強弱を付ける

AとBの違いは、テキストサイズに差があることです。

Bではすべての文字がほぼ同じサイズです。

Aは名前である「文字 太郎」が一番大きい文字になっていて、役職やローマ字はそれよりも小さくしています。

下段の情報ブロックも同様に、会社名を大きく、住所以降の情報は小さく細い文字になっています。

これは、情報に優先順位を付けるためです。

文字サイズの比率に強弱を付けることを「ジャンプ率」といいます。

名刺において、まず見てほしい情報は「名前」、次に「会社名」です。

住所や連絡先は必要になったとき読む部分なので、全員に一番に見てほしい部分ではありません。

まず名前、そこについてくる役職やローマ字、そして会社名、連絡先の情報。

このように情報に優先度を付け、優先度が高いテキストをより大きく、太くすることで、受け取った人にとって見やすいレイアウトになります。


デザインによっては、テキストサイズや太さに差を付けないこともありますが、今回は、名刺として受け取った人が見やすいデザインはどちらか？という視点で「A」を正解としました。

情報のグルーピングでメリハリを付ける

名刺のレイアウトにおいてもう一つ気を付けたいことが、情報のグルーピングです。

名刺のように文章ではなく短いテキストをレイアウトする場合、特にグルーピングが重要です。

今回の例は、A・Bともに、「役職・名前・ローマ字」と「会社名・住所・連絡先」の二つのグループに分かれています。

Aのように行ごとにテキストサイズを変えても、同じグループの情報同士が近くにあることで、一つのグループとして見えます。

グルーピングで情報にメリハリを付けるには、グループにしたい要素の間隔と、グループ同士の余白に差を付けることが大切です。

名刺交換は、初めましての方とのファーストコミュニケーションです。

初めて渡す手紙やプレゼントのようなものです。

デザインは、ユーザーに優しいデザインでありたいと考えます。

ここに注意！ガイドの使い方と錯覚の調整

Illustratorでデザインを制作する際、レイアウトに便利な「ガイド」という機能があります。

ここでは、名刺のデザインを制作する際、仕上がりサイズから5mmの余白を確保したい場合の手順をご紹介します。

1. 「長方形ツール」を選択した状態でアートボードをクリックし、名刺の仕上がりサイズを入力し、長方形をアートボードに合わせる
2. 長方形を選択した状態で、「オブジェクト」＞「パス」＞「パスのオフセット」をクリックし、余白のサイズに合わせてオフセットを設定
   （5mmの余白をとりたいので「オフセット：-5mm」で適用）
3. 完成サイズから天地左右それぞれ5mm小さい長方形が作成される
4. 小さい長方形を選択し、「表示」＞「ガイド」「ガイドを作成」を実行

これで、長方形のガイドの完成です。

このガイドに沿ってレイアウトしていけば、上下左右の余白は各5mmで、数値上は綺麗に揃います。

しかし、ガイドを外して見てみると、上下の余白が大きく空いて見えると思います。

これは同じ余白でも上下のほうが広く見えてしまう錯視によるもので、印刷したときに揃って見えるよう調整する必要があります。

このように上下の余白については、ガイドラインより少し外側に設定するとよいでしょう。

プロのデザイナーは、余白は「なにもない」のではなく、空間を感じさせ、視覚的なリズムを作るデザインの重要な要素です。

数値に囚われすぎず、「目で見て心地よいか」を大切に余白をデザインしましょう。

名刺は情報を伝えるツールですが、“心地よい”というような印象も伝えるべき大切な情報なのです。

1．ジャンプ率とグルーピングで「ジャンプ率」情報にメリハリと優先順位を

• ジャンプ率を設定し、文字の強弱を付ける
• 情報のグルーピングで、情報の優先順位を付ける

2．余白をデザインする

• 数値に囚われすぎず、「目で見て心地よいか」を大切に余白をデザインする
• 名刺は情報だけでなく、“心地よい”というような印象も伝えるべき大切な情報

3．行頭を視覚的に揃える

• データ上は揃っていても、目の錯覚の影響で視覚的な調整も必要
• 漢字は端が真っ直ぐではないことが多いので、日本語と英数字が混ざった文の場合は特に注意

名刺のデザインは、文字組や余白で大きく印象が変わります。

ぜひ、今回ご紹介した視点を覚えておいてください。

お相手はグラフィックデザイナー／クリエイティブディレクターの前田高志でした。
本コーナーでは、あなたのデザイン力のアップにつながる様々なクイズが用意されています。
ぜひほかのクイズにもチャレンジしてみてください。


※本コンテンツは、デザイナーがそれぞれの視点で理想とするデザインを語っています。
クイズの正解はひとつではなく、あくまで参考としてご活用ください。