パワーポイントの「わかりやすさ」と「生産性」を向上させる デザイン・テンプレート

Presentation on theme: "パワーポイントの「わかりやすさ」と「生産性」を向上させる デザイン・テンプレート"— Presentation transcript:

1 パワーポイントの「わかりやすさ」と「生産性」を向上させる デザイン・テンプレート

2 ページ設定 テキスト カラー 箇条書き フォント 表 余白（ヘッダ・フッタ） 表紙 グリッドとガイド 目次 ガイド位置 その他
パワーポイントの「わかりやすさ」と「生産性」を向上させる デザイン・テンプレート

3 1. ページ設定 スライドのサイズ指定は「A4 210 x 297 mm」。 幅は「27.51cm」、高さは「19.05cm」を設定する。
スライドのサイズを合わせると、 資料の共有が簡単に！ サイズ「A4」を指定しておけば、 様々な環境で使いまわしが可能 実際のA4サイズよりも少し小さ めなのがポイント 他の資料からスライドをコピーしたとき、図 形や文字のサイズが変わってしまった経験は ありませんか？これは、コピーを行った資料 のあいだでスライドサイズが異なるために発 生します。微妙にずれた要素を整えるのは、 非常に手間のかかるものです。これを回避す る方法は、資料のスライドサイズを合わせる こと。資料の共有の第一歩はスライドサイズ、 といっても過言ではありません。 スライドのサイズ指定のデフォルト値は、 「画面に合わせる」です。これでは、ディス プレイサイズの異なる環境では、スライドの サイズが一致しないことになってしまいます。 現在もっとも普及している用紙サイズである 「A4」で統一しておけば、幅広い環境でスラ イドの使いまわしがきくようになります。 実は、パワーポイントのスライドのサイズ指 定「A4」は、実際のA4サイズよりも少し小さ めの値が設定されます（幅：27.51cm、高 さ：19.05cm）。これは一見すると使い勝手 が悪いようにみえるかもしれませんが、決し てそんなこともありません。レーザープリン タのように用紙を淵いっぱいまで使えない環 境では、印刷設定によって資料の端が切れて しまうトラブルを未然に防ぐ効果があります。

4 2. カラー スライドで使用するカラーには「テーマカラー」を決め、資料全体で色使いの ルールを統一する。 ベースカラー メインカラー
アクセントカラー スライドの背景色に使用します。 注目させたい部分に使用します。 特に注意を促したい部分に使用します。 R:255, G:255, B:255 R:0, G:113, B:188 R:224, G:50, B:83 無彩色 サブカラー（メイン） サブカラー（無彩色） テキストや罫線に使用する色です。 表の背景色などに使用します。メインカラーから 分割して作成したカラーです。 表の背景色などに使用します。無彩色から分割し て作成したカラーです。 R:77, G:77, B:77 R:226, G:241, B:250 R:234, G:234, B:234

5 私の個人主義 3. フォント フォントは「メイリオ」を使用する。 夏目漱石 プレゼン資料では可視性にすぐれたゴシック体 を使用する
日本語の代表的な書体といえば「ゴシック体」と「明朝体」。一般的 にゴシック体は可視性の高い書体（瞬時に認識しやすい）、明朝体は 可読性の高い書体（文字が読みやすく、長く読み続けても疲れにく い）と言われています。 プレゼン資料は、読み手にすばやく内容を理解してもらうことが大切 です。可視性を重視し、書体にはゴシック体を使用しましょう。 私は今日初めてこの学習院というものの中に這 入（はい）りました。もっとも以前から学習院 は多分この見当だろうぐらいに考えていたには 相違（そうい）ありませんが、はっきりとは存 じませんでした。中へ這入ったのは無論今日が 初めてでございます。 　さきほど岡田さんが紹介（しょうかい）かた がたちょっとお話になった通りこの春何か講演 をというご注文でありましたが、その当時は何 か差支（さしつかえ）があって、――岡田さん の方が当人の私よりよくご記憶（きおく）と見 ゴシック体なら、見た目に美しいメイリオが お勧め メイリオは、Windows Vista以降に搭載されたシステムフォントです。 字面が大きく、やや横幅が広いのが特徴。横組みでの可読性を重視し て作成されています。アンチエイリアス（画面上でフォントを精細に 表示する技術。Clear type）がかかり、見た目も非常に綺麗です。使 用にあたっては少しクセ（PowerPointでは上下中央で表示した際、 上寄りに表示されます）がありますが、それを押してもメイリオには 選ぶ価値があるといって良いでしょう。

6 4. 余白（ヘッダ・フッタ） スライドの外壁には余白をとる。上下の余白は「ヘッダ・フッタ」として扱う。
7.80mm スライドの外壁には余白をとる。上下の余白は「ヘッダ・フッタ」として扱う。 位置 中心からの距離 記載する内容 ヘッダ 7.8mm スライドのタイトル フッタ 8.00mm CI（コーポレートアイデンティティ）、スライド番号 左右部 11.50mm 原則何も記載しない 11.50mm 11.50mm 余白をとれば、スライドに余裕 がうまれる 上下の余白は、それぞれ「ヘッ ダ」、「フッタ」として扱う 余白の位置決めには、グリッド とガイドの機能を利用する 紙面が文字でびっしりと埋めつくされている 資料は、何かと敬遠されがちなもの。スライ ドの外壁に余白をもたせることで、見た目の 圧迫感をかなり解消できます。読み手に気軽 に手にとって見てもらえるような、余裕のあ る紙面づくりを目指しましょう。 上下の余白は、それぞれ「ヘッダ」・「フッ タ」として扱います。ヘッダにはスライドの タイトルを、フッタにはCI（コーポレートア イデンティティ、ロゴマーク）とページ番号 を記載します。その他には原則何も記載しな い（一部注意書きなどの例外項目を除き）、 空白の領域として扱います。 余白の位置決めには、パワーポイントの「グ リッドとガイド」の機能を利用しましょう。 あらかじめ境界線となる位置にガイドをひい ておけば、簡単に余白位置を確認することが できます。グリッドとガイドの設定方法につ いては次の「グリッドとガイド」および「ガ イド位置」を参照してください。 8.00mm

7 5. グリッドとガイド 余白の位置決めやスライド内の要素の整列には「グリッドとガイド」を利用する。 位置あわせ
■　描写オブジェクトをグリッド線に合わせる □　描写オブジェクトをほかのオブジェクトに合わせる グリッドの設定 間隔：0.1cm □　グリッドを表示 ガイドの設定 ■　ガイドを表示

8 6. ガイド位置 ガイドは「ヘッダやフッタの境界線」や「スライドの中央部」、「スライドを3 分割する目安の位置」がわかるようにする。
7.80mm ガイドは「ヘッダやフッタの境界線」や「スライドの中央部」、「スライドを3 分割する目安の位置」がわかるようにする。 4.30mm 0.00mm 11.50mm 4.30mm 0.00mm 4.30mm 11.50mm 4.30mm 8.00mm

9 7. テキスト テキストの色にはテーマカラーの「無彩色」を使用する。行間は「1.2～1.4 行」とし、段落後は「0.3～0.7行」を設定。配置は「両端揃え」とする。 私は今日初めてこの学習院というものの中に這入（は い）りました。もっとも以前から学習院は多分この見当 だろうぐらいに考えていたには相違（そうい）ありませ んが、はっきりとは存じませんでした。中へ這入ったの は無論今日が初めてでございます。 　さきほど岡田さんが紹介（しょうかい）かたがた ちょっとお話になった通りこの春何か講演をというご注 行間 段落後＋行間 両端揃え R:77, G:77, B:77 無彩色

10 8. 箇条書き 項目#1 項目#2 項目#3サンプルサンプルサンプル サンプル
箇条書きは「箇条書きと段落番号」の機能を使用する。行間は「1.0～1.2行」、 段落後は「0.3～0.7行」を設定する。 項目#1 項目#2 項目#3サンプルサンプルサンプル サンプル 段落後＋行間 行間 箇条書きには「箇条書きと段落番号」の機能を使用する 箇条書きには、あらかじめパワーポイントの 機能として用意されている「箇条書きと段落 番号」の機能を利用しましょう。確かにテキ ストの「・（中黒）」を使えば同様のことは できますが、あまりスマートな方法とはいえ ません。特に箇条書きの一項目が「2行以上」 になったときに綺麗に表示させるには、専用 の機能を使うのがベストです。

11 9. 表 表は、罫線の有無や背景色・文字の配置を工夫して「見やすく」記載する。 A AA-AAA-AAAA 1 \10,000 B
名称 型番 数量 単価 計 A AA-AAA-AAAA 1 \10,000 B BB-BBB-BBBB 3 \30,000 \90,000 C CC-CCC-CCCC 5 \50,000 \250,000 Total \350,000 罫線には無彩色を 使用する 表の左右の罫線は 表記しない ヘッダの背景色に はサブカラー（無 彩色）を使用する 行数が多い場合に は奇数/偶数行の背 景色を変える ヘッダは中央、文 字列は左、数値は 右揃えとする R:77, G:77, B:77 無彩色 表は思い切って左右 の罫線をなくすと、 すっきりと見せられ ます。もし心配とい うことであれば、罫 線をひくのも勿論ア リです。 R:234, G:234, B:234 サブカラー R:0, G:113, B:188 サブカラー ヘッダに記載する文 字列は”中央揃え”、 その他の文字列は”左 揃え”、数値は”右揃 え”にすると、読みや すくかつバランスの よい見栄えになりま す。

12 パワーポイントの「わかりやすさ」と「生産性」を向上させる デザイン・テンプレート
10. 表紙 表紙の背景は白無地。中央部に「タイトル」と「CI（コーポレートアイデン ティティ、ロゴマーク、提供者名）を記載する。 パワーポイントの「わかりやすさ」と「生産性」を向上させる デザイン・テンプレート

13 11. 目次 ページ設定 テキスト カラー 箇条書き フォント 表 余白（ヘッダ・フッタ） 表紙 グリッドとガイド 目次 ガイド位置 その他
目次は、背景の左部1/5程度をメインカラーで塗りつぶす。番号付きの箇条 書きで各章のタイトルを記載する。 ページ設定 カラー フォント 余白（ヘッダ・フッタ） グリッドとガイド ガイド位置 テキスト 箇条書き 表 表紙 目次 その他 パワーポイントの「わかりやすさ」と「生産性」を向上させる デザイン・テンプレート

14 12. その他 アニメーションは使用しない モノクロ印刷でも内容が伝わるようにする
アニメーションは、その動きを事前に把握しておかないと、資料の説 明が困難になってしまう場合があります。また印刷やPDF化した際に、 不都合が生じないともいいきれません。スライドを多数の人間で共有 する（使いまわしする）ことを重視するならば、使用しないことをお 勧めします。 モノクロ印刷でも内容が伝わるようにする パワーポイント資料がカラー印刷されることは稀です。そのほとんど は「モノクロ」というのが実情でしょう。そのため資料を作成する際 には、色の違いだけに頼った表現を避けることをお勧めします。具体 的には、図形なら形を変化させたり、文字であればアンダーラインや ボールド（太字）を組み合わせて記載するなど。また、資料を作成し 終わった際には、必ずパワーポイントの「グレースケール表示」機能 を使ってチェックすることも、忘れないようにしましょう。

15