資料デザインの基本

上司に「見にくい」と言われたスライド、ありませんか？

文字を全部詰め込んだスライド——実は、それ読む側はほとんど読んでません。1スライドに情報をぎゅうぎゅうに詰め込むと、どこから読めばいいか分からず、読む気が失せます。「情報は全部載せたほうが親切でしょ？」「余白を空けると中身が薄く見える」「デザインはセンスの問題でしょ？」——こう思っていると、一生「見にくい」スライドを作り続けることになります。

見やすさはセンスの問題ではありません。余白・揃え・強調の3原則を知っていれば、誰でも見やすいスライドを作れます。この講座を読み終えたあなたは、次の3つができるようになります。

1. 余白・揃え・強調の3原則を自分のスライドに当てはめて説明できる
2. 文字詰めスライドを3原則で修正した見やすいスライドを作成できる
3. 自分のスライドの「見にくさ」を3原則の観点で自己評価できる

この講座は最後まで、入社6ヶ月目の「佐藤さん」の営業週報スライドという、1人の新入社員の毎週の資料だけで説明します。4ページの週報スライドを、余白で切り分けて、揃えて、強調して、完成させる——その全工程を4章で辿っていきます。各章末には手を動かす演習も置いているので、自分の資料に置き換えながら読み進めてみてください。

余白——書かないことで伝える

まずは、一番誤解されている原則「余白」から始めます。「余白を空けると中身が薄く見える」——この思い込みを外し、書かないことで伝わるスライドを作ります。

「情報は全部載せたほうが親切」の落とし穴

佐藤さんの週報スライドの1ページ目を見てみましょう。タイトルは「今週の成果」。でも、その1ページに今週の成果・訪問件数・課題・来週の予定が全部詰め込まれています。文字サイズは小さく、行間は狭く、どこから読めばいいか分かりません。

「情報は全部載せたほうが親切」——そう思いがちです。でも、詰め込んだ情報は「全部あるように見えて、全部読まれない」。読む側は、情報量が多すぎるとどこが大事か分からず、結局何も読まずに流してしまいます。読まれないスライド＝親切じゃないんです。

余白＝情報の呼吸

余白（マージン＝スライド端から要素までの空白。行間＝行と行の間隔）は「無駄な空間」ではありません。情報を拾うための呼吸です。

新聞の見出しを想像してください。見出しの文字は大きく、周囲には空間があります。あの余白があるから、目は自然に見出しに止まります。もし見出しと本文がぎっしり詰まっていたら、見出しは目立たない。余白があるからこそ、重要な情報が際立つんです。

デザインの原則を体系化したロビン・ウィリアムズの『ノンデザイナーズ・デザインブック』でも、関連する項目を近くにグループ化する「近接」の原則が、余白の使い方と直結しています。余白は「何もない空間」ではなく、「情報のまとまりを作るための仕切り」なんです。

1スライド1メッセージ

余白を確保する一番の方法は、1スライドに載せるメッセージを1つに絞ることです。これはプレゼンテーション設計の一般原則として広く知られています。

「情報を減らすと説明不足になる」——そう心配するかもしれません。でも、話す内容は減らしません。スライドに書く内容を絞るだけです。詳しい説明は話し言葉で補えばよい。スライドは「話の伴奏」であって「話そのもの」ではない。スライドに全部書いてあると、聞く人はスライドを読むのであなたの話を聞きません。スライドを絞ることで、聞く人はあなたの話に集中する——これが本来の姿です。

余白を確保する3ステップ

では、具体的にどうすればいいか。3ステップで進めます。

1. 1スライドに載せるメッセージを1つに絞る——今の1ページにいくつメッセージがあるか数えて、1つに絞る。残りは別スライドに移すか、話し言葉に回す
2. マージン（上下左右）をスライド端から15%以上空ける——一つの目安です。スライドの端から要素までの距離を、スライド幅の15%以上空けると、全体に余裕が生まれます
3. 行間を1.5倍以上にする——タイポグラフィの分野で読みやすさの目安とされる値です。行と行の間隔を広げると、各行が拾いやすくなります

佐藤さんの週報1ページ目「今週の成果」に当てはめてみましょう。今は成果・訪問件数・課題・来週の予定の4メッセージが1ページにあります。これを「今週の成果」1つに絞ります。訪問件数は2ページ目、課題は3ページ目、来週の予定は4ページ目に分けます。マージンを端から15%空け、行間を1.5倍にする——これだけで、スライドの印象が「詰まった」から「余裕がある」に変わります。

この章の確認（演習）

自分のスライド1枚を選び、1スライド1メッセージに切り分けてみてください。今の1枚にいくつメッセージがあるか数え、1つに絞る。残りは別スライドに移すか話し言葉に回す。情報を減らすのではなく、切り分ける——これが余白の第一歩です。見やすさはセンスじゃない、3原則だ。第一歩は「書かないことで伝える」余白から始まります。

揃え——整えるだけでプロに見える

第1章で余白を確保しました。この章では、切り分けたスライドの要素を揃えて、見やすさをさらに一段上げます。

揃え＝視線の誘導

揃え（配置の整え方）は「整えること」以上の意味を持ちます。視線を誘導する役割があるんです。

スライドを見る人の目は、自然に左上から入って右へ流れます。この視線の動きに合致する配置が「左揃え」です。左揃え（テキストの左端を一直線に揃える）は、目が自然に左から右へ動く読み方に合致し、読みやすさの基本になります。

ロビン・ウィリアムズの『ノンデザイナーズ・デザインブック』でも、「整列」の原則として、ページ上のすべての要素を何らかの要素と整列させることが推奨されています。強い整列は統一感を生み——統一感は「プロが作った」という印象を与えるんです。

左揃えが読みやすさの基本

「中央揃えのほうがバランスよく見える」——そう思うかもしれません。たしかに中央揃え（テキストの中心を基準に揃える）は、1行が短ければ見た目が整います。タイトルや見出しなら中央揃えでもよい。

でも、段落が長くなると、中央揃えは読みにくくなります。行の左端がガタガタになり、視線がどこから読めばいいか迷う。バランスよく見えるのは「見た目の印象」であって、「読みやすさ」ではない。読む人の視線を最優先するなら、本文は左揃えが正解です。

グリッドでまとまりを出す

要素の位置を揃えるもう一つの手段がグリッド配置です。グリッド（等間隔の補助線）を使って、見出しと本文の間、箇条書きの行間、図とテキストの間を等間隔に配置します。

PowerPointなら「表示→ガイド」、Googleスライドなら「表示→ガイド」で補助線を表示できます。この補助線を等間隔に引いて、要素の端を線に合わせるだけ。間隔が揃うと、パラパラだった要素が「まとまり」として認識されます。

バラバラな配置は「作りかけ」に見えます。等間隔配置は「完成品」に見える。揃えるだけで、見た目の信頼感が変わるんです。

揃える3ステップ

具体的な手順は3ステップです。

1. 見出し・本文は左揃え——タイトルだけ中央揃え、それ以外は左揃え。これが一番迷わない基本
2. 箇条書きのインデント（字下げ）を揃える——箇条書きの各行の左端を一直線にする
3. 要素間の間隔を等間隔にする——ガイドライン（補助線）を引いて、見出しと本文の間、箇条書きの行間を等間隔にする。間隔の目安は要素の高さの半分〜同量

佐藤さんの週報1ページ目に当てはめてみましょう。第1章で余白を確保したスライド——見出し「今週の成果」は中央に、箇条書きはバラバラに配置されています。これを、見出しは左揃えに変更。箇条書きのインデントを揃える。要素間の間隔をガイドラインで等間隔にする——これだけで、スライドが「整った」印象に変わります。

この章の確認（演習）

佐藤さんのスライドの要素（見出し・箇条書き・数値）を左揃え＋グリッドで再配置してみてください。ガイドラインを引いて、間隔を揃える。整えるだけでプロに見える——これを実感するのがこの章のゴールです。見やすさはセンスじゃない、3原則だ。余白で切り分けたら、次は揃えで視線を誘導する。

強調——目を止める場所を作る

第1章で余白を確保し、第2章で揃えました。最後の仕上げは強調です。どこに目を止めてほしいか——その道しるべを作ります。

強調＝1ページに1〜2箇所だけ

「大事なことは全部強調したい」——そう思いがちですが、これは間違いです。全部強調＝全部普通。全部太字だとどこも目立たない。全部赤字だとどこも目立たない。

強調は「ここを読んでほしい」という道しるべです。道しるべがあちこちにあったら、読む人は迷ってしまいます。1ページで強調する箇所は1〜2箇所だけ。これが鉄則です。

太字——印刷でも画面でも目立つ強調

太字は、印刷でも画面でも目立つ強調手段です。本文中の最も伝えたい数値やキーワード1箇所を太字にするだけで、読む側の目はそこに止まります。

ただし、太字の多用は強調の消滅を意味します。1ページで太字にするのは1〜2箇所だけ。それ以上太字にすると、太字の意味がなくなります。

色——1色追加でコントラスト

色は強力な強調手段ですが、多用すると散らかります。本文は黒、強調は1色（赤や青等）だけ追加する——これだけで強調は伝わります。2色以上の強調色は初級には不要です。

色の選び方はシンプルです。社のテーマカラーがあればそれを使う。なければ赤か青。それだけで「ここを見て」という合図は伝わります。色彩理論の各論（補色・類似色等）は、この初級講座の範囲外です。

サイズ——見出しと本文の階層を明確に

見出しは本文より大きくする——これだけでも強いコントラストが生まれます。目安として、見出しは本文の1.5倍以上のサイズにします。

サイズ差があると、「見出し＝全体のテーマ、本文＝詳細」という階層が視覚的に分かります。サイズ差がないと、見出しと本文の区別がつかず、どこが重要か分かりません。

強調する3ステップ

具体的な手順は3ステップです。

1. 1ページで強調する箇所を1〜2箇所に絞る——「ここを読んでほしい」を1つだけ選ぶ
2. 太字で最も伝えたい数値・キーワードを強調——1箇所だけ太字にする。それだけで目は止まる
3. 見出しは本文の1.5倍以上のサイズに——目安として1.5倍以上。これで見出しと本文の階層が明確になる

佐藤さんの週報1ページ目に当てはめてみましょう。第2章で揃えたスライド——すべての文字が同じ太さ・色・サイズです。ここで、今週の成果の中で最も伝えたい「目標達成率110%」を太字＋赤色にします。見出し「今週の成果」のサイズを本文の1.5倍以上にする——これだけで、読む側の目は「目標達成率110%」に自然に止まるようになります。

この章の確認（演習）

自分のスライド1枚で、最も伝えたい1箇所を太字＋1色で強調してみてください。見出しのサイズを本文の1.5倍以上にする。1箇所に絞るから伝わる——これが強調のコツです。見やすさはセンスじゃない、3原則だ。余白で切り分け、揃えで整えたら、最後は強調で目を止める。

3原則を組み合わせる——見やすいスライドの完成

第1章で余白、第2章で揃え、第3章で強調を学びました。この章では、3原則を組み合わせて一気に見やすいスライドを完成させます。

適用順序＝余白→揃え→強調

3原則には適用する順序があります。余白→揃え→強調。この順序で進めると迷いません。

まず余白で情報を切り分ける——何を載せるか決める。次に揃えで視線を誘導する——どこに置くか決める。最後に強調で目を止める——何を目立たせるか決める。

逆に強調から入ると、詰め込んだ情報の中に強調を置くことになり、効果が薄い。余白がない状態で強調しても、周囲がうるさくて目立たない。順序が大事です。余白→揃え→強調。この順序を守れば、迷わずに見やすいスライドを作れます。

佐藤さんの週報スライド——全工程

それでは、佐藤さんの週報スライド4ページ分を、3ステップで一気に修正していきましょう。

1ページ目「今週の成果」

• ①余白：メッセージを1つに絞る。「今週の成果」だけを載せる。訪問件数・課題・来週の予定は別ページへ
• ②揃え：見出し「今週の成果」を左揃えに。箇条書きのインデントを揃える。要素間の間隔をガイドラインで等間隔に
• ③強調：目標達成率110%を太字＋赤に。見出しを本文の1.5倍以上に

2ページ目「数値ハイライト」

• ①余白：数値だけに絞る。説明文は話し言葉に回す
• ②揃え：表の列幅を揃える。数値は右揃えに
• ③強調：前週比+15%を太字に

3ページ目「課題」

• ①余白：課題を1つに絞る。原因分析は話し言葉で補う
• ②揃え：箇条書きを左揃えに。間隔を等間隔に
• ③強調：根本原因を太字に

4ページ目「来週の予定」

• ①余白：アクションを3つに絞る
• ②揃え：番号箇条書きを揃える。間隔を等間隔に
• ③強調：最優先アクションを太字＋赤に

Before（文字詰め・バラバラ・強調なし）とAfter（余白あり・左揃え・強調1箇所）を並べると、見やすさの違いは明らかです。同じ内容なのに、印象が全く違う。これが3原則の力です。

自己評価の3問チェック

自分のスライドを見直すときは、次の3問に答えてみてください。

1. 1スライドにメッセージは1つか？（余白のチェック）
2. 見出し・本文は左揃えで、間隔は等間隔か？（揃えのチェック）
3. 1ページで強調は1〜2箇所か？（強調のチェック）

この3問に「はい」が揃えば、3原則は適用できています。1つでも「いいえ」があれば、その原則を見直す。この3問チェックを習慣にすれば、スライドを作るたびに自然と3原則が適用されていきます。

テンプレートは枠組み、中身は自分で決める

テンプレート（ひな形）は便利です。余白・揃え・強調の「枠組み」がすでに設定されているので、3原則の適用が楽になります。

でも、テンプレートは「枠組み」を提供するだけで、「中身」を決めるわけではありません。何を書くか（余白）、何を揃えるか（揃え）、何を目立たせるか（強調）——これは自分で決めるしかない。テンプレートを使うことで3原則の適用は楽になりますが、テンプレートがすべてを解決するわけではありません。

テンプレートをDLして使うなら、そのテンプレートが「どこに余白を空けているか」「何を揃えているか」「何を強調しているか」を意識して使うと、3原則の理解も深まります。

この章の確認（演習）

自分のスライド1枚を3ステップ（余白→揃え→強調）で修正してみてください。修正前と修正後を並べて、見やすさが変わったかを3問チェックで確認する。1枚のスライドを3ステップで変える——この体験が、3原則を自分のものにする一番の近道です。見やすさはセンスじゃない、3原則だ。余白→揃え→強調の順序で進めれば、誰でも見やすいスライドを作れます。

まとめ：見やすさはセンスじゃない、3原則だ

4章を1本の線で並べ直しましょう。

余白——1スライドにメッセージを1つに絞る。書かないことで伝える。マージンを空け、行間を広げる。

揃え——見出し・本文は左揃え。間隔は等間隔に。整えるだけでプロに見える。

強調——1ページで強調は1〜2箇所。太字＋1色＋サイズ差で、目を止める場所を作る。

見やすいスライドはセンスではありません。余白→揃え→強調の3ステップを持てば、誰でも見やすいスライドを作れます。すべての判断は「このスライドは、余白・揃え・強調の3原則に合っているか？」に戻ります。

「見やすさはセンスじゃない、3原則だ」——このひと言を、明日のスライド作成に持っていってください。

明日の最初の一歩

自分のスライド1枚を、1スライド1メッセージに切り分ける。それだけで、あなたのスライドの見やすさは変わります。きれいでなくてよい。1つ動かすことが、3原則の始まりです。

3原則テンプレート

3原則をすぐに適用できるテンプレートをDLできます。テンプレートの余白・揃え・強調を意識して使うと、理解も深まります。テンプレートDLからどうぞ。