学びブログ
Learning Blog

DESIGN

読みやすい資料の作り方|「整列」と「強弱」で変わる3つの基本

「内容はまとまっているのに、なんだか読みにくい」
「文字や図を配置してみたけれど、全体がごちゃごちゃして見える」

資料を作るとき、こんな悩みを感じたことはありませんか?

読みやすさを改善するには、文字の大きさや配置、強調の仕方を見直すことが大切です。同じ内容でも、見せ方を整理すると、伝えたいことがぐっとわかりやすくなります。

この記事では、モノクロの資料にも使えるレイアウトの基本を、3つのポイントに分けて紹介します。

読みやすい資料は、情報の役割がひと目でわかる

資料には、タイトル、見出し、本文、図、補足など、役割の異なる情報が並びます。

それらが同じ大きさや太さで表示されていると、読み手は「どこから読めばいいのか」「何が大切なのか」を判断しにくくなります。

反対に、同じ役割の情報が同じ見た目でまとめられていれば、資料の構成をつかみやすくなります。

そのために意識したいのが、次の3つです。

  • 文字や図の大きさにルールを作る
  • 文字や枠の位置を揃える
  • 強調する部分を絞る

ひとつずつ見ていきましょう。

1.文字や図の大きさにルールを作る

最初に、情報の役割ごとにサイズを決めましょう。

たとえば、タイトルは大きく、見出しは本文より少し大きく、本文は一定のサイズに揃えます。補足がある場合も、その扱いを統一すると全体が整います。

大切なのは、同じ役割の情報に同じルールを使うことです。

同じ階層の見出しは、同じ大きさにする

同じ階層の見出しなのに、ひとつだけ大きくなっていると、そこだけ特別に重要な項目のように見えます。

意図した違いであれば問題ありませんが、配置の都合でサイズを変えると、情報の関係がわかりにくくなります。

見出しが長くて収まらないときは、その見出しだけ小さくする前に、言葉を短くできないか、改行や配置を調整できないかを考えてみましょう。

図やアイコンにも共通のルールを使う

サイズを揃えるのは、文字だけではありません。

並列に紹介する項目にアイコンを添えるなら、アイコンの表示サイズも揃えます。ひとつだけ大きいと、文字の内容とは別に、その項目へ視線が集まってしまいます。

まずは、同じ役割の要素を見比べてみてください。サイズのばらつきを減らすだけでも、資料全体にまとまりが生まれます。

2.整列で、配置のばらつきを減らす

整列とは、文字や図、枠などを共通の基準に沿って配置することです。

見出しの左端、本文の開始位置、枠の幅などが少しずつずれていると、全体が落ち着かない印象になります。

まずは「どの線に合わせるか」を決めると、配置を整理しやすくなります。

文章は、読み始める位置を揃える

複数の説明文を並べるときは、左端を揃えると読み始める位置が一定になります。

たとえば、サービスの特徴を3つ紹介する場合、それぞれの見出しと説明文の開始位置を統一します。読み手が次の項目へ移るときに、文章の始まりを探す手間を減らせます。

中央揃えを使う場合も、まとまりごとに揃え方を統一しましょう。左揃えと中央揃えが理由なく混在すると、視線の動きが不安定になります。

同じ役割の枠は、幅と間隔を揃える

項目を囲む枠にも注意が必要です。

文字数に合わせて枠の幅を変えると、並べたときに端が不揃いになります。同じ役割の項目であれば、枠の幅や高さ、項目同士の間隔に共通のルールを使うと整理しやすくなります。

ただし、枠に収めるために文字を小さくしすぎないことも大切です。文章を短くする、枠を広げるなど、読みやすさを保つ方法を選びましょう。

余白も揃える

文字や枠が整っていても、間隔がばらばらだと、まとまりが伝わりにくくなります。

関連する情報は近くに置き、別の話題との間には余白を設けます。その間隔を繰り返し使うことで、「どこまでが同じグループなのか」がわかりやすくなります。

すべてを詰め込もうとせず、情報の区切りを余白で示すことも意識してみてください。

3.強弱は、強調しない部分から考える

大切な情報を目立たせようとして、太字や囲みを増やしていませんか?

あちこちを強調すると、どの部分が特に重要なのかがわかりにくくなります。

強調を効果的に使うには、通常の文字との違いを作ることが必要です。

太字は、伝えたい言葉に絞る

たとえば、次の文章を見てみましょう。

資料を読みやすくするには、文字の大きさを揃えることが大切です。

文章全体を太字にするよりも、要点に絞ったほうが、伝えたい内容を拾いやすくなります。

太字を設定するときは、「ここだけ読んでも要点がわかるか」を目安にすると、強調する場所を選びやすくなります。

囲みや色を重ねすぎない

太字に加えて、背景色や囲み枠まで使うと、強調が過剰になることがあります。

まずは、ひとつの方法で十分に伝わるかを確認しましょう。

モノクロ資料なら、文字の大きさ、太さ、余白、枠の有無などでも差を作れます。色を使う場合も、強調する場所を絞るという考え方は同じです。

「弱くする」は、読みにくくすることではない

強調しない部分は、通常の太さに戻すだけでも十分です。

文字を極端に小さくしたり、薄くしたりする必要はありません。本文を無理なく読める状態に保ちながら、重要な部分との差を作りましょう。

資料を見直すときのチェックリスト

資料ができたら、細かい装飾を加える前に、全体を見直してみてください。

  • 同じ階層の見出しは、同じ大きさになっているか
  • 本文の文字サイズは統一されているか
  • 並列に使う図やアイコンのサイズは揃っているか
  • 見出しや本文の開始位置は揃っているか
  • 同じ役割の枠は、幅や間隔が統一されているか
  • 情報のまとまりが、余白で区切られているか
  • 太字や囲みを使いすぎていないか
  • 最も伝えたいことが、ひと目でわかるか

迷ったときは、「この違いには意味があるか」と考えてみましょう。

理由のないサイズ差や位置のずれ、装飾を減らしていくと、情報の関係が見えやすくなります。

読みやすい資料は、小さなルールの積み重ねで作れる

資料の見やすさを整えるには、まずサイズのルールを決め、配置を揃え、強調する部分を選ぶことから始めましょう。

この3つを意識すると、読み手が情報を追いやすくなり、伝えたい内容も明確になります。

次に資料を作るときは、完成後に「大きさ・位置・強調」の順で見直してみてください。ひとつずつ整えることが、読みやすい資料への第一歩です。