パワーポイントのデザインパターン集。資料作成時に使える39のアイデア
![パワーポイントのデザインパターン集-資料作成に使える39のアイデア](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__ec.png)
パワーポイントで資料を作成するとき「伝えたいことは明確なのにデザインのアイデアが浮かばない」という人は多いのではないでしょうか。
せっかく構成ができたのに、パワポのデザインに頭を悩ませ、結局全体的に時間がかかってしまうという方をよく見ます。
そこでこの記事では、資料作成代行サービスを運営している弊社が蓄積した、ほぼすべてパワポデザインを網羅した「39のデザインパターン集」を紹介します。
アイデアが浮かばないときにいつでも参考のデザインを探せるように、本記事をブラウザで開きながら資料作成してみてください。当社のメンバーも実際にこの使い方をしています。
また、本記事で解説する①デザインパターンに加え、②スライドマスターのテンプレートや、③営業資料などの資料テンプレートを含んだ「デザインパターンデータ(pptx)316 P」を販売しています。
→ PPTテンプレート購入はこちら
パワーポイントの操作自体が不安な方は以下の記事を先に読んでみてください。
本メディア運営元の資料作成代行サービス「c-slide」では、デザイン面だけでなく成果の上がる構成の作成などビジネス面から資料作成を支援しています。(c-slideサービスサイト)
目次
パワーポイントにおけるページデザインとは
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/04/blog__design-pattern__1-1024x576.jpg)
ページデザインまたはページレイアウトとは、各要素の配置のことです。タイトル・リード文・オブジェクト範囲があり、それらを配置していくことでページデザインが出来上がります。
タイトル | ページの概要を端的に |
リード文 | ページ内で一番伝えたいメッセージを2行以内で伝える(1スライド1メッセージ) |
オブジェクト範囲 | リード文のメッセージの理由や根拠等をオブジェクト・アイコンを用いて説明 |
パワーポイントのページデザインでは、オブジェクト範囲の「理由や根拠をいかにしてわかりやすく伝えるか」が最も重要になります。
リード文はテキストなので、言い回しなどを工夫すればわかりやすくなります。しかし、オブジェクト範囲は入れ込む内容や情報量に左右され、かつ自由度が高いので資料作成の中で最も難しい部分になるため、ここで時間がかかってしまう方が多いです。
パワーポイントのデザインパターン集
パワーポイントはデザインする範囲が限られているので、ページデザインにはパターンが存在します。
パターンを参考にしながらデザインしていくことで時間の短縮になりますので、参考にしながら資料作成に取り組んでみてください。
デザインパターンは全部で39あるのですが、それを大きな3項目にわけて解説していきます。
デザインパターン | 判断基準 |
---|---|
【1】要素間の関係が存在するデザインパターン | 情報を構成する要素間に対立や比較、並列などの関係がある場合に用いる |
【2】要素間の関係が存在しないデザインパターン | グラフや事例紹介、キャプチャ挿入など、ある程度デザインが決まっている場合に用いる |
【3】ページ項目に応じて決まっているデザインパターン | 表紙や目次、会社概要など入れ込む情報が決まっている場合に用いる |
![要素間の関係が存在するデザインパターン](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__3-1024x576.jpeg)
![要素間の関係が存在しないデザインパターン](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__4-1024x576.jpeg)
![ページ項目に応じて決まっているデザインパターン](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__5-1024x576.jpeg)
上記デザインパターンに加え、スライドマスターのテンプレートや、営業資料などの資料テンプレートを含んだ「デザインパターンデータ(pptx)」を販売しています。
→ PPTテンプレート購入はこちら
【1】要素間の関係が存在するデザインパターン
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__3-1024x576.jpeg)
要素間の関係が存在するデザインパターンの一覧です。「並列」ひとつとっても3種類のデザインパターンがあり、非常に数が多く感じるかもしれません。
使いこなせるか不安になるかもしれませんが、各デザインパターンを選ぶときの基準も一緒に記載していますので、判断基準に沿って選べば迷うことはないと思いますので安心してください。
並列
並列のデザインパターンは以下の3つになります。
- 横並び
- 縦並び
- 複数羅列
① 横並び
横並びは、各要素に入れ込むテキスト量が少ない場合に用います。
基本的に、アイコンを用いて丸を3つ並べるパターンが多いです。
![横並び(特徴)](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__7-1-1024x576.jpeg)
![横並び(やるべきこと)](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__8-1-1024x576.jpeg)
アイコンを用いて四角を3つ並べるパターンも多いです。四角は余白が調整しやすいので作成しやすく、きれいなデザインになります。
![横並び(サービスの特徴)](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__9-1-1024x576.jpeg)
![横並び(営業領域で企業が抱える課題)](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__10-1-1024x576.jpeg)
オブジェクトを入れずに並べる場合は以下のようになります。
![横並び(課題)](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__11-1-1024x576.jpeg)
![横並び(デザイン事業の強み・他社との違い)](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__12-1-1024x576.jpeg)
並べる要素が2つの場合は以下のようになります。
![横並び(事業紹介)](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__13-1-1024x576.jpeg)
![横並び(捜し物にかかる時間)](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__14-1-1024x576.jpeg)
② 縦並び
各要素に入れ込むテキスト量が多い場合は、縦並びで配置するときれいなデザインになります。
![縦並び(サービスの特徴)](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__15-2-1024x576.jpeg)
![縦並び(参画方法)](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__16-2-1024x576.jpeg)
テキスト量が多い場合に、横並びにしてしまうと、説明文を何度も改行しなければならなくなってしまいます。文章の幅が狭く改行が多い文章は非常に読みづらいのでわかりにくい資料になってしまいます。
説明文はできるだけ、2〜3行程度に収まるデザインを選びましょう。
オブジェクトを下に敷かずにに、並べる場合は以下のようになります。
![縦並び(前提情報)](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__17-1-1024x576.jpeg)
![縦並び(職種紹介)](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__18-1-1024x576.jpeg)
③ 複数羅列
4つ以上の情報を並べたい場合は、以下のように配置します。
![複数羅列(弊社の解決方法)](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__19-1-1024x576.jpeg)
![複数羅列(会社の特徴)](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__20-1-1024x576.jpeg)
複数羅列の場合は、情報が多くなってしまうので「伝えたいものを大きくする」ことを意識しましょう。
左のデザインであれば「詳細説明」ですのでタイトルを省いています。右のデザインであれば「実績数字」なので、数字を大きくして詳細説明は小さくしています。
比較
比較のデザインパターンは以下の3つになります。
- 規模比較
- 項目比較
- 表での比較
① 規模比較
規模比較は、市場や数字の大きさの違いを視覚的に表現するのに便利です。
![規模比較(市場規模)](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__21-1-1024x576.jpeg)
![規模比較(パーセンテージ)](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__22-1-1024x576.jpeg)
投資家向けのピッチ資料の市場規模やパーセンテージの大きさの違いなどを表すときに視覚的に訴えることができます。
② 項目比較
項目比較は、対応領域の違いやフローの項目の違いなどを比較する際に便利です。
![項目比較(フロー)](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__23-1-1024x576.jpeg)
![項目比較(対応領域)](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__24-1-1024x576.jpeg)
色や破線を使用して、違いを視覚的に表現するとわかりやすいページデザインになります。
③ 表での比較
比較する項目が多く、一度に伝えたい場合は表を用いるとわかりやすくなります。
![表での比較(プラン比較)](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__25-1-1024x576.jpeg)
![表での比較(他社比較)](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__26-1-1024x576.jpeg)
詳しい解説や、表の挿入方法は以下の記事で解説しています。
参考:パワポ資料で比較ページを作成する際のポイント(操作説明付き)
フロー
フローのデザインパターンは以下の3つになります。
- 横型
- 縦型
- 箱型
① 横型
情報量が少ない場合は、アイコンを用いるとわかりやすくなります。
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__27-1-1024x576.jpeg)
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__28-1-1024x576.jpeg)
情報量が多い場合は、アイコンを用いず以下のようにデザインします。
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__29-1-1024x576.jpeg)
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__30-1-1024x576.jpeg)
② 縦型
項目が多く、横に収まらない場合は縦型のフローにします。
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__31-1-1024x576.jpeg)
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__32-1-1024x576.jpeg)
導入フローやご利用の流れなどのスライドに使われることが多いです。
③ 箱型
条件分岐を説明する場合や、さらに項目が多い場合には箱型を用います。
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__33-1-1024x576.jpeg)
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__34-1-1024x576.jpeg)
項目の数も種類も多い場合は「縦」を項目の種類、「横」を時間軸とすることで、流れを表現します。
サイクル
サイクルのデザインパターンは2つあります。
- 円
- 四角
① 円
要素が少ないときは、円型のサイクルにするとわかりやすくなります。
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__35-1-1024x576.jpeg)
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__36-1-1024x576.jpeg)
相互関係を表す矢印の意味を説明しましょう。
② 四角
要素が多い場合は、四角でサイクルにするとわかりやすくなります。
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__37-1-1024x576.jpeg)
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__38-1-1024x576.jpeg)
ピラミッド図
ピラミッド図のデザインパターンは2つあります。
- ピラミッド型
- じょうろ型
① ピラミッド型
上位に向かうにつれて規模が小さくなる場合は、ピラミッド型を用います。
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__39-1-1024x576.jpeg)
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__40-1-1024x576.jpeg)
ピラミッド図は、上の方のテキストがはみ出てしまうことが多いです。はみ出てしまうときは「光彩」を使って、テキストを見やすくしましょう。
② じょうろ型
下位に向かうにつれて規模が小さくなる場合は、じょうろ型を用います。
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__41-1-1024x576.jpeg)
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__42-1-1024x576.jpeg)
マトリクス
4象限を用いてポジショニングを説明するときは、マトリクス図を用います。
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__43-1-1024x576.jpeg)
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__44-1-1024x576.jpeg)
ベン図
要素が重なっていることを表現する場合は、ベン図を使います。
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__45-1-1024x576.jpeg)
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__46-1-1024x576.jpeg)
重なっていることがわかるようにオブジェクトの透明度を20〜30%に設定しましょう。
ツリー図
構成要素の関係全体を示したい時は、ツリー図を使います。
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__47-1-1024x576.jpeg)
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__48-1-1024x576.jpeg)
数式
数字や定義の算出方法を示す場合は、数式で表現します。
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__49-1-1024x576.jpeg)
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__50-1-1024x576.jpeg)
文章で「〇〇を××で割ったものが…」と書くより、数式で表現したほうが直感的にわかりやすく伝わりやすくなります。
掛け算
要素の相乗効果を示す場合は、掛け算のオブジェクトを使って表現します。
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__51-1-1024x576.jpeg)
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__52-1-1024x576.jpeg)
足し算
要素の組み合わせを示す場合は、足し算のオブジェクトを使って表現します。
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__53-1-1024x576.jpeg)
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__54-1-1024x576.jpeg)
領域
対応している領域、説明したい領域を示したい時、は以下のように表現します。
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__55-2-1024x576.jpeg)
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__56-2-1024x576.jpeg)
階段
プロセスの段階を示す際は、階段のようなデザインにします。
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__57-2-1024x576.jpeg)
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__58-2-1024x576.jpeg)
重複
情報が重複している場合は、同じことを記載しないようにデザインします。
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__59-1-1024x576.jpeg)
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__60-1-1024x576.jpeg)
読み手が同じことを読まなくていいようにしましょう。
包括
要素1が要素2に属していることを示す場合は、以下のようなデザインになります。
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__61-1-1024x576.jpeg)
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__62-1-1024x576.jpeg)
円ではなく四角でも構いません。
相互関係
双方に何かしらの関係性がある場合は、以下のようにデザインします。
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__63-1-1024x576.jpeg)
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__64-1-1024x576.jpeg)
矢印に「なにを提供して」「何を得られるのか」の説明を入れるとわかりやすくなります。
ビフォーアフター
従来のパターンとの違いを示す際は、矢印でビフォーアフター化します。
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__65-1-1024x576.jpeg)
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__66-1-1024x576.jpeg)
上記デザインパターンに加え、スライドマスターのテンプレートや、営業資料などの資料テンプレートを含んだ「デザインパターンデータ(pptx)」を販売しています。
→ PPTテンプレート購入はこちら
【2】要素間の関係が存在しないデザインパターン
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__67-1024x576.jpeg)
要素間の関係が存在しないデザインパターンの一覧です。ではそれぞれ見ていきましょう。
グラフ
グラフのデザインパターンは以下の5つになります。
- 縦棒グラフ
- 横棒グラフ
- 円グラフ
- 折れ線グラフ
- その他
① 縦棒グラフ
数値の伸び率を押し出したい場合や数値の増減を表現したい場合は、縦棒グラフを用いる。
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__68-1024x576.jpeg)
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__69-1024x576.jpeg)
各部分の要素の伸び率を示したい場合は、右図のように表現するとわかりやすくなります。
② 横棒グラフ
アンケートなどの項目の大小を伝えたい場合は、横棒グラフを用います。
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__70-1024x576.jpeg)
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__71-1024x576.jpeg)
③ 円グラフ
項目が占める割合を押し出したい場合は、円グラフを用います。
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__72-1024x576.jpeg)
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__73-1024x576.jpeg)
円グラフの中にテキストを入れるのもいいですが、より目立たせたいときはテキストを外に出して表現すると、強調することができます。
④ 折れ線グラフ
数値の推移を押し出したい場合は、折れ線を用います。
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__74-1024x576.jpeg)
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__75-1024x576.jpeg)
⑤ その他
それ以外だと、グラフの組み合わせや積み上げグラフなどは以下のようにデザインすることもできます。
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__76-1024x576.jpeg)
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__77-1024x576.jpeg)
詳しい解説や、グラフの挿入方法は以下の記事で解説しています。
参考:パワポでの最適なグラフの選び方・作り方(作成/編集方法付き)
キャプチャ
キャプチャのデザインパターンは以下の3つになります。
- 羅列
- 拡大
- フロー
① 羅列
キャプチャをシンプルに並べる際は以下のように揃えます。
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__78-1024x576.jpeg)
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__79-1024x576.jpeg)
② 拡大
キャプチャの対応している部分や遷移を表現する場合は、以下のようにデザインします。
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__80-1024x576.jpeg)
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__81-1024x576.jpeg)
ボタンを押すとどうなるかをキャプチャを使って説明するときなどに用います。
③ フロー
キャプチャの遷移をフローで表現する場合は、以下のようにデザインします。
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__82-1024x576.jpeg)
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__83-1024x576.jpeg)
料金体系
料金体系のデザインパターンは表が基本ですが、表以外の表現方法もあります。
- 表
- その他
① 表
項目が多い場合は、表を使って料金体系を表現すると見やすくなります。
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__84-1024x576.jpeg)
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__85-1024x576.jpeg)
② その他
項目が少ない場合は自由度高く、以下のようにデザインします。
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__86-1024x576.jpeg)
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__87-1024x576.jpeg)
どのようにデザインしてもいいですが、数字は大きく単位は小さくを意識しましょう。
表
表は「比較」でも「料金体系」でも利用したように汎用性が高く、どんな場面でも利用することができます。アイコンを使う必要がなく、テキスト量が多い場合に表を活用しましょう。
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__88-1024x576.jpeg)
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__89-1024x576.jpeg)
拠点
事業所などの拠点の位置関係を示す際は、以下のようにデザインします。
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__90-1024x576.jpeg)
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__91-1024x576.jpeg)
スケジュール
導入までのスケジュールなどは、フローや表を用いてデザインします。
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__92-1024x576.jpeg)
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__93-1024x576.jpeg)
詳しい解説や、スケジュール表の作成方法は以下の記事で解説しています。
参考:パワポの見やすいスケジュール表の作り方。鉄板の2パターンを解説!
ランキング
自社の立ち位置や順位形式のデータを扱う際は、グラフや表でランキングを作ります。
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__94-1024x576.jpeg)
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__95-1024x576.jpeg)
事例
導入事例の紹介を行う際は、キャプチャとテキストで以下のように訴求します。
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__96-1024x576.jpeg)
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__97-1024x576.jpeg)
テキストのみ
補足説明的に入れ込むテキストのみの情報は、以下のようにデザインします。
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__98-1024x576.jpeg)
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__99-1024x576.jpeg)
テキストに「緩急」をつけるのが非常に重要になります。タイトルを大きくして説明文を大きくするなどして「どちらのほうが伝えたいのか」を考えて、デザインしましょう。
Q&A
よくある質問やウェビナー系でのQ&Aは、以下のようにデザインします。
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__100-1024x576.jpeg)
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__101-1024x576.jpeg)
名言・メッセージ
偉人の言葉を借りる際や代表メッセージは、インパクト付けの為にキャプチャも入れ込みます。
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__102-1024x576.jpeg)
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__103-1024x576.jpeg)
ピクトグラム
話し言葉で伝える際に、質素にならないようにアイコンを入れ込みます。
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__104-1024x576.jpeg)
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__105-1024x576.jpeg)
上記デザインパターンに加え、スライドマスターのテンプレートや、営業資料などの資料テンプレートを含んだ「デザインパターンデータ(pptx)」を販売しています。
→ PPTテンプレート購入はこちら
【3】ページ項目に応じて決まっているデザインパターン
像)ページ項目に応じて決まっているデザインパターン一覧
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__106-1024x576.jpeg)
ページ項目ごとのデザインパターンの一覧です。ではそれぞれ見ていきましょう。
表紙
テキストが少ない表紙
基本的には資料名のみの記載するこのデザインを用います。
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__107-1024x576.jpeg)
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__108-1024x576.jpeg)
テキストが多い表紙
資料名以外にも記載事項がある場合は以下のようなデザインにしましょう。
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__109-1024x576.jpeg)
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__110-1024x576.jpeg)
情報量が多くても、四隅に情報を入れていくときれいなデザインになります。
詳しい解説や、表紙の作成方法は以下の記事で解説しています。
参考:プレゼン資料の表紙はどんなデザインがいいの?パワポでの作り方や参考デザインをご紹介
目次
通常
ページ数や目次の数が少ない場合は、以下のようなデザインにしましょう。
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__111-1024x576.jpeg)
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__112-1024x576.jpeg)
見出し付き目次
目次の数が多い場合は、見出しを付けた目次を作成します。
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__113-1024x576.jpeg)
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__114-1024x576.jpeg)
点目次
見出し付きの目次よりもさらに見出しが多い場合は、点目次を用います。
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__117-1024x576.jpeg)
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__118-1024x576.jpeg)
円目次
ウェビナー資料やプレゼン資料など、視認性が重要で口頭での説明がメインになる資料は円目次を用います。
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__115-1024x576.jpeg)
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__116-1024x576.jpeg)
詳しい解説や、目次の作成方法は以下の記事で解説しています。
参考:パワーポイントで簡単に目次を作成する方法。応用編とデザインも解説
会社概要
通常
通常は会社ロゴを用いて、以下のようにデザインするのがおすすめです。
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__119-1024x576.jpeg)
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__120-1024x576.jpeg)
テキストのみ
会社ロゴがない場合、もしくは項目が多い場合はロゴを入れ込まないデザインを採用します。
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__121-1024x576.jpeg)
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__122-1024x576.jpeg)
静止画背景
採用ピッチなどのブランド感を踏襲する必要のある場合は以下のように静止画を利用します。
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__123-1024x576.jpeg)
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__124-1024x576.jpeg)
導入企業入れ込み
ネームバリューを押し出す際は、以下のように導入企業の一部を会社概要ページに入れ込んでしまうのも効果的です。
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__125-1024x576.jpeg)
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__126-1024x576.jpeg)
その他
その他の情報を同時に入れ込む際は以下のデザインにします。
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__127-1024x576.jpeg)
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__128-1024x576.jpeg)
メンバー紹介
1名
代表など、1名を紹介する場合は以下のようにデザインします。
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__129-1024x576.jpeg)
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__130-1024x576.jpeg)
2名
経営メンバーなど2名紹介する場合は以下のようにデザインします。
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__131-1024x576.jpeg)
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__132-1024x576.jpeg)
3名
次いで3名紹介する場合は以下のようにデザインします。
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__133-1024x576.jpeg)
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__134-1024x576.jpeg)
4名〜
4名メンバーを紹介する場合は、以下のようにデザインします。
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__135-1024x576.jpeg)
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__136-1024x576.jpeg)
以降メンバーが増えていく場合は、右図のようにどんどん箱を追加していくようにデザインします。
MVV(企業理念)
静止画背景
インパクトを残しつつMVVを提示する場合に用います。
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__137-1024x576.jpeg)
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__138-1024x576.jpeg)
テキストのみ
Valueなどのテキスト量が多い場合に用います。
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__139-1024x576.jpeg)
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__140-1024x576.jpeg)
その他
自社のサービスやキャラクター等を載せる場合は以下のようなデザインにします。
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__141-1024x576.jpeg)
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__142-1024x576.jpeg)
静止画背景
テキスト中央揃え
タグラインを大きく、説明文を小さく入れ込みます。
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__143-1024x576.jpeg)
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__144-1024x576.jpeg)
テキスト左揃え
タグラインor説明文のテキスト量が多い場合に用います。
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__145-1024x576.jpeg)
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__146-1024x576.jpeg)
静止画2枚
伝えたいメッセージが複数ある場合に用います。
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__147-1024x576.jpeg)
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__148-1024x576.jpeg)
ウェビナー系
ウェビナー資料内で構成に緩急をつける場合に用います。
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__149-1024x576.jpeg)
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__150-1024x576.jpeg)
その他
要素が多い場合などは、オブジェクトの透明度を調整してテキストを配置します。
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__151-1024x576.jpeg)
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__152-1024x576.jpeg)
会社沿革
時系列
イベントなどの会社の節目の説明を行います。
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__153-1024x576.jpeg)
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__154-1024x576.jpeg)
グラフ
組織規模や売上高の伸び率を伝える場合に用います。
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__155-1024x576.jpeg)
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__156-1024x576.jpeg)
組み合わせ
時系列とグラフの両方を伝えたい場合や、会社のイメージを伝えたい場合は、以下のようなデザインになります。
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__157-1024x576.jpeg)
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__158-1024x576.jpeg)
導入実績
ロゴのみ
ネームバリューを訴求する場合はロゴを羅列します。
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__159-1024x576.jpeg)
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__160-1024x576.jpeg)
数値押し出し
効果を訴求する際は、具体的な数値を入れ込みます。
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__161-1024x576.jpeg)
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__162-1024x576.jpeg)
月桂冠
権威付けを行う際はランキングなどを伝えると効果的です。
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__163-1024x576.jpeg)
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__164-1024x576.jpeg)
組織図
組織体制を伝える場合は以下のデザインになります。
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__165-1024x576.jpeg)
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__166-1024x576.jpeg)
まとめ
この記事では、パワーポイントの「39のデザインパターン集」を紹介しました。資料作成代行サービスを運営している弊社が蓄積したパターンですので、ほぼすべてパワポデザインを網羅しているかと思います。
繰り返しになりますが、まずは「今から自分がデザインしようとしているのはどれか?」を大きく分けて以下の3つの判断軸で考えてみてください。
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2023/01/blog__design-pattern__2-1-1024x576.jpeg)
それから、それぞれのパターンから適切なデザインを選んで実際にパワーポイントを操作しましょう。
以下に本記事すべてをまとめた資料を添付しておきますので、資料作成時にブラウザに開いてデザインの参考にしてみてください。
とはいえ、全て丸パクリすればいい、 というものではありません。まずは資料の目的とページで伝えるべき情報を見極めましょう。
デザインは手段でしかないので目的を見失わないようにしましょう。しっかりと伝えたいことが明確であれば、パワーポイントの操作時にこのデザインパターンを活用して「良い資料が短時間で作れる」と思います。この記事が資料作成時に役に立てば幸いです。
また、本記事で紹介したデザインパターンに加え、以下パワーポイントテンプレートを含むデータを販売しています。
- デザイン要素集:本記事で紹介したデザインパターン
- フォーマット集:スライドマスターのデザインパターン
- 構成集:営業資料や提案書などのテンプレート
フォーマットの色を変更し、構成テンプレートを参考に、要素をコピペするだけでプロの資料を作成することができます。
「c-slide」のパワーポイントデザインテンプレート316P購入フォーム
![](https://cone-c-slide.com/see-sla/wp-content/uploads/2022/03/スクリーンショット-2022-02-21-16.36.54.png)