PowerPoint 2019

“法人コミュニケーション力”を磨く

PowerPoint資料作成
【整理編】
保存版

無料相談は

こちら

© 2024 Okunote Inc.

Last update : 2024-06

ページリンク
ワンスライド・ワンメッセージ

重要なこと、概要は上

文字や画像は最低限に

過去、イメージは左不要な装飾を避ける
スライド作成の原則

読み手の視線に配慮する

高さ・間隔を揃える

色の与える印象
濃淡・透明度
パレットで色を揺らさない

上下左右の余白を揃える

全体と部分をみせる

ガイド・グリッド線を表示

レイアウトのパターン化

フォントの選定・統一

色・文字・図形のルール化

改行の位置

目的に則したレイアウト

段落・行間

使用素材を統一する

スライドサイズの変更

左揃え・中央揃え

アイコン素材の色を変える

上揃え・上下中央揃え

カラーコードを確認する

文字

グラフ・表

図形

アイコン・
写真・画像

グラフの作成ルール

表の作成ルール
結合・切り抜きスマートアートの活用

レイアウト例：登壇・ウェビナー

余白の調整

ページ番号/機密性/権利表記

テキストを折り返さない

画像に文字を被せる

表紙スライド光彩

画像をぼかす目次スライドナンバリングを控える

画像の一部をぼかす

スライド作成の大原則© 2024 Okunote Inc.

関連性が高いものは近づける

配色

結論/概要を先にみせる

レイアウト例：企画・報告・提案書

レイアウト

配置

色の役割を決める

表層的なみやすさ

構造的なみやすさ

画像のトリミング

コンテンツのみやすさ目次

スライド作成の大原則
表層的なみやすさ
構造的なみやすさ

コンテンツのみやすさ© 2024 Okunote Inc.

スライド作成の大原則

理解を促すために、相手に余計な負担を掛けない

わかりやすい情報認識

わかりにくいスライド作成の大原則© 2024 Okunote Inc.

表層的なみやすさ

構造的なみやすさ

コンテンツのみやすさわかりやすい資料をつくるために1つのスライドに限らず 『資料全体がわかりやすい 』が重要

表層的なみやすさ
構造的なみやすさ
スライド作成の大原則© 2024 Okunote Inc.

表層的なみやすさ

構造的なみやすさ

コンテンツのみやすさわかりやすい資料をつくるために1つのスライドに限らず 『資料全体がわかりやすい 』が重要

表層的 な
みやすさ
構造的 な
みやすさ
スライド作成の大原則© 2024 Okunote Inc.

表層的なみやすさ

徹底して情報を絞る

脳にやさしく配置する
スライド内の要素を整える

概要/構成をみせる
レイアウトを揺らさない
スライド横断で要素を整える

構造的なみやすさ

コンテンツのみやすさ目次

スライド作成の大原則
表層的なみやすさ
構造的なみやすさ

コンテンツのみやすさ© 2024 Okunote Inc.

表層的なみやすさ

みやすいスライドをつくるために、意識を巡らせましょう

表層的 な
みやすさ

スライド作成の大原則© 2024 Okunote Inc.

徹底して情報を絞る

ワンスライド・ワンメッセージ
文字や画像は最低限に不要な装飾を避ける

脳にやさしく配置する

重要なこと、概要は上
過去、イメージは左関連性が高いものは近づける

スライド内の要素を整える

色の役割を決める
徹底して揃える
文章を読みやすくする

表層的なみやすさ

構造的なみやすさ

コンテンツのみやすさ

表層的なみやすさ

本当に必要な情報だけをスライドに残しましょう

表層的 な
みやすさ

スライド作成の大原則© 2024 Okunote Inc.

徹底して情報を絞る

ワンスライド・ワンメッセージ
文字や画像は最低限に不要な装飾を避ける

脳にやさしく配置する

重要なこと、概要は上
過去、イメージは左関連性が高いものは近づける

スライド内の要素を整える

色の役割を決める
徹底して揃える
文章を読みやすくする

表層的なみやすさ

構造的なみやすさ

コンテンツのみやすさワンスライド・ワンメッセージ「このスライドは何が言いたいの？」と思わせない
NG例

メッセージが複数ある

１つのスライドをみやすく…
あ、構造も重要なのか
スライド作成の大原則© 2024 Okunote Inc.

表層的なみやすさ

構造的なみやすさ

コンテンツのみやすさワンスライド・ワンメッセージ「このスライドは何が言いたいの？」と思わせない
NG例

メッセージが存在しない

表層的と構造的
どっちのほうが重要なんだろう…
スライド作成の大原則© 2024 Okunote Inc.

表層的なみやすさ

構造的なみやすさ

コンテンツのみやすさワンスライド・ワンメッセージ「このスライドは何が言いたいの？」と思わせない
OK例

メッセージがひとつだけ

表層的と構造的の両方で全体が良くなるのね
スライド作成の大原則© 2024 Okunote Inc.

表層的なみやすさ

構造的なみやすさ

コンテンツのみやすさ

文字や画像は最低限に「どれが重要なんだろう…」と思わせない
NG例文字やイラストがたくさん

イラストかわいいなぁ
やっぱり笑ってる方が素敵だよね
スライド作成の大原則© 2024 Okunote Inc.

表層的なみやすさ

構造的なみやすさ

コンテンツのみやすさ

文字や画像は最低限に「どれが重要なんだろう…」と思わせない
OK例

文字もイラストも最低限にみてすぐに理解できるのが良い資料ってことね
スライド作成の大原則© 2024 Okunote Inc.

表層的なみやすさ

構造的なみやすさ

コンテンツのみやすさ

不要な装飾を避ける「なんかごちゃごちゃしてるな…」と思わせない
NG例

多色・枠線・立体・影

なんかごちゃごちゃしてるな…
「情報」は「わかりにくい」？
スライド作成の大原則© 2024 Okunote Inc.

表層的なみやすさ

構造的なみやすさ

コンテンツのみやすさ

不要な装飾を避ける「なんかごちゃごちゃしてるな…」と思わせない
OK例

色も影も線も最低限にみてすぐに理解できるのが良い資料ってことね
スライド作成の大原則© 2024 Okunote Inc.

表層的なみやすさ

構造的なみやすさ

コンテンツのみやすさ

表層的なみやすさ

何故かみにくい…はこれが原因です

表層的 な
みやすさ

スライド作成の大原則© 2024 Okunote Inc.

徹底して情報を絞る

ワンスライド・ワンメッセージ
文字や画像は最低限に不要な装飾を避ける

脳にやさしく配置する

重要なこと、概要は上
過去、イメージは左関連性が高いものは近づける

スライド内の要素を整える

色の役割を決める
徹底して揃える
文章を読みやすくする

表層的なみやすさ

構造的なみやすさ

コンテンツのみやすさ重要なこと、概要は上

ひとの視線は”左上から右下”に流れる
基本的にはこの動き
流し見をする場合

グーテンベルク・ダイヤグラム

スライド作成の大原則© 2024 Okunote Inc.

情報が多く、まんべんなく
読み込む場合Zの法則

表層的なみやすさ

表など、情報が詰まっているものを飛ばし読みする場合

Fの法則

構造的なみやすさ

コンテンツのみやすさ

初めに見られるが、文字が小さいと飛ばされる
意識されにくい

タイトルの次にここが見れれるので”伝えたいこと”を書く

ここはメッセージの次に見られるので、メッセージに至った根拠やその詳細を書く

このあたりは見られないこともあるので、気づかれなくても困らない『出典や補足情報』を書く© 2024 Okunote Inc.

意識されにくい

意識されにくい大事 な こ と は 上

初めに見られるのでタイトルを書く

意識されにくい

タイトル・メッセージ
タイトルの次にここが見れれるので”伝えたいこと”を書く

根拠や詳細は下

ここはメッセージの次に見られるので、メッセージに至った根拠やその詳細を書く

グラフ・コンセプトチャートなど

このあたりは見られないこともあるので、気づかれなくても困らない『出典や補足情報』を書く© 2024 Okunote Inc.

出典・権利表記・ページ番号

意識されにくい

意識されにくい重要なこと、概要は上

ひとの視線は”左上から右下”に流れるNG例

言いたいことが一番下なんだこれどういう意味だ…
あぁ、そういうことね、、
スライド作成の大原則© 2024 Okunote Inc.

表層的なみやすさ

構造的なみやすさ

コンテンツのみやすさ重要なこと、概要は上

ひとの視線は”左上から右下”に流れるOK例

言いたいことが一番上

視線は”左上から右下“なのねスライド作成の大原則© 2024 Okunote Inc.

表層的なみやすさ

構造的なみやすさ

コンテンツのみやすさ過去、イメージは左

視線の流れは左から右なので、時間経過もそれにあわせる
時間の流れ

状態の変化

現在

創業

スライド作成の大原則© 2024 Okunote Inc.

BeforeAfter

構造的なみやすさ

コンテンツのみやすさ

5か年計画

表層的なみやすさNG例

過去、イメージは左左目で見ると右脳で処理されるので、感覚的なものは左
写真、イメージ図、グラフなど

スライドは”ひとり歩きするスーツ”
受け取る相手の印象に大きく影響します。
重要な商談にボロボロの服装で臨まないですよね。
スライドをみやすく作るということは、相手への誠意を示すことでもあります。
服装の乱れに配慮するように、綺麗に作りましょう。
あなたの本気度合いが伝わります。

スライド作成の大原則© 2024 Okunote Inc.

表層的なみやすさ

構造的なみやすさ

コンテンツのみやすさOK例

過去、イメージは左左目で見ると右脳で処理されるので、感覚的なものは左
写真、イメージ図、グラフなど

スライドは”ひとり歩きするスーツ”
受け取る相手の印象に大きく影響します。
重要な商談にボロボロの服装で臨まないですよね。
スライドをみやすく作るということは、相手への誠意を示すことでもあります。
服装の乱れに配慮するように、綺麗に作りましょう。
あなたの本気度合いが伝わります。

スライド作成の大原則© 2024 Okunote Inc.

表層的なみやすさ

構造的なみやすさ

コンテンツのみやすさ

関連性が高いものは近づける

見れば分かるは無神経、関連探しゲームを強要しない
NG例

関連性の高いものが遠い

えっと…どれがどれの説明だろう

スライド作成の大原則© 2024 Okunote Inc.

表層的なみやすさ

構造的なみやすさ

コンテンツのみやすさ

関連性が高いものは近づける

見れば分かるは無神経、関連探しゲームを強要しない
OK例

関連性の高いものが近い

視線の動きは3パターンあって、場合によって変わるのね
スライド作成の大原則© 2024 Okunote Inc.

表層的なみやすさ

構造的なみやすさ

コンテンツのみやすさ

表層的なみやすさ

少しの工夫で、「こいつ適当に作ったな」と思われない

表層的 な
みやすさ

スライド作成の大原則© 2024 Okunote Inc.

徹底して情報を絞る

ワンスライド・ワンメッセージ
文字や画像は最低限に不要な装飾を避ける

脳にやさしく配置する

重要なこと、概要は上
過去、イメージは左関連性が高いものは近づける

スライド内の要素を整える

色の役割を決める
徹底して揃える
文章を読みやすくする

表層的なみやすさ

構造的なみやすさ

コンテンツのみやすさ

色の役割を決める｜

役割と使用カラー例

数を絞り、役割を明確にすることで色の意味が伝わる

背景

文字

メイン

スライド作成の大原則

表層的なみやすさ

構造的なみやすさ© 2024 Okunote Inc.

アクセント

コンテンツのみやすさ

色の役割を決める

アクセントカラーはメインカラーの反対色から選ぼう
赤は既定の■でなく■を使おう。
黄色も同様に使う場合は■でなく■。

反対色

代替

『色相環』で検索（しきそうかん）スライド作成の大原則© 2024 Okunote Inc.

表層的なみやすさ

使わない
構造的なみやすさ

コンテンツのみやすさ

色の役割を決める

｜

印象の一例

色が与える印象を知っておくと、配色に活かせる色

ポジティブ
躍動的、情熱的、活力

危険、停止

知的、権威、爽やか

冷たい、孤独、憂鬱

明るい、家庭的、温かい

安っぽい、わがまま、低俗

新鮮、安らぎ、若々しい

保守的、受動的、未熟

落ち着き、控えめ

陰気、不安、曖昧スライド作成の大原則© 2024 Okunote Inc.

ネガティブ

表層的なみやすさ

構造的なみやすさ

コンテンツのみやすさ徹底して揃える

高さや間隔の不揃いに、相手の意識を向かせない
NG例

大きさや配置がバラバラ

一番大きいアクセントが重要？
左2つと右2つの間に距離あるな
スライド作成の大原則© 2024 Okunote Inc.

表層的なみやすさ

構造的なみやすさ

コンテンツのみやすさ徹底して揃える

高さや間隔の不揃いに、相手の意識を向かせない
OK例

大きさや配置が均等

色の役割は4つあるのね

スライド作成の大原則© 2024 Okunote Inc.

表層的なみやすさ

構造的なみやすさ

コンテンツのみやすさ

文章を読みやすくする

適当に書いてしまいがちですが、気を抜かないようにしましょう

区切り良く
改行する

段落で
行間を空ける

文頭の位置を揃える

図形から余白をとる

スライド作成の大原則

表層的なみやすさ

構造的なみやすさ

コンテンツのみやすさ© 2024 Okunote Inc.

文章を読みやすくする｜

改行は区切りよく配慮のない改行は不快感を与えるので注意しましょう
NG例

OK例

・単語の途中で改行をしてしまうと、とても読みにくくなります。

・単語の途中で改行をしてしまうと、とても読みにくくなります。

・単語の途中でなくても、できる限り文章が読みやすい位置で改行しましょう。

・単語の途中でなくても、できる限り
文章が読みやすい位置で改行しましょう。

・バランスが悪い時は、言い回しを調整しましょう。

・バランスが悪い時は言い回しを変えましょう。

スライド作成の大原則© 2024 Okunote Inc.

表層的なみやすさ

構造的なみやすさ

コンテンツのみやすさ

文章を読みやすくする｜

行間を空ける

行間がないと同じ文章に見えてしまい、 1行空けは不格好
NG例

OK例

「そこまで細かいことなんて誰も気にしない」と思うかもしれませんが、結構印象違います。
今読んでいただいているこの文章は結構読みにくいですが、この違いは行間の有無だけです。
自分で資料を作っている時は気にならなくても、読んでみると結構印象違いますよね？
社外もしくは上司の方に向けた資料が多いと思います。配慮を怠らないようにしましょう。

「そこまで細かいことなんて誰も気にしない」と思うかもしれませんが、結構印象違います。

スライド作成の大原則© 2024 Okunote Inc.

表層的なみやすさ

今読んでいただいているこの文章は結構読みにくいですが、この違いは行間の有無だけです。
自分で資料を作っている時は気にならなくても、読んでみると結構印象違いますよね？

社外もしくは上司の方に向けた資料が多いと思います。配慮を怠らないようにしましょう。

構造的なみやすさ

コンテンツのみやすさ

文章を読みやすくする
1｜

行間を空ける

オブジェクトを選択→『ホームタブ』→『↑↓アイコン』→『行間のオプション』を開く

この設定も『書式のコピーペースト』が有効

スライド作成の大原則© 2024 Okunote Inc.

表層的なみやすさ2

以下のように設定して「OK」
段落後6～12pt / 行間1行 がおすすめ『Enter』で改行すると行間が空くようになる
行間を空けない改行は『Shift+Enter』

構造的なみやすさ

コンテンツのみやすさ

文章を読みやすくする｜

左揃えと中央揃え『箇条書き』『3行を超える文章』は左揃えにしよう
NG例

OK例

2行までなら中央揃えを使っても良いですが、3行を超えたら必ず左揃えにしましょう。
このほか箇条書きも左揃えが必須ですね。

2行までなら中央揃えを使っても良いですが、3行を超えたら必ず左揃えにしましょう。
このほか箇条書きも左揃えが必須ですね。

1行のテキストをいれるために中央揃えを設定して、コピペで使い回すときに結構こういう文章が残ってしまったりします。

1行のテキストをいれるために中央揃えを設定して、コピペで使い回すときに結構こういう文章が残ってしまったりします。

スライド作成の大原則© 2024 Okunote Inc.

表層的なみやすさ

構造的なみやすさ

コンテンツのみやすさ

文章を読みやすくする｜

左揃えと中央揃え

オブジェクトを選択→『ホームタブ』→『横線アイコン』をクリック

左揃え

スライド作成の大原則© 2024 Okunote Inc.

!

オブジェクトを選択→『ホームタブ』→『文字の配置』から文章の位置を変更できる

中央揃え

表層的なみやすさ

構造的なみやすさ

コンテンツのみやすさ

文章を読みやすくする｜

余白を調整する

オブジェクトに直接文章を書くときは、余白をとろう
N期
G設
例定 の ま ま で は 『 改 行 』 『 ス ペ ー ス 』 で初余白を調整しなければならず、とても面倒ですし、細かな調整ができません。

OK例
初期設定のままでは『改行』『スペース』で余白を調整しなければならず、とても面倒ですし、細かな調整ができません。

スライド作成の大原則© 2024 Okunote Inc.

表層的なみやすさ

左揃え・中央揃え

ナンバリングを控える

構造的なみやすさ

コンテンツのみやすさ

文章を読みやすくする｜

余白を調整する

オブジェクトを選択→オブジェクトを右クリック→『配置とサイズ』を開き、余白を調整!

『配置とサイズ』→『図形内でテキストを折り返す』のチェックを外すと、自動で改行されない

改行したくない

改行したくない

Macの方はオブジェクトをダブルクリックでも開ける

スライド作成の大原則© 2024 Okunote Inc.

表層的なみやすさ

この設定も『書式のコピーペースト』が有効

構造的なみやすさ

コンテンツのみやすさ

文章を読みやすくする｜

どうしても文字がはみ出る場合!

98%

オブジェクトを選択→『書式タブ』→『文字の効果』→『光彩』→大きさを選択

満足度

満足度

98%
『その他の光彩の色』から好きな色へ変更

スライド作成の大原則© 2024 Okunote Inc.

表層的なみやすさ

構造的なみやすさ

コンテンツのみやすさ

文章を読みやすくする｜

ナンバリングを控える

ナンバリングはとても強力なので、使いどころを絞りましょう
NG例

OK例

①特に箇条書きなどでみられるケースですが、無意味な数字は使わないようにしましょう。

・特に箇条書きなどでみられるケースですが、無意味な数字は使わないようにしましょう。

②強く連続性を示し、「続きを探す」「関連性を考える」などの負荷を与えます。

・強く連続性を示し、「続きを探す」「関連性を考える」などの負荷を与えます。

③本当に重要なポイントや手順など、必要性がある場合に限定して使いましょう。

・本当に重要なポイントや手順など、必要性がある場合に限定して使いましょう。

スライド作成の大原則© 2024 Okunote Inc.

表層的なみやすさ

構造的なみやすさ

コンテンツのみやすさ

文章を読みやすくする!

｜

ナンバリングを控える

箇条書きの『・』を打つのが面倒な場合は『ホームタブ』→『箇条書きアイコン』!

無意味なナンバリング連発になってしまうので、『ナンバリング箇条書きアイコン』は使わない

記号が大きく、記号と文章の間隔が広いため
見栄えはあまりよくないです。おすすめはしません。

スライド作成の大原則© 2024 Okunote Inc.

表層的なみやすさ

構造的なみやすさ

コンテンツのみやすさ目次

スライド作成の大原則
表層的なみやすさ
構造的なみやすさ

コンテンツのみやすさ© 2024 Okunote Inc.

構造的なみやすさ

見落としがちですが、いずれも印象付けに大きく影響します

構造的 な
みやすさ

スライド作成の大原則© 2024 Okunote Inc.

概要/構成をみせる

結論/概要が先、根拠/詳細は後全体と部分をみせる「ありがとうございました」は不要

レイアウトを統一する

目的に則したレイアウトを使う
スライド横断で余白を揃える
レイアウトをパターン化して統一する

スライド横断で要素を整える

配色を統一する
文字や図形の役割を決める
フォントを決めて統一する

表層的なみやすさ

構造的なみやすさ

コンテンツのみやすさ

構造的なみやすさ

見落としがちですが、いずれも印象付けに大きく影響します

構造的 な
みやすさ

スライド作成の大原則© 2024 Okunote Inc.

概要/構成をみせる

結論/概要が先、根拠/詳細は後全体と部分をみせる「ありがとうございました」は不要

レイアウトを統一する

目的に則したレイアウトを使う
スライド横断で余白を揃える
レイアウトをパターン化して統一する

スライド横断で要素を整える

配色を統一する
文字や図形の役割を決める
フォントを決めて統一する

表層的なみやすさ

構造的なみやすさ

コンテンツのみやすさ

結論/概要が先、根拠/詳細は後はじめに全体をみせ、その後具体的な内容を説明しよう
スライド1
結論と根拠を示して全体の80%を伝える
スライド2
ひとつめの根拠とその理由を示す
スライド3

理由とそれを支える
根拠（事実）を示す

スライド作成の大原則© 2024 Okunote Inc.

表層的なみやすさ

構造的なみやすさ

順に理由と根拠（事実）を説明し、右のブロックへ

コンテンツのみやすさ

全体と部分をみせる

相手は、あなたの説明がいつまで続くかわからない
5ページを超えたら、必ず目次をつけましょう

スライド作成の大原則© 2024 Okunote Inc.

表層的なみやすさ

目次に限らず、全体と部分をみせる例

構造的なみやすさ

コンテンツのみやすさ

全体と部分をみせる｜

表紙に必要なもの
情報の機密性
NDA対象であることを示す
社内資料では『社外秘』など
差出先誰に向けたものかを明らかにする
タイトル
中身を見なくとも何の資料か、わかるように記載する
例えば『分析結果の報告』ではなく『売上減少要因に関するご報告』
色んな分析を複数社に依頼してるかも提出日印刷されたときのために必ず書く
差出元
印刷されたときのために必ず書く
権利表記
両端に寄せてスライドを広く使う

スライド作成の大原則© 2024 Okunote Inc.

表層的なみやすさ

構造的なみやすさ

コンテンツのみやすさ「ありがとうございました」は不要

質問を考えやすいように目次スライドで終わろう
何の意味もなく、インパクトがある終わり方

スライド作成の大原則© 2024 Okunote Inc.

表層的なみやすさ

振り返りができ、質問を思いつきやすい終わり方

構造的なみやすさ

コンテンツのみやすさ

構造的なみやすさ

見落としがちですが、いずれも印象付けに大きく影響します

構造的 な
みやすさ

スライド作成の大原則© 2024 Okunote Inc.

概要/構成をみせる

結論/概要が先、根拠/詳細は後全体と部分をみせる「ありがとうございました」は不要

レイアウトを統一する

目的に則したレイアウトを使う
スライド横断で余白を揃える
レイアウトをパターン化して統一する

スライド横断で要素を整える

配色を統一する
文字や図形の役割を決める
フォントを決めて統一する

表層的なみやすさ

構造的なみやすさ

コンテンツのみやすさ

目的に則したレイアウトを使う

主な用途は大きく2種類。それぞれ目的が異なる
企画・報告・提案

登壇・ウェビナー

その場にいない相手にも、誤解なく内容を伝える

その場にいる相手だけに、印象付けや情報提供を行う

正確性・理解がずれないことが重要

視認性・インパクトが重要

スライド作成の大原則© 2024 Okunote Inc.

表層的なみやすさ

構造的なみやすさ

コンテンツのみやすさ

目的に則したレイアウトを使う
企画・提案・報告ケース

登壇・ウェビナー

文字サイズ

12pt～24pt

16pt～44pt

背景色

印刷時に擦れる・インクを消費するので白にする

チカチカして疲れるので白を避ける

メッセージ

必ず入れる

入れたほうが無難だが、登壇スタイルに依る

ページ番号

確認できれば良いので、目立たないよう小さめに質問をしやすいように、やや大きめに

デザイン性

信頼性を欠かないよう、できる限りシンプルに

質素すぎて寂しければ少しこだわってもOK

アニメーション

ひとつのスライドで伝えたい内容が後出しになり、相手にストレスを与えるので原則使用しない

アスペクト比16:9（印刷のみの場合は4:3でもOK）

スライド作成の大原則© 2024 Okunote Inc.

表層的なみやすさ

16:9
構造的なみやすさ

コンテンツのみやすさ

目的に則したレイアウトを使う｜

スライドサイズを変更する「デザインタブ」→「スライドのサイズ」からアスペクト比を変更できる!

『ユーザー設定のスライドサイズ』から『A4サイズ』
や『縦向き・横向き』などに変更できる

エクセルの書式をそのままにしたい場合は『元の書式を保持』

16:9はモニターサイズなので原則こちらを使う
4:3で全画面表示にすると左右に太い黒帯がでる

スライド作成の大原則© 2024 Okunote Inc.

表層的なみやすさ

構造的なみやすさ

コンテンツのみやすさ

目的に則したレイアウトを使う｜

企画・報告・提案書：例
タイトル 16pt
区切りは「 ｜ 」がおすすめ
全角スぺースと『Shift+¥』
メッセージ 20pt
例は文字の間隔を空けています

ボディ 12～24pt
写真やグラフもすべてここに収める
注意書き 14pt
文字色を少し薄くするのも良い
権利表記/スライド番号 11pt
両端に寄せてスライドを広く使う

スライド作成の大原則© 2024 Okunote Inc.

表層的なみやすさ

構造的なみやすさ

コンテンツのみやすさ

目的に則したレイアウトを使う｜

登壇・ウェビナー：例
スライド番号 20pt
タイトル 24pt
ボディ 20～28pt
写真やグラフもすべてここに収める
メッセージ 44pt
例は文字の間隔を空けています
注意書き 14pt
文字色を少し薄くするのも良い
見出し 16pt
紙芝居のように流れるプレゼンで、スライドの情報量が極端に少なく枚数が多い場合はこのようなガイドなどを推奨します
何時まで続くんだ…を防ぎます
権利表記 11pt
必須だが目立たせる必要なし

スライド作成の大原則© 2024 Okunote Inc.

表層的なみやすさ

構造的なみやすさ

コンテンツのみやすさスライド横断で余白を揃える

資料全体を通して、余白の広さを揺らさないようにしましょう
ボディの領域と余白を決めてスライド作成の大原則© 2024 Okunote Inc.

表層的なみやすさ

どんなレイアウトでもこの範囲に収める

構造的なみやすさ

コンテンツのみやすさスライド横断で余白を揃える｜

ガイド・グリッド線を表示する『表示タブ』→『グリッド線』もしくは『ガイド』をクリックで表示!

表示タブ右端のとても小さなアイコンをクリックでグリッド線の詳細設定画面が開きます

Macの方は『グリッド線』機能がないようです

それぞれ調整できますが、画面が見辛くなるのでお好みでお使いください

スライド作成の大原則© 2024 Okunote Inc.

表層的なみやすさ

構造的なみやすさ

コンテンツのみやすさスライド横断で余白を揃える｜

ガイドを調整する

スライドマスターでガイドを表示・調整しましょう
気づかずにズラしてしまうと地獄です

ガイドを右クリックするとメニューが表示される

スライド作成の大原則© 2024 Okunote Inc.

表層的なみやすさ

構造的なみやすさ

コンテンツのみやすさスライド横断で余白を揃える｜

ガイドを使わない場合

配置の基準となるオブジェクトまたはスライドをつくる
都度複製し、“台紙”として使う
これなら『配置機能』が使える

スライド作成の大原則© 2024 Okunote Inc.

表層的なみやすさ

構造的なみやすさ

コンテンツのみやすさスライド横断で余白を揃える｜

ガイドを使わない場合!

通常のレイアウトを複製して、範囲を示す枠のみを追加した『確認用レイアウト』を作って切り替える

表紙用レイアウト

通常のレイアウト

スライドを複数選や全選択（Ctr＋A）して、レイアウトを一括変更することができる

余白確認用レイアウト

スライド作成の大原則© 2024 Okunote Inc.

表層的なみやすさ

構造的なみやすさ

コンテンツのみやすさ

レイアウトをパターン化して統一する
レイアウトや
見出しの位置などを定義するスライドを作り、都度複製して編集するのがおすすめ一度作ったスライドと似た構成のスライドを作る場合はスライドの複製をしよう
このほか、特定オブジェクトをほかのスライドへコピペすると位置も同じになるので便利
スライド作成の大原則© 2024 Okunote Inc.

表層的なみやすさ

構造的なみやすさ

コンテンツのみやすさ

構造的なみやすさ

見落としがちですが、いずれも印象付けに大きく影響します

構造的 な
みやすさ

スライド作成の大原則© 2024 Okunote Inc.

概要/構成をみせる

結論/概要が先、根拠/詳細は後全体と部分をみせる「ありがとうございました」は不要

レイアウトを統一する

目的に則したレイアウトを使う
スライド横断で余白を揃える
レイアウトをパターン化して統一する

スライド横断で要素を整える

配色を統一する
文字や図形の役割を決める
フォントを決めて統一する

表層的なみやすさ

構造的なみやすさ

コンテンツのみやすさ配色を統一する｜

濃淡でバリエーションを増やし、色を足さない!

使用比率イメージ
5%
70%

背景

文字

オブジェクトを右クリック→『図形の書式設定』→『塗りつぶし』→『透明度』を調整

25%

メイン

アクセント

濃淡なら
統一感を
保てる
背景が「白色」であれば、色がそのまま薄くなる

スライド作成の大原則© 2024 Okunote Inc.

表層的なみやすさ

構造的なみやすさ

コンテンツのみやすさ配色を統一する｜

スライドマスターとスポイトで色を揺らさない

濃淡でバリエーションを増やし、不用意に色を増やさない
スライドマスターの欄外に専用のパレットを作る

スライド作成の大原則© 2024 Okunote Inc.

表層的なみやすさ

スポイト機能で色を抜き出す

構造的なみやすさ

コンテンツのみやすさ

文字や図形の役割を決める

色と同様に図形にもルールを設けて、種類を絞りましょう
使用する主な図形とルール

その他の図形は使わない

1

機能の手順説明

1!

機能の補足説明?

良い例・悪い例

good

OK例

NG例

bad

受け取りての考え

スライド作成の大原則© 2024 Okunote Inc.

表層的なみやすさ

構造的なみやすさ

コンテンツのみやすさ

フォントを決めて統一する

こだわりだすとキリがないので、まずはこの3つから選びましょう
印刷配布が主目的の場合画面投影が主目的の場合

Meiryo UI

メイリオ

游ゴシック

やや細い
比べると結構違う

バランスが良い比べると結構違う

細くて丸い
比べると結構違う

スライド作成の大原則© 2024 Okunote Inc.

表層的なみやすさ

構造的なみやすさ

コンテンツのみやすさ

フォントを決めて統一する
1｜

スライドマスターに設定しておく『表示タブ』→『スライドマスター』でスライドマスターを開く

スライド作成の大原則© 2024 Okunote Inc.

表層的なみやすさ

2『フォント』→『フォントのカスタマイズ』を選択
Macの方は既定のものから選択のみ

構造的なみやすさ

コンテンツのみやすさ目次

スライド作成の大原則
表層的なみやすさ
構造的なみやすさ

コンテンツのみやすさ© 2024 Okunote Inc.

コンテンツのみやすさ

重要な資料では、さらに細部まで意識を巡らせましょう

コンテンツ のみやすさ

スライド作成の大原則© 2024 Okunote Inc.

グラフをみやすくする

項目/並び順を整理する
要素の追加と削除
配色とラベル・凡例を工夫する

表をみやすくする

項目/並び順を整理する
文字の位置と余白
強調は塗りつぶし図や写真をみやすくする

好きな図形を作る
使用素材を統一する
写真や画像を加工する

表層的なみやすさ

構造的なみやすさ

コンテンツのみやすさコンテンツのみやすさ

重要な資料では、さらに細部まで意識を巡らせましょう

コンテンツ のみやすさ

スライド作成の大原則© 2024 Okunote Inc.

グラフをみやすくする

項目/並び順を整理する
要素の追加と削除
配色とラベル・凡例を工夫する

表をみやすくする

項目/並び順を整理する
文字の位置と余白
強調は塗りつぶし図や写真をみやすくする

好きな図形を作る
使用素材を統一する
写真や画像を加工する

表層的なみやすさ

構造的なみやすさ

コンテンツのみやすさ

エクセルで作成して張り付けましょう
エクセルで作成したグラフをコピーしてそのままパワーポイントへ貼り付け!

張り付けたグラフはPowerPoint上で編集できる

エクセルの書式をそのままにしたい場合は『元の書式を保持』

エクセルファイルをリンクさせる
リンクが切れる可能性

エクセルファイルを
パワーポイントに埋め込む
pptxが重くなるスライド作成の大原則© 2024 Okunote Inc.

表層的なみやすさ『リンク』の場合、pptxファイルを送付したり、エクセルファイルの保存場所が変わると書式の変更以外の編集ができなくなるので要注意

構造的なみやすさ

コンテンツのみやすさ

項目/並び順を整理する｜

順番を明らかにする

売上金額
大きい

I社

棒グラフのほか、
帯グラフや円グラフも同様

A商事

グラフを作成する際に大きい→小さい順を徹底

Gエージェンシー

B株式会社

株式会社C

Hコンサルタンツ

D重工

Fエンターテイメント

小さい

E建築
0

2,000

スライド作成の大原則© 2024 Okunote Inc.

4,000

6,000

8,000

表層的なみやすさ

10,00012,00014,000構造的なみやすさ

コンテンツのみやすさ

要素の追加と削除
B2BマーケティングX社 取引先別売上

タイトルを記載する
スライドのタイトルと重複する場合は不要

I社

12,934

A商事

12,629Gエージェンシー

5,516

B株式会社

すべてデータラベルをつけるなら軸は不要

4,068

株式会社C

3,653

Hコンサルタンツ

3,512

D重工

2,052

Fエンターテイメント

1,851

E建築

1,665

目盛り線は原則削除
強調したい基準があれば追加する

単位は必須
（百万円）

0
スライド作成の大原則© 2024 Okunote Inc.

2,000

4,000

表層的なみやすさ

6,000

8,000

10,000構造的なみやすさ

12,00014,000コンテンツのみやすさ配色とラベル・凡例を工夫する
B2BマーケティングX社 取引先別売上I社

126.9億円

A商事

126.3億円

Gエージェンシー
B株式会社

強調するものだけ色を変える
枠線での強調は控える

株式会社C

データラベル機能でなく、直接入力した方がみやすい

強調しないものはグレーまたは
メインカラーの薄い色にする

Hコンサルタンツ

単位は小さくする
凡例も直接入力した方がみやすい
文字でなくアイコンを使う手段も

D重工
データラベルが不要なら削除する

Fエンターテイメント

今期注力

E建築

今期非注力
（百万円）

0
スライド作成の大原則© 2024 Okunote Inc.

2,000

4,000

表層的なみやすさ

6,000

8,000

10,000構造的なみやすさ

12,00014,000コンテンツのみやすさコンテンツのみやすさ

重要な資料では、さらに細部まで意識を巡らせましょう

コンテンツ のみやすさ

スライド作成の大原則© 2024 Okunote Inc.

グラフをみやすくする

項目/並び順を整理する
要素の追加と削除
配色とラベル・凡例を工夫する

表をみやすくする

項目/並び順を整理する
文字の位置と余白
強調は塗りつぶし図や写真をみやすくする

好きな図形を作る
使用素材を統一する
写真や画像を加工する

表層的なみやすさ

構造的なみやすさ

コンテンツのみやすさ

エクセルで作成して張り付けましょう!

エクセルで作成した表をコピーしてそのままパワーポイントへ貼り付け『挿入タブ』→『行列数指定』で直接表を作成できる

エクセルの書式をそのままにしたい場合は『元の書式を保持』

タイトル行は削除できる

タイトル行の”太線“を消したいときは表を選択→『デザインタブ』→『タイトル行』チェックを外す

スライド作成の大原則© 2024 Okunote Inc.

表層的なみやすさ

構造的なみやすさ

コンテンツのみやすさ

項目/並び順を整理する｜

順番を明らかにする

重要

重要

補足

商品

目標売上

達成率

備考

ウサギさんぬいぐるみ1,000万円

182%

クマさんカーペット

500万円

86% 家具イベントが成功し、達成見込み

ネコの手しゃもじ

300万円

38%

イヌのしっぽマフラー

100万円

52% チラシ印刷が終わり、来月配布予定

アヒルさんぬいぐるみ

100万円

27% 追加施策を検討中

合計

2,000万円

122%

ロングセラー商品であるが、TVCMの影響で例年以上に伸びている

この例では目標売上が大きなものの未達・達成が全体に大きな影響を与えるため、『達成率順』でなく『目標売上順』となる

想定以上に売れず、飲食店とのコラボを検討中

補足

スライド作成の大原則© 2024 Okunote Inc.

表層的なみやすさ

構造的なみやすさ

コンテンツのみやすさ

文字の位置と余白!

何やら細かそうに見えますが、基本的な配慮なのですべて抑えましょう

複数セルを選択→『レイアウトタブ』→『高さ・幅を揃える』を選択で高さ・幅を揃える

項目は中央揃え
商品

目標売上

達成率

備考

文字は左揃え 1,000万円

182%

ロングセラー商品であるが、TVCMの影響で例年以上に伸びている

クマさんカーペット

500万円

86%

家具イベントが成功し、達成見込み

ネコの手しゃもじ

300万円

38%

想定以上に売れず、飲食店とのコラボを検討中

イヌのしっぽマフラー

100数字は右揃え、単位は小さく
万円
52% チラシ印刷が終わり、来月配布予定

アヒルさんぬいぐるみ

100万円

27%

2,000万円

122%

ウサギさんぬいぐるみ

合計

高さ・幅を揃える!

表を右クリック→『図形の書式設定』→
幅アイコン→テキストボックスで文字の余白を調整

追加施策を検討中

左右に少し余白をとる

このほか、グラフと同様にタイトルを記載する
スライドのタイトルと重複する場合は不要

スライド作成の大原則© 2024 Okunote Inc.

表層的なみやすさ

構造的なみやすさ

コンテンツのみやすさ

強調は塗りつぶし
強調か所を枠線で囲むと、表のセルと重複してとてもみにくくなります!

罫線にも配慮できるとより良いです
表を選択→『デザインタブ』→『罫線』

表頭・合計は区別する
商品

目標売上

ウサギさんぬいぐるみ1,000万円

182%

ロングセラー商品であるが、TVCMの影響で例年以上に伸びている

クマさんカーペット

500万円

86%

家具イベントが成功し、達成見込み

ネコの手しゃもじ

300万円

38%

想定以上に売れず、飲食店とのコラボを検討中

イヌのしっぽマフラー

100万円

52%

チラシ印刷が終わり、来月配布予定

アヒルさんぬいぐるみ

100万円

27%

追加施策を検討中

2,000万円

122%

合計

達成率

備考

線の種類・太さ・色を変えて1本ずつ引くこともできる

強調は枠線でなく、塗りつぶし『枠なし』→『ペンの色』を白に変更→『罫線（内側）』がおすすめ

スライド作成の大原則© 2024 Okunote Inc.

表層的なみやすさ

構造的なみやすさ

コンテンツのみやすさコンテンツのみやすさ

重要な資料では、さらに細部まで意識を巡らせましょう

コンテンツ のみやすさ

スライド作成の大原則© 2024 Okunote Inc.

グラフをみやすくする

項目/並び順を整理する
要素の追加と削除
配色とラベル・凡例を工夫する

表をみやすくする

項目/並び順を整理する
文字の位置と余白
強調は塗りつぶし図や写真をみやすくする

好きな図形を作る
使用素材を統一する
写真や画像を加工する

表層的なみやすさ

構造的なみやすさ

コンテンツのみやすさ

好きな図形を作る｜

図形を組み合わせる
複数の図形を選択した状態で、「書式タブ」→「図形の結合」

接合「図形の結合の右の小さな▼」をクリックすると、いろいろできる

スライド作成の大原則© 2024 Okunote Inc.

表層的なみやすさ

構造的なみやすさ

コンテンツのみやすさ

好きな図形を作る｜

図形を組み合わせる接合

型抜き/合成重なり抽出

スライド作成の大原則© 2024 Okunote Inc.

表層的なみやすさ

切り出し

単純型抜き

構造的なみやすさ

バラバラになるので一部だけ色を変えたりコンテンツのみやすさ

好きな図形を作る｜

スマートアート!

『挿入タブ』→『SmartArt』から
既定のコンセプトチャートを挿入できる

どれも中途半端にお洒落で、とてもダサいので使用はお勧めしません

スライド作成の大原則© 2024 Okunote Inc.

表層的なみやすさ

構造的なみやすさ

コンテンツのみやすさ

好きな図形を作る｜

スマートアートからパーツを抜き出す!

スマートアートに含まれる図形の一部だけを大きさや太さなどを変えて使うことができます

グループ化解除

スライド作成の大原則© 2024 Okunote Inc.

表層的なみやすさ

構造的なみやすさ

コンテンツのみやすさ

使用素材を統一するアイコンや写真素材はサイトを絞り、統一感を崩さない

https://icooon-mono.com/

http://pictogram2.com/

スライド作成の大原則© 2024 Okunote Inc.

表層的なみやすさ

https://pixabay.com/ja/

構造的なみやすさ

コンテンツのみやすさ

使用素材を統一する｜

アイコン素材の色を揃える

オブジェクトを右クリック→『塗りつぶし』→『塗りつぶしの色』からカラーコードを確認できる!

アイコン素材の使いまわしや色の変更を考慮すると、アイコンは白色にして、背景で調整するのが楽
アイコンの色を変える場合、その都度素材を取得しなおしアイコンを白色にしておけば、
背景の色を変えるだけでOKスライド作成の大原則© 2024 Okunote Inc.

表層的なみやすさ

構造的なみやすさ

コンテンツのみやすさ

写真や画像を加工する｜

写真の縦横比を揃える!

写真を選択した状態で、『書式タブ』→『トリミングしたの小さい▼』→『縦横比』

2つとも1:1にトリミングして高さを揃える「小さい▼」でなく「トリミング」を選択すると手動で好きに縦横を切り取ることができる

スライド作成の大原則© 2024 Okunote Inc.

表層的なみやすさ

構造的なみやすさ

コンテンツのみやすさ

写真や画像を加工する｜

画像をぼかす
!

写真を選択した状態で、『書式タブ』→『アート効果』→『ぼかし』

ぼかし『アート効果のオプション』から“ぼかし”の強さを調整できるスライド作成の大原則© 2024 Okunote Inc.

表層的なみやすさ

構造的なみやすさ

コンテンツのみやすさ

写真や画像を加工する｜

文字を被せる
!

リンゴ

写真と同じ
サイズの四角に文字を書く

オブジェクトを右クリック→『透明度』を調整して、写真の上に重ねる

四角を透明にして重ねる

リンゴ
スライド作成の大原則© 2024 Okunote Inc.

表層的なみやすさ

構造的なみやすさ

コンテンツのみやすさ

写真や画像を加工する｜

文字を被せる：最前/最背面へ移動!

特定のオブジェクトを手前や奥に移動させたいときは『オブジェクトの順序』機能を使おう

リンゴ

リンゴ
スライド作成の大原則© 2024 Okunote Inc.

複数オブジェクトの位置関係を崩したくないときはグループ化をしておこう

表層的なみやすさ

構造的なみやすさ

コンテンツのみやすさ

写真や画像を加工する｜

応用：図形で張り付けて一部ぼかす

グラフやスライドを図形で2つ張り付けて、片方をぼかす!

図形・グラフ・スライドなどをコピーして、スライドを右クリック→「図形で貼り付け」

重ねてから片方をトリミング

重ねてから片方をトリミング
pdfで渡してもpptxに変換されると厄介、ぼかした状態でもう一度画像で張り付けようスライド作成の大原則© 2024 Okunote Inc.

表層的なみやすさ

構造的なみやすさ

コンテンツのみやすさ目次

スライド作成の大原則
表層的なみやすさ
構造的なみやすさ

コンテンツのみやすさ© 2024 Okunote Inc.

参考文献

slideshare「見やすいプレゼン資料の作り方 – リニューアル増量版」Yuta Morishige.2022-10-19.
https://www.slideshare.net/yutamorishige50/ss-41321443
森重 湧太. (2016). 一生使える 見やすい資料のデザイン入門. インプレス
https://www.amazon.co.jp/dp/484433963X

スライド作成の大原則© 2024 Okunote Inc.

表層的なみやすさ

構造的なみやすさ

コンテンツのみやすさ