「なんか見やすい！」と言われ…
09
7
2025
point
制作のコツ
［コラム］
「なんか見やすい！」と言われる資料の共通点｜余白と配置の基本ルール
「この資料、わかりやすいね！」と言われるための余白と配置の基本
「なんかこの資料、見やすいね」
そう言われる資料には、必ず理由があります。
デザインの知識がなくても、“読みやすい・伝わりやすい”資料を作るコツはあります。
それが、「余白」と「配置」。
本記事ではこの2つの基本に焦点を当てて、誰でもすぐに実践できる資料改善のポイントをお伝えします。
目 次
1はじめに
皆さんは、ご自身で作成した資料やパンフレットを見たとき、
- 「なんだかごちゃごちゃしているな」
- 「もっとプロっぽく見せたいんだけど、どうしたらいいんだろう？」
と感じたことはありませんか？
伝えたい情報はたくさんあるのに、いざ紙面に落とし込むと、なぜか読みにくく、魅力に欠けるものになってしまう…。
もしかしたら、その原因は「余白」と「配置」にあるかもしれません。
「デザイン」と聞くと、特別なセンスや専門的な知識が必要だと感じる方もいらっしゃるかもしれません。
しかし、実はデザインの基本は、誰もがすぐに実践できるシンプルな原則に基づいています。
今回は、資料作成において非常に重要な「余白」と「配置」に焦点を当て、まるでプロが作ったかのような洗練された資料にするための秘訣を、わかりやすく解説していきます。
2余白と配置が“見やすさ”を決める理由
余白は「情報を整える道具」です
余白とは、文字や画像の“まわりの空間”のこと。
「なんとなく空いているスペース」ではありません。
- 情報をグループごとに分ける
- 重要な要素を際立たせる
- 読み手の視線を自然に誘導する
こうした役割を果たす、大切な設計要素です。
たとえば美術館。
絵画の周りに余白（壁面）があるからこそ、一つひとつの作品に集中できますよね。
資料でも同じ。
“間”があることで、伝えたいことが際立ちます。
余白が「読みやすさ」と「理解度」を高める
想像してみてください。
文字がびっしりと詰まり、どこからどこまでが一つの情報なのか分からない資料――。
読む前から「なんだか大変そう…」と感じてしまいますよね。
このように、余白が足りない資料は、情報が“ひと固まり”になってしまい、読み手に負担を与えます。
一方で、適切な余白がある資料は、視線の流れが自然になり、どの情報がどのグループに属しているかが一目で分かります。
- 情報が整理されて見える
- 各ブロックが独立して認識される
- 脳がスムーズに情報処理できる
つまり、余白は単なる「空白」ではなく、読み手の理解を助けるための“道具”なのです。
配置は「情報の道順」をつくるもの
同じ内容でも、「どこに置くか」で伝わり方は大きく変わります。
たとえば、商品画像とその説明文がバラバラに配置されていたら、
「この文章はどの画像に対する説明なんだろう？」と、読み手は迷ってしまいます。
一方、関連する情報同士を近くに配置し、整理された構成にすると、読み手は「何が言いたいのか」を瞬時に理解できるようになります。
- 関連情報を近くにまとめる
- 視線の流れ（左上→右下）に沿って配置する
- 重要な情報は最初に置く
このように“読み手の視点”をガイドする配置ができていると、読みやすく、頭に入りやすい資料になります。
情報を「グループ化」して見せる
- 見出し＋説明文＋図 → 一つのブロックにまとめる
- 近い情報は近くに、離れた内容はしっかり余白で区切る
これだけでも、読み手の理解スピードは格段に上がります。
視線の流れを意識する
人は資料を読むとき、自然と 左上→右下 に視線を動かします（Z型／F型）。
この視線の動きに沿って配置すると、
- 内容が自然に頭に入ってくる
- 読み手が迷わずに最後まで読み進められる
- 情報に「順番」ができて、流れが生まれる
結果として、ストレスなく“読んでもらえる資料”になるのです。
3素人でもすぐに実践できる！ 余白と配置の基本テクニック
行間・文字間を適切に取る
文章が詰まって見える主な原因の一つが、行間や文字間が狭すぎることです。
行間:
文章の各行の間隔です。
適切な行間を取ることで、文字が互いに干渉せず、読みやすくなります。
一般的には、文字サイズの1.5〜2倍程度が目安とされていますが、フォントの種類やデザインによって調整が必要です。
文字間（カーニング）:
個々の文字と文字の間隔です。
特にタイトルや見出しなど、目立たせたい文字は、少し広めに取ることで、ゆったりとした印象を与え、視認性が向上します。
グループごとに余白で区切る
関連する情報は一つのグループとしてまとめ、そのグループとグループの間に適切な余白を設けましょう。
これにより、情報の塊が明確になり、全体の見通しが良くなります。
例えば、商品の特徴を箇条書きで並べる場合、それぞれの特徴の間に適度な余白を設けることで、一つ一つの項目が読みやすくなります。また、セクションごとの区切りには、より大きな余白を取ることで、次のセクションへスムーズに移行できます。
周囲の余白（マージン）を十分に確保する
パンフレットや資料の端ギリギリまで文字や画像が配置されていると、非常に窮屈な印象を与えます。
資料全体の周囲には、十分な余白（マージン）を設けましょう。
これにより、資料全体が呼吸しているかのような、ゆったりとした印象を与え、高級感や信頼性を演出できます。
これは、額縁に飾られた絵画の額縁部分と同じです。
額縁があることで、絵画が壁から浮き立ち、鑑賞者の注意を作品へと引きつけます。
資料における周囲の余白も、情報の「額縁」として、内容を際立たせる効果があるのです。
4配置のテクニック：情報を整理し、導線を意識する
グリッドシステムを活用する
プロのデザイナーがよく使うのが「グリッドシステム」です。
これは、資料のレイアウトを決定するための仮想的な罫線（グリッド線）のことです。
グリッド線に沿って情報や画像を配置することで、全体のバランスが整い、統一感のあるデザインに仕上がります。
例えば、資料全体を縦に2〜3列、横に複数行に区切るイメージです。
そして、見出しはこの列に、本文はこの列に、画像はこのグリッドに合わせて…というように配置していきます。テンプレートを使用する場合も、このグリッドシステムを意識して配置されていることが多いため、それに従うだけでも整った印象になります。
整列（アラインメント）を意識する
バラバラに配置された文字や画像は、それだけでだらしない印象を与えてしまいます。
すべての要素をどこかの基準線に沿ってきれいに整列させることを意識しましょう。
例えば、
- 左揃え：文章の始まりを揃える
- 右揃え：数字や金額などを揃える
- 中央揃え：タイトルやキャッチコピーなど、独立した要素に使う
- 上下中央揃え：アイコンとテキストを揃える
など、目的に合わせて適切な整列を選びましょう。
たったこれだけのことで、プロフェッショナルな印象を与えることができます。
視線の流れを考慮する
人は、資料を読む際に特定の視線の流れを持っています。
日本語の資料であれば、基本的に「左上から右下へ」と「Z型」または「F型」の視線移動をする傾向があります。
この視線の流れに沿って重要な情報を配置することで、読み手は自然に情報を追うことができ、伝えたいメッセージがスムーズに伝わります。
例えば、最も伝えたいキャッチコピーや画像は左上に配置し、それに続く説明文や詳細情報をZ型に配置していく、といった工夫が考えられます。
5テンプレートでもプロ級に！実践例を見てみよう
お手持ちのプレゼンテーションソフトやWord、Canvaなどのデザインツールには、様々なテンプレートが用意されています。
これらのテンプレートをそのまま使うだけでも十分ですが、上記で紹介した「余白」と「配置」の原則を少し意識するだけで、テンプレートとは思えないほど洗練された資料に生まれ変わらせることができます。
そもそも、デザインツールで提供されているテンプレートは、プロのデザイナーが余白や配置の重要性を理解し、あらかじめ最適な設計で作成しています。
だからこそ、それらを活用することで、誰でも簡単に美しい資料を作ることが可能なのです。
例えば、既存のテンプレートで文字がぎっしり詰まっていると感じたら、
- フォントサイズを少し小さくして、行間を広げてみる。
- 各項目と項目の間にEnterキーで余白を増やしてみる。
- 画像とテキストの間に少しスペースを空けてみる。
- 箇条書きのインデントを揃え、各行の始まりを揃える。
- 資料の端から文字や画像まで、最低でも2cm程度の余白を取る。
といった簡単な修正でも、驚くほど見違えるように変わります。
6デザインは「相手への配慮」
「この資料、わかりやすいね！」と言われる資料を作るには、小手先のテクニックよりも、読み手への配慮が何よりも大切です。
余白と配置は、読み手がストレスなく情報を理解し、快適に読み進められるようにするための、いわば「おもてなし」なのです。
今回ご紹介した「余白」と「配置」の基本は、デザインの専門知識がない方でも、すぐに実践できるものばかりです。
ぜひ、今日からご自身の資料作成に取り入れてみてください。
もし、「もっと専門的なアドバイスが欲しい」「自社のパンフレットをプロの視点で徹底的に見直してほしい」とお考えでしたら、ぜひ一度弊社にご相談ください。私たちは、単に「見た目の良いデザイン」を作るだけでなく、お客様のビジネスの目的を深く理解し、宣伝や売上に貢献する「根拠のあるデザイン」をご提案しています。
0120-511-500
