Slide 1

Slide 1 text

パワーポイントのデザインパターン⼤全 ペ ー ジ デ ザ イ ン 39種 【資料作成時に活⽤】真似するだけでキレイな資料になる

Slide 2

Slide 2 text

⽬ 次 © 2022 CONE inc. 2 ページ デザイン デザイン パターン1 デザイン パターン2 デザイン パターン3 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3

Slide 3

Slide 3 text

ペ ー ジ デ ザ イ ン の 構 成 © 2022 CONE inc. 3 コピーライト・ページ番号 タイトル リード⽂ ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3 オブジェクト配置範囲

Slide 4

Slide 4 text

ペ ー ジ の 概 要 を 端 的 に © 2022 CONE inc. 4 ページ内で⼀番伝えたいメッセージをリード⽂で伝える。( 1 ス ラ イ ド 1 メ ッ セ ー ジ ) リード⽂のメッセージの理由や根拠等を オブジェクト・アイコンを⽤いて説明 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3

Slide 5

Slide 5 text

ペ ー ジ デ ザ イ ン で 重 要 な の は ・ ・ © 2022 CONE inc. 5 ページデザインは、理由や根拠をいかにしてわかりやすく伝えるかが肝。 ただ、⼊れ込む内容や情報量に左右される かつ、⾃由度が⾼いので 資料作成の中で⼀番難しい。 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3

Slide 6

Slide 6 text

ペ ー ジ デ ザ イ ン © 2022 CONE inc. 6 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3 ⼤丈夫です。 どのページデザインも ある程度のパターンが 存在します!

Slide 7

Slide 7 text

ペ ー ジ デ ザ イ ン パ タ ー ン © 2022 CONE inc. 7 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3 要素間の関係が存在するデザインパターン 情 報 を 構 成 す る 要 素 間 に 対 ⽴ や ⽐ 較 、 並 列 な ど の 関 係 が あ る 場 合 に ⽤ い る 。 1 要素間の関係が存在しないデザインパターン グ ラ フ や 事 例 紹 介 、 キ ャ プ チ ャ 挿 ⼊ な ど 、 あ る 程 度 デ ザ イ ン が 決 ま っ て い る 場 合 に ⽤ い る 。 2 ページ項⽬に応じて決まっているデザインパターン 表 紙 や ⽬ 次 、 会 社 概 要 な ど ⼊ れ 込 む 情 報 が 決 ま っ て い る 場 合 に ⽤ い る 。 3

Slide 8

Slide 8 text

ペ ー ジ デ ザ イ ン パ タ ー ン © 2022 CONE inc. 8 要素間の関係が存在するデザインパターン 情 報 を 構 成 す る 要 素 間 に 対 ⽴ や ⽐ 較 、 並 列 な ど の 関 係 が あ る 場 合 に ⽤ い る 。 1 要素間の関係が存在しないデザインパターン グ ラ フ や 事 例 紹 介 、 キ ャ プ チ ャ 挿 ⼊ な ど 、 あ る 程 度 デ ザ イ ン が 決 ま っ て い る 場 合 に ⽤ い る 。 2 ページ項⽬に応じて決まっているデザインパターン 表 紙 や ⽬ 次 、 会 社 概 要 な ど ⼊ れ 込 む 情 報 が 決 ま っ て い る 場 合 に ⽤ い る 。 3 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3

Slide 9

Slide 9 text

要 素 間 の 関 係 図 ⼀ 覧 © 2022 CONE inc. 9 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3 並列 横並び テキスト量が少ない場合に⽤いる マトリクス 4象限を⽤いて⽐較する場合に⽤いる 縦並び テキスト量が多い場合に⽤いる ペン図 要素が重なっていることを表現する場合に⽤いる 複数羅列 並列の情報を複数羅列する場合に⽤いる ツリー図 情報を構成する要素の関係全体を⽰す場合に⽤いる ⽐較 規模⽐較 市場の⼤きさや数字の⼤きさの違いを視覚的に伝える場合に⽤いる 数式 数字や定義の算出⽅法を⽰す場合に⽤いる 項⽬⽐較 対応領域やフローの違いを伝える場合に⽤いる 掛け算 要素の相乗効果を⽰す場合に⽤いる 表での⽐較 ⽐較する項⽬が複数あり、決まっている場合に⽤いる ⾜し算 要素の組み合わせを⽰す場合に⽤いる フロー 横型 アイコンを使って表現 or 対応する項⽬が多い場合に⽤いる 領域 対応する領域、説明したい領域を⽰す場合に⽤いる 縦型 アイコンを使わない or テキスト量が多い場合に⽤いる 階段 プロセスの段階を⽰す場合に⽤いる サイクル 円 2~3個の項⽬の場合に⽤いる 重複 情報が重複している場合に⽤いる 四⾓ 4個以上 or テキスト量が多い場合に⽤いる 包括 要素①が要素②の中に属していることを⽰す場合に⽤いる ピラミッド図 ピラミッド型 上位にいくに連れて規模が⼩さくなる場合に⽤いる 相互関係 双⽅に何かしらの関係がある場合に⽤いる じょうろ型 下位にいくに連れて規模が⼩さくなる場合に⽤いる ビフォーアフター 従来のパターンとの違い等を⽰す場合に⽤いる

Slide 10

Slide 10 text

ペ ー ジ デ ザ イ ン © 2022 CONE inc. 10 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3 今 か ら パ タ ー ン を お ⾒ せ し ま す が 、 果 て し な い の で さ ら っ と ⾒ て く だ さ い 。 ジ ャ ン ル を 把 握 し た 上 で 、 資 料 作 成 時 に ブ ラ ウ ザ に 開 い て 参 考 に し て く だ さ い 。

Slide 11

Slide 11 text

解説しているデザインパターンは 下記、概要欄から購⼊可能です! \ デザインパターンをPPTに貼り付けるだけで、プロの資料が完成します / PR scroll

Slide 12

Slide 12 text

要 素 間 の 関 係 図 ⼀ 覧 © 2022 CONE inc. 11 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3 並列 横並び テキスト量が少ない場合に⽤いる マトリクス 4象限を⽤いて⽐較する場合に⽤いる 縦並び テキスト量が多い場合に⽤いる ペン図 要素が重なっていることを表現する場合に⽤いる 複数羅列 並列の情報を複数羅列する場合に⽤いる ツリー図 情報を構成する要素の関係全体を⽰す場合に⽤いる ⽐較 規模⽐較 市場の⼤きさや数字の⼤きさの違いを視覚的に伝える場合に⽤いる 数式 数字や定義の算出⽅法を⽰す場合に⽤いる 項⽬⽐較 対応領域やフローの違いを伝える場合に⽤いる 掛け算 要素の相乗効果を⽰す場合に⽤いる 表での⽐較 ⽐較する項⽬が複数あり、決まっている場合に⽤いる ⾜し算 要素の組み合わせを⽰す場合に⽤いる フロー 横型 アイコンを使って表現 or 対応する項⽬が多い場合に⽤いる 領域 対応する領域、説明したい領域を⽰す場合に⽤いる 縦型 アイコンを使わない or テキスト量が多い場合に⽤いる 階段 プロセスの段階を⽰す場合に⽤いる サイクル 円 2~3個の項⽬の場合に⽤いる 重複 情報が重複している場合に⽤いる 四⾓ 4個以上 or テキスト量が多い場合に⽤いる 包括 要素①が要素②の中に属していることを⽰す場合に⽤いる ピラミッド図 ピラミッド型 上位にいくに連れて規模が⼩さくなる場合に⽤いる 相互関係 双⽅に何かしらの関係がある場合に⽤いる じょうろ型 下位にいくに連れて規模が⼩さくなる場合に⽤いる ビフォーアフター 従来のパターンとの違い等を⽰す場合に⽤いる

Slide 13

Slide 13 text

並 列 | 横 並 び © 2022 CONE inc. 12 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3 アイコンを⽤いて丸を3つ並べるパターンが基本的に多いです。

Slide 14

Slide 14 text

並 列 | 横 並 び © 2022 CONE inc. 13 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3 アイコンを⽤いて四⾓を3つ並べるパターンも多いです。⾮常に綺麗。

Slide 15

Slide 15 text

並 列 | 横 並 び © 2022 CONE inc. 14 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3 オブジェクトを⼊れずに並べる場合は以下のようになります。

Slide 16

Slide 16 text

並 列 | 横 並 び © 2022 CONE inc. 15 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3 2つの場合はこんな感じ。

Slide 17

Slide 17 text

並 列 | 縦 並 び © 2022 CONE inc. 16 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3 テキスト量が多い場合は縦型で並べるときれいになります。

Slide 18

Slide 18 text

並 列 | 縦 並 び © 2022 CONE inc. 17 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3 オブジェクト(ボックス)を敷かない場合は以下のようになります。

Slide 19

Slide 19 text

並 列 | 複 数 羅 列 © 2022 CONE inc. 18 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3 4個以上の情報を羅列する場合はこんな感じ。

Slide 20

Slide 20 text

要 素 間 の 関 係 図 ⼀ 覧 © 2022 CONE inc. 19 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3 並列 横並び テキスト量が少ない場合に⽤いる マトリクス 4象限を⽤いて⽐較する場合に⽤いる 縦並び テキスト量が多い場合に⽤いる ペン図 要素が重なっていることを表現する場合に⽤いる 複数羅列 並列の情報を複数羅列する場合に⽤いる ツリー図 情報を構成する要素の関係全体を⽰す場合に⽤いる ⽐較 規模⽐較 市場の⼤きさや数字の⼤きさの違いを視覚的に伝える場合に⽤いる 数式 数字や定義の算出⽅法を⽰す場合に⽤いる 項⽬⽐較 対応領域やフローの違いを伝える場合に⽤いる 掛け算 要素の相乗効果を⽰す場合に⽤いる 表での⽐較 ⽐較する項⽬が複数あり、決まっている場合に⽤いる ⾜し算 要素の組み合わせを⽰す場合に⽤いる フロー 横型 アイコンを使って表現 or 対応する項⽬が多い場合に⽤いる 領域 対応する領域、説明したい領域を⽰す場合に⽤いる 縦型 アイコンを使わない or テキスト量が多い場合に⽤いる 階段 プロセスの段階を⽰す場合に⽤いる サイクル 円 2~3個の項⽬の場合に⽤いる 重複 情報が重複している場合に⽤いる 四⾓ 4個以上 or テキスト量が多い場合に⽤いる 包括 要素①が要素②の中に属していることを⽰す場合に⽤いる ピラミッド図 ピラミッド型 上位にいくに連れて規模が⼩さくなる場合に⽤いる 相互関係 双⽅に何かしらの関係がある場合に⽤いる じょうろ型 下位にいくに連れて規模が⼩さくなる場合に⽤いる ビフォーアフター 従来のパターンとの違い等を⽰す場合に⽤いる

Slide 21

Slide 21 text

⽐ 較 | 規 模 ⽐ 較 © 2022 CONE inc. 20 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3 市場や数字の⼤きさの違いを視覚的に表現するのに便利です。

Slide 22

Slide 22 text

⽐ 較 | 項 ⽬ ⽐ 較 © 2022 CONE inc. 21 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3 対応領域の違いやフロー項⽬の違いを⽐較する際に便利です。

Slide 23

Slide 23 text

⽐ 較 | 表 で の ⽐ 較 © 2022 CONE inc. 22 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3 ⽐較する項⽬が多く、⼀度に伝えたい場合は表を⽤いるとわかりやすい。

Slide 24

Slide 24 text

要 素 間 の 関 係 図 ⼀ 覧 © 2022 CONE inc. 23 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3 並列 横並び テキスト量が少ない場合に⽤いる マトリクス 4象限を⽤いて⽐較する場合に⽤いる 縦並び テキスト量が多い場合に⽤いる ペン図 要素が重なっていることを表現する場合に⽤いる 複数羅列 並列の情報を複数羅列する場合に⽤いる ツリー図 情報を構成する要素の関係全体を⽰す場合に⽤いる ⽐較 規模⽐較 市場の⼤きさや数字の⼤きさの違いを視覚的に伝える場合に⽤いる 数式 数字や定義の算出⽅法を⽰す場合に⽤いる 項⽬⽐較 対応領域やフローの違いを伝える場合に⽤いる 掛け算 要素の相乗効果を⽰す場合に⽤いる 表での⽐較 ⽐較する項⽬が複数あり、決まっている場合に⽤いる ⾜し算 要素の組み合わせを⽰す場合に⽤いる フロー 横型 アイコンを使って表現 or 対応する項⽬が多い場合に⽤いる 領域 対応する領域、説明したい領域を⽰す場合に⽤いる 縦型 アイコンを使わない or テキスト量が多い場合に⽤いる 階段 プロセスの段階を⽰す場合に⽤いる サイクル 円 2~3個の項⽬の場合に⽤いる 重複 情報が重複している場合に⽤いる 四⾓ 4個以上 or テキスト量が多い場合に⽤いる 包括 要素①が要素②の中に属していることを⽰す場合に⽤いる ピラミッド図 ピラミッド型 上位にいくに連れて規模が⼩さくなる場合に⽤いる 相互関係 双⽅に何かしらの関係がある場合に⽤いる じょうろ型 下位にいくに連れて規模が⼩さくなる場合に⽤いる ビフォーアフター 従来のパターンとの違い等を⽰す場合に⽤いる

Slide 25

Slide 25 text

フ ロ ー | 横 型 © 2022 CONE inc. 24 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3 情報量が少ない場合はアイコンを⽤いると、とてもわかりやすい。

Slide 26

Slide 26 text

フ ロ ー | 横 型 © 2022 CONE inc. 25 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3 情報量が多い場合はアイコンを⽤いず、以下のようになります。

Slide 27

Slide 27 text

フ ロ ー | 縦 型 © 2022 CONE inc. 26 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3 項⽬が多く、横に収まらない場合は縦型のフローにします。

Slide 28

Slide 28 text

フ ロ ー | 箱 型 © 2022 CONE inc. 27 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3 縦型で更に情報量が多い場合は以下のようになります。

Slide 29

Slide 29 text

要 素 間 の 関 係 図 ⼀ 覧 © 2022 CONE inc. 28 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3 並列 横並び テキスト量が少ない場合に⽤いる マトリクス 4象限を⽤いて⽐較する場合に⽤いる 縦並び テキスト量が多い場合に⽤いる ペン図 要素が重なっていることを表現する場合に⽤いる 複数羅列 並列の情報を複数羅列する場合に⽤いる ツリー図 情報を構成する要素の関係全体を⽰す場合に⽤いる ⽐較 規模⽐較 市場の⼤きさや数字の⼤きさの違いを視覚的に伝える場合に⽤いる 数式 数字や定義の算出⽅法を⽰す場合に⽤いる 項⽬⽐較 対応領域やフローの違いを伝える場合に⽤いる 掛け算 要素の相乗効果を⽰す場合に⽤いる 表での⽐較 ⽐較する項⽬が複数あり、決まっている場合に⽤いる ⾜し算 要素の組み合わせを⽰す場合に⽤いる フロー 横型 アイコンを使って表現 or 対応する項⽬が多い場合に⽤いる 領域 対応する領域、説明したい領域を⽰す場合に⽤いる 縦型 アイコンを使わない or テキスト量が多い場合に⽤いる 階段 プロセスの段階を⽰す場合に⽤いる サイクル 円 2~3個の項⽬の場合に⽤いる 重複 情報が重複している場合に⽤いる 四⾓ 4個以上 or テキスト量が多い場合に⽤いる 包括 要素①が要素②の中に属していることを⽰す場合に⽤いる ピラミッド図 ピラミッド型 上位にいくに連れて規模が⼩さくなる場合に⽤いる 相互関係 双⽅に何かしらの関係がある場合に⽤いる じょうろ型 下位にいくに連れて規模が⼩さくなる場合に⽤いる ビフォーアフター 従来のパターンとの違い等を⽰す場合に⽤いる

Slide 30

Slide 30 text

サ イ ク ル | 円 © 2022 CONE inc. 29 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3 要素が少ない場合は円型のサイクルにするとわかりやすい。

Slide 31

Slide 31 text

サ イ ク ル | 四 ⾓ © 2022 CONE inc. 30 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3 要素が多い場合は四⾓でサイクルにするとわかりやすい。

Slide 32

Slide 32 text

要 素 間 の 関 係 図 ⼀ 覧 © 2022 CONE inc. 31 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3 並列 横並び テキスト量が少ない場合に⽤いる マトリクス 4象限を⽤いて⽐較する場合に⽤いる 縦並び テキスト量が多い場合に⽤いる ペン図 要素が重なっていることを表現する場合に⽤いる 複数羅列 並列の情報を複数羅列する場合に⽤いる ツリー図 情報を構成する要素の関係全体を⽰す場合に⽤いる ⽐較 規模⽐較 市場の⼤きさや数字の⼤きさの違いを視覚的に伝える場合に⽤いる 数式 数字や定義の算出⽅法を⽰す場合に⽤いる 項⽬⽐較 対応領域やフローの違いを伝える場合に⽤いる 掛け算 要素の相乗効果を⽰す場合に⽤いる 表での⽐較 ⽐較する項⽬が複数あり、決まっている場合に⽤いる ⾜し算 要素の組み合わせを⽰す場合に⽤いる フロー 横型 アイコンを使って表現 or 対応する項⽬が多い場合に⽤いる 領域 対応する領域、説明したい領域を⽰す場合に⽤いる 縦型 アイコンを使わない or テキスト量が多い場合に⽤いる 階段 プロセスの段階を⽰す場合に⽤いる サイクル 円 2~3個の項⽬の場合に⽤いる 重複 情報が重複している場合に⽤いる 四⾓ 4個以上 or テキスト量が多い場合に⽤いる 包括 要素①が要素②の中に属していることを⽰す場合に⽤いる ピラミッド図 ピラミッド型 上位にいくに連れて規模が⼩さくなる場合に⽤いる 相互関係 双⽅に何かしらの関係がある場合に⽤いる じょうろ型 下位にいくに連れて規模が⼩さくなる場合に⽤いる ビフォーアフター 従来のパターンとの違い等を⽰す場合に⽤いる

Slide 33

Slide 33 text

ピ ラ ミ ッ ド 図 | ピ ラ ミ ッ ド 型 © 2022 CONE inc. 32 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3 上位にいくにつれて規模が⼩さくなる場合はピラミッド図を⽤いる。

Slide 34

Slide 34 text

ピ ラ ミ ッ ド 図 | じ ょ う ろ 型 © 2022 CONE inc. 33 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3 下位にいくにつれて規模が⼩さくなる場合はじょうろ図を⽤いる。

Slide 35

Slide 35 text

要 素 間 の 関 係 図 ⼀ 覧 © 2022 CONE inc. 34 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3 並列 横並び テキスト量が少ない場合に⽤いる マトリクス 4象限を⽤いて⽐較する場合に⽤いる 縦並び テキスト量が多い場合に⽤いる ペン図 要素が重なっていることを表現する場合に⽤いる 複数羅列 並列の情報を複数羅列する場合に⽤いる ツリー図 情報を構成する要素の関係全体を⽰す場合に⽤いる ⽐較 規模⽐較 市場の⼤きさや数字の⼤きさの違いを視覚的に伝える場合に⽤いる 数式 数字や定義の算出⽅法を⽰す場合に⽤いる 項⽬⽐較 対応領域やフローの違いを伝える場合に⽤いる 掛け算 要素の相乗効果を⽰す場合に⽤いる 表での⽐較 ⽐較する項⽬が複数あり、決まっている場合に⽤いる ⾜し算 要素の組み合わせを⽰す場合に⽤いる フロー 横型 アイコンを使って表現 or 対応する項⽬が多い場合に⽤いる 領域 対応する領域、説明したい領域を⽰す場合に⽤いる 縦型 アイコンを使わない or テキスト量が多い場合に⽤いる 階段 プロセスの段階を⽰す場合に⽤いる サイクル 円 2~3個の項⽬の場合に⽤いる 重複 情報が重複している場合に⽤いる 四⾓ 4個以上 or テキスト量が多い場合に⽤いる 包括 要素①が要素②の中に属していることを⽰す場合に⽤いる ピラミッド図 ピラミッド型 上位にいくに連れて規模が⼩さくなる場合に⽤いる 相互関係 双⽅に何かしらの関係がある場合に⽤いる じょうろ型 下位にいくに連れて規模が⼩さくなる場合に⽤いる ビフォーアフター 従来のパターンとの違い等を⽰す場合に⽤いる

Slide 36

Slide 36 text

マ ト リ ク ス © 2022 CONE inc. 35 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3 4象限を⽤いてポジショニングを説明する場合はマトリクス図を使う。

Slide 37

Slide 37 text

ベ ン 図 © 2022 CONE inc. 36 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3 要素が重なっていることを表現する場合はベン図を使う。

Slide 38

Slide 38 text

ツ リ ー 図 © 2022 CONE inc. 37 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3 構成要素の関係全体を⽰したい時はツリー図を使う。

Slide 39

Slide 39 text

数 式 © 2022 CONE inc. 38 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3 数字や定義の算出⽅法を⽰す場合は数式で表現する。

Slide 40

Slide 40 text

掛 け 算 © 2022 CONE inc. 39 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3 要素の相乗効果を⽰す場合は掛け算のアイコンを使って表現する。

Slide 41

Slide 41 text

⾜ し 算 © 2022 CONE inc. 40 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3 要素の組み合わせを⽰す場合は⾜し算のアイコンを使って表現する。

Slide 42

Slide 42 text

領 域 © 2022 CONE inc. 41 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3 対応している領域、説明したい領域を⽰したい時は以下。

Slide 43

Slide 43 text

段 階 © 2022 CONE inc. 42 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3 プロセスの段階を⽰す際は、階段のようなデザインに。

Slide 44

Slide 44 text

重 複 © 2022 CONE inc. 43 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3 情報が重複している場合は同じことを記載しないようにデザインする。

Slide 45

Slide 45 text

包 括 © 2022 CONE inc. 44 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3 要素①が要素②に属していることを⽰す場合は以下。

Slide 46

Slide 46 text

相 互 関 係 © 2022 CONE inc. 45 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3 双⽅に何かしらの関係性がある場合は以下のようにデザイン。

Slide 47

Slide 47 text

ビ フ ォ ー ア フ タ ー © 2022 CONE inc. 46 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3 従来のパターンとの違いを⽰す際は⽮印でビフォーアフター化する。

Slide 48

Slide 48 text

解説しているデザインパターンは 下記、概要欄から購⼊可能です! \ デザインパターンをPPTに貼り付けるだけで、プロの資料が完成します / PR scroll

Slide 49

Slide 49 text

ペ ー ジ デ ザ イ ン パ タ ー ン © 2022 CONE inc. 47 要素間の関係が存在するデザインパターン 情 報 を 構 成 す る 要 素 間 に 対 ⽴ や ⽐ 較 、 並 列 な ど の 関 係 が あ る 場 合 に ⽤ い る 。 1 ページ項⽬に応じて決まっているデザインパターン 表 紙 や ⽬ 次 、 会 社 概 要 な ど ⼊ れ 込 む 情 報 が 決 ま っ て い る 場 合 に ⽤ い る 。 3 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3 要素間の関係が存在しないデザインパターン グ ラ フ や 事 例 紹 介 、 キ ャ プ チ ャ 挿 ⼊ な ど 、 あ る 程 度 デ ザ イ ン が 決 ま っ て い る 場 合 に ⽤ い る 。 2

Slide 50

Slide 50 text

要 素 間 の 関 係 が 存 在 し な い パ タ ー ン ⼀ 覧 © 2022 CONE inc. 48 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3 グラフ 棒グラフ 数値の伸び率を押し出す場合に⽤いる 表 アイコンが必要ない、かつ項⽬が多い場合に⽤いる 円グラフ 項⽬が占める割合を⽰す場合に⽤いる 拠点 事業所等の拠点の位置関係を⽰す場合に⽤いる 折れ線グラフ 数値の推移を⽰す場合に⽤いる スケジュール 導⼊に⾄るフローやスケジュールを⽰す場合に⽤いる その他 上記の組み合わせや積み重ねを⽰す場合に⽤いる ランキング ⾃社やサービスの⽴ち位置を⽰す場合に⽤いる キャプチャ 羅列 シンプルにキャプチャを⼊れ込む場合に⽤いる 事例 導⼊事例の紹介をする場合に⽤いる 拡⼤ 対応している部分の拡⼤や、遷移を⽰す場合に⽤いる テキストのみ 注意事項等のアイコンを⼊れ込む必要がなく、テキスト量が多い場合に⽤いる フロー キャプチャ遷移の細かい説明をする場合に⽤いる Q&A ウェビナー対談やサービスのよくある質問への回答を⽰す場合に⽤いる 料⾦体系 表 項⽬が多い場合に⽤いる 名⾔ 偉⼈の⾔葉を借りる場合に⽤いる その他 項⽬が少ない場合に⽤いる ピクトグラム 話⾔葉で伝えるかつ情報量が少ない場合に⽤いる

Slide 51

Slide 51 text

要 素 間 の 関 係 が 存 在 し な い パ タ ー ン ⼀ 覧 © 2022 CONE inc. 49 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3 グラフ 棒グラフ 数値の伸び率を押し出す場合に⽤いる 表 アイコンが必要ない、かつ項⽬が多い場合に⽤いる 円グラフ 項⽬が占める割合を⽰す場合に⽤いる 拠点 事業所等の拠点の位置関係を⽰す場合に⽤いる 折れ線グラフ 数値の推移を⽰す場合に⽤いる スケジュール 導⼊に⾄るフローやスケジュールを⽰す場合に⽤いる その他 上記の組み合わせや積み重ねを⽰す場合に⽤いる ランキング ⾃社やサービスの⽴ち位置を⽰す場合に⽤いる キャプチャ 羅列 シンプルにキャプチャを⼊れ込む場合に⽤いる 事例 導⼊事例の紹介をする場合に⽤いる 拡⼤ 対応している部分の拡⼤や、遷移を⽰す場合に⽤いる テキストのみ 注意事項等のアイコンを⼊れ込む必要がなく、テキスト量が多い場合に⽤いる フロー キャプチャ遷移の細かい説明をする場合に⽤いる Q&A ウェビナー対談やサービスのよくある質問への回答を⽰す場合に⽤いる 料⾦体系 表 項⽬が多い場合に⽤いる 名⾔ 偉⼈の⾔葉を借りる場合に⽤いる その他 項⽬が少ない場合に⽤いる ピクトグラム 話⾔葉で伝えるかつ情報量が少ない場合に⽤いる

Slide 52

Slide 52 text

グ ラ フ | 縦 棒 グ ラ フ © 2022 CONE inc. 50 数値の伸び率・増減を押し出したい場合は縦棒グラフを⽤いる。 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3

Slide 53

Slide 53 text

グ ラ フ | 横 棒 グ ラ フ © 2022 CONE inc. 51 項⽬の⼤⼩を押し出したい場合は横棒グラフを⽤いる。 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3

Slide 54

Slide 54 text

グ ラ フ | 円 グ ラ フ © 2022 CONE inc. 52 項⽬が占める割合を押し出したい場合は円グラフを⽤いる。 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3

Slide 55

Slide 55 text

グ ラ フ | 折 れ 線 グ ラ フ © 2022 CONE inc. 53 数値の推移を押し出したい場合は折れ線を⽤いる。 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3

Slide 56

Slide 56 text

グ ラ フ | そ の 他 © 2022 CONE inc. 54 グラフの組み合わせや積み上げグラフなど。 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3

Slide 57

Slide 57 text

要 素 間 の 関 係 が 存 在 し な い パ タ ー ン ⼀ 覧 © 2022 CONE inc. 55 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3 グラフ 棒グラフ 数値の伸び率を押し出す場合に⽤いる 表 アイコンが必要ない、かつ項⽬が多い場合に⽤いる 円グラフ 項⽬が占める割合を⽰す場合に⽤いる 拠点 事業所等の拠点の位置関係を⽰す場合に⽤いる 折れ線グラフ 数値の推移を⽰す場合に⽤いる スケジュール 導⼊に⾄るフローやスケジュールを⽰す場合に⽤いる その他 上記の組み合わせや積み重ねを⽰す場合に⽤いる ランキング ⾃社やサービスの⽴ち位置を⽰す場合に⽤いる キャプチャ 羅列 シンプルにキャプチャを⼊れ込む場合に⽤いる 事例 導⼊事例の紹介をする場合に⽤いる 拡⼤ 対応している部分の拡⼤や、遷移を⽰す場合に⽤いる テキストのみ 注意事項等のアイコンを⼊れ込む必要がなく、テキスト量が多い場合に⽤いる フロー キャプチャ遷移の細かい説明をする場合に⽤いる Q&A ウェビナー対談やサービスのよくある質問への回答を⽰す場合に⽤いる 料⾦体系 表 項⽬が多い場合に⽤いる 名⾔ 偉⼈の⾔葉を借りる場合に⽤いる その他 項⽬が少ない場合に⽤いる ピクトグラム 話⾔葉で伝えるかつ情報量が少ない場合に⽤いる

Slide 58

Slide 58 text

キ ャ プ チ ャ | 羅 列 © 2022 CONE inc. 56 キャプチャをシンプルに並べる際は以下のように揃える。 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3

Slide 59

Slide 59 text

キ ャ プ チ ャ | 拡 ⼤ © 2022 CONE inc. 57 キャプチャの対応している部分や遷移を表現する場合は以下。 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3

Slide 60

Slide 60 text

キ ャ プ チ ャ | フ ロ ー © 2022 CONE inc. 58 キャプチャの遷移をフローで表現する場合は以下。 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3

Slide 61

Slide 61 text

要 素 間 の 関 係 が 存 在 し な い パ タ ー ン ⼀ 覧 © 2022 CONE inc. 59 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3 グラフ 棒グラフ 数値の伸び率を押し出す場合に⽤いる 表 アイコンが必要ない、かつ項⽬が多い場合に⽤いる 円グラフ 項⽬が占める割合を⽰す場合に⽤いる 拠点 事業所等の拠点の位置関係を⽰す場合に⽤いる 折れ線グラフ 数値の推移を⽰す場合に⽤いる スケジュール 導⼊に⾄るフローやスケジュールを⽰す場合に⽤いる その他 上記の組み合わせや積み重ねを⽰す場合に⽤いる ランキング ⾃社やサービスの⽴ち位置を⽰す場合に⽤いる キャプチャ 羅列 シンプルにキャプチャを⼊れ込む場合に⽤いる 事例 導⼊事例の紹介をする場合に⽤いる 拡⼤ 対応している部分の拡⼤や、遷移を⽰す場合に⽤いる テキストのみ 注意事項等のアイコンを⼊れ込む必要がなく、テキスト量が多い場合に⽤いる フロー キャプチャ遷移の細かい説明をする場合に⽤いる Q&A ウェビナー対談やサービスのよくある質問への回答を⽰す場合に⽤いる 料⾦体系 表 項⽬が多い場合に⽤いる 名⾔ 偉⼈の⾔葉を借りる場合に⽤いる その他 項⽬が少ない場合に⽤いる ピクトグラム 話⾔葉で伝えるかつ情報量が少ない場合に⽤いる

Slide 62

Slide 62 text

料 ⾦ 体 系 | 表 © 2022 CONE inc. 60 項⽬が多い場合は表を使って料⾦体系を表現すると⾒やすい。 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3

Slide 63

Slide 63 text

料 ⾦ 体 系 | そ の 他 © 2022 CONE inc. 61 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3 項⽬が少ない場合は⾃由度⾼く、以下のようにデザインする。

Slide 64

Slide 64 text

要 素 間 の 関 係 が 存 在 し な い パ タ ー ン ⼀ 覧 © 2022 CONE inc. 62 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3 グラフ 棒グラフ 数値の伸び率を押し出す場合に⽤いる 表 アイコンが必要ない、かつ項⽬が多い場合に⽤いる 円グラフ 項⽬が占める割合を⽰す場合に⽤いる 拠点 事業所等の拠点の位置関係を⽰す場合に⽤いる 折れ線グラフ 数値の推移を⽰す場合に⽤いる スケジュール 導⼊に⾄るフローやスケジュールを⽰す場合に⽤いる その他 上記の組み合わせや積み重ねを⽰す場合に⽤いる ランキング ⾃社やサービスの⽴ち位置を⽰す場合に⽤いる キャプチャ 羅列 シンプルにキャプチャを⼊れ込む場合に⽤いる 事例 導⼊事例の紹介をする場合に⽤いる 拡⼤ 対応している部分の拡⼤や、遷移を⽰す場合に⽤いる テキストのみ 注意事項等のアイコンを⼊れ込む必要がなく、テキスト量が多い場合に⽤いる フロー キャプチャ遷移の細かい説明をする場合に⽤いる Q&A ウェビナー対談やサービスのよくある質問への回答を⽰す場合に⽤いる 料⾦体系 表 項⽬が多い場合に⽤いる 名⾔ 偉⼈の⾔葉を借りる場合に⽤いる その他 項⽬が少ない場合に⽤いる ピクトグラム 話⾔葉で伝えるかつ情報量が少ない場合に⽤いる

Slide 65

Slide 65 text

表 © 2022 CONE inc. 63 アイコンを使う必要がなく、テキスト量が多い場合に表を活⽤する。 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3

Slide 66

Slide 66 text

拠 点 © 2022 CONE inc. 64 事業所などの拠点の位置関係を⽰す際は以下のようにデザイン。 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3

Slide 67

Slide 67 text

ス ケ ジ ュ ー ル © 2022 CONE inc. 65 導⼊までのスケジュールなどはフローや表を⽤いてデザインする。 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3

Slide 68

Slide 68 text

ラ ン キ ン グ © 2022 CONE inc. 66 ⾃社の⽴ち位置や⽐較を⽤いる際は表でランキングを作る。 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3

Slide 69

Slide 69 text

事 例 © 2022 CONE inc. 67 導⼊事例の紹介を⾏う際はキャプチャとテキストで以下のように訴求。 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3

Slide 70

Slide 70 text

テ キ ス ト の み © 2022 CONE inc. 68 補⾜説明的に⼊れ込むテキストのみの情報は以下のようにデザインする。 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3

Slide 71

Slide 71 text

Q & A © 2022 CONE inc. 69 よくある質問やウェビナー系でのQ&Aは以下のようにデザイン。 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3

Slide 72

Slide 72 text

名 ⾔ © 2022 CONE inc. 70 偉⼈の⾔葉を借りる際はインパクト付けの為にキャプチャも⼊れ込む。 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3

Slide 73

Slide 73 text

ピ ク ト グ ラ ム © 2022 CONE inc. 71 話し⾔葉で伝える際に、質素にならないようにアイコンを⼊れ込む。 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3

Slide 74

Slide 74 text

解説しているデザインパターンは 下記、概要欄から購⼊可能です! \ デザインパターンをPPTに貼り付けるだけで、プロの資料が完成します / PR scroll

Slide 75

Slide 75 text

ペ ー ジ デ ザ イ ン パ タ ー ン © 2022 CONE inc. 72 要素間の関係が存在するデザインパターン 情 報 を 構 成 す る 要 素 間 に 対 ⽴ や ⽐ 較 、 並 列 な ど の 関 係 が あ る 場 合 に ⽤ い る 。 1 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3 要素間の関係が存在しないデザインパターン グ ラ フ や 事 例 紹 介 、 キ ャ プ チ ャ 挿 ⼊ な ど 、 あ る 程 度 デ ザ イ ン が 決 ま っ て い る 場 合 に ⽤ い る 。 2 ページ項⽬に応じて決まっているデザインパターン 表 紙 や ⽬ 次 、 会 社 概 要 な ど ⼊ れ 込 む 情 報 が 決 ま っ て い る 場 合 に ⽤ い る 。 3

Slide 76

Slide 76 text

ペ ー ジ 項 ⽬ 毎 デ ザ イ ン ⼀ 覧 © 2022 CONE inc. 73 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3 表紙 テキスト少ない 資料名のみの記載の場合に⽤いる MVV提⽰ 背景静⽌画 インパクトを残したい場合に⽤いる テキスト多い 資料名以外の記載が多い場合に⽤いる テキストのみ VALUE等のテキスト量が多い場合に⽤いる ⽬次 通常 中項⽬をつけることができる場合に⽤いる その他 キャラクター等がある場合に⽤いる 中項⽬なし 中項⽬がつけることができない場合に⽤いる 背景静⽌画 テキスト中央揃え タグラインを⼤きく、説明⽂を⼩さくして⽤いる 円 ウェビナー等、視認性を⾼める場合に⽤いる テキスト左揃え 説明⽂のテキスト量が多い場合に⽤いる おしゃれ系 採⽤ピッチ等、ブランド感を踏襲する場合に⽤いる 静⽌画2枚 伝えたいメッセージが複数ある場合に⽤いる 会社概要 通常 ロゴデータがある場合に⽤いる ウェビナー系 ウェビナー資料内で構成に緩急をつける場合に⽤いる テキストのみ ロゴデータがない or 項⽬が多い場合に⽤いる その他 印象づけを⾏う場合に⽤いる 背景静⽌画 採⽤ピッチ等、ブランド感を踏襲する場合に⽤いる 会社沿⾰ 時系列 イベント等の会社の節⽬を伝える場合に⽤いる 導⼊企業⼊れ込み 導⼊企業⼀覧ページが別途なく、押し出す場合に⽤いる グラフ 組織規模や売上⾼を伝える場合に⽤いる その他 他の情報を⼀緒に⼊れ込む場合に⽤いる 組み合わせ 上記を組み合わせて伝える場合に⽤いる メンバー紹介 1⼈ 1名のみを紹介する場合に⽤いる 導⼊実績 ロゴのみ ネームバリューを訴求する場合に⽤いる 2⼈ 2名を紹介する場合に⽤いる 数値押し出し 効果を訴求する場合に⽤いる 3⼈ 3名を紹介する場合に⽤いる ⽉桂冠 権威付けのためのランキングを伝える場合に⽤いる 4⼈ 4名を紹介する場合に⽤いる 組織図 組織体制を伝える場合に⽤いる

Slide 77

Slide 77 text

ペ ー ジ 項 ⽬ 毎 デ ザ イ ン ⼀ 覧 © 2022 CONE inc. 74 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3 表紙 テキスト少ない 資料名のみの記載の場合に⽤いる MVV提⽰ 背景静⽌画 インパクトを残したい場合に⽤いる テキスト多い 資料名以外の記載が多い場合に⽤いる テキストのみ VALUE等のテキスト量が多い場合に⽤いる ⽬次 通常 中項⽬をつけることができる場合に⽤いる その他 キャラクター等がある場合に⽤いる 中項⽬なし 中項⽬がつけることができない場合に⽤いる 背景静⽌画 テキスト中央揃え タグラインを⼤きく、説明⽂を⼩さくして⽤いる 円 ウェビナー等、視認性を⾼める場合に⽤いる テキスト左揃え 説明⽂のテキスト量が多い場合に⽤いる おしゃれ系 採⽤ピッチ等、ブランド感を踏襲する場合に⽤いる 静⽌画2枚 伝えたいメッセージが複数ある場合に⽤いる 会社概要 通常 ロゴデータがある場合に⽤いる ウェビナー系 ウェビナー資料内で構成に緩急をつける場合に⽤いる テキストのみ ロゴデータがない or 項⽬が多い場合に⽤いる その他 印象づけを⾏う場合に⽤いる 背景静⽌画 採⽤ピッチ等、ブランド感を踏襲する場合に⽤いる 会社沿⾰ 時系列 イベント等の会社の節⽬を伝える場合に⽤いる 導⼊企業⼊れ込み 導⼊企業⼀覧ページが別途なく、押し出す場合に⽤いる グラフ 組織規模や売上⾼を伝える場合に⽤いる その他 他の情報を⼀緒に⼊れ込む場合に⽤いる 組み合わせ 上記を組み合わせて伝える場合に⽤いる メンバー紹介 1⼈ 1名のみを紹介する場合に⽤いる 導⼊実績 ロゴのみ ネームバリューを訴求する場合に⽤いる 2⼈ 2名を紹介する場合に⽤いる 数値押し出し 効果を訴求する場合に⽤いる 3⼈ 3名を紹介する場合に⽤いる ⽉桂冠 権威付けのためのランキングを伝える場合に⽤いる 4⼈ 4名を紹介する場合に⽤いる 組織図 組織体制を伝える場合に⽤いる

Slide 78

Slide 78 text

表 紙 | テ キ ス ト 少 な い © 2022 CONE inc. 75 基本的には資料名のみの記載するこのデザインを⽤いる。 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3

Slide 79

Slide 79 text

表 紙 | テ キ ス ト 多 い © 2022 CONE inc. 76 資料名以外にも記載事項がある場合は以下のデザイン。 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3

Slide 80

Slide 80 text

ペ ー ジ 項 ⽬ 毎 デ ザ イ ン ⼀ 覧 © 2022 CONE inc. 77 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3 表紙 テキスト少ない 資料名のみの記載の場合に⽤いる MVV提⽰ 背景静⽌画 インパクトを残したい場合に⽤いる テキスト多い 資料名以外の記載が多い場合に⽤いる テキストのみ VALUE等のテキスト量が多い場合に⽤いる ⽬次 通常 中項⽬をつけることができる場合に⽤いる その他 キャラクター等がある場合に⽤いる 中項⽬なし 中項⽬がつけることができない場合に⽤いる 背景静⽌画 テキスト中央揃え タグラインを⼤きく、説明⽂を⼩さくして⽤いる 円 ウェビナー等、視認性を⾼める場合に⽤いる テキスト左揃え 説明⽂のテキスト量が多い場合に⽤いる おしゃれ系 採⽤ピッチ等、ブランド感を踏襲する場合に⽤いる 静⽌画2枚 伝えたいメッセージが複数ある場合に⽤いる 会社概要 通常 ロゴデータがある場合に⽤いる ウェビナー系 ウェビナー資料内で構成に緩急をつける場合に⽤いる テキストのみ ロゴデータがない or 項⽬が多い場合に⽤いる その他 印象づけを⾏う場合に⽤いる 背景静⽌画 採⽤ピッチ等、ブランド感を踏襲する場合に⽤いる 会社沿⾰ 時系列 イベント等の会社の節⽬を伝える場合に⽤いる 導⼊企業⼊れ込み 導⼊企業⼀覧ページが別途なく、押し出す場合に⽤いる グラフ 組織規模や売上⾼を伝える場合に⽤いる その他 他の情報を⼀緒に⼊れ込む場合に⽤いる 組み合わせ 上記を組み合わせて伝える場合に⽤いる メンバー紹介 1⼈ 1名のみを紹介する場合に⽤いる 導⼊実績 ロゴのみ ネームバリューを訴求する場合に⽤いる 2⼈ 2名を紹介する場合に⽤いる 数値押し出し 効果を訴求する場合に⽤いる 3⼈ 3名を紹介する場合に⽤いる ⽉桂冠 権威付けのためのランキングを伝える場合に⽤いる 4⼈ 4名を紹介する場合に⽤いる 組織図 組織体制を伝える場合に⽤いる

Slide 81

Slide 81 text

⽬ 次 | 通 常 © 2022 CONE inc. 78 ページ数や⽬次の数が少ない場合は、以下のようなデザインを⽤いる。 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3

Slide 82

Slide 82 text

⽬ 次 | ⾒ 出 し 付 き © 2022 CONE inc. 79 ⽬次の数が多い場合は場合は、⾒出しで分ける。 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3

Slide 83

Slide 83 text

⽬ 次 | 円 © 2022 CONE inc. 80 ウェビナーなど、視認性を⾼める場合は以下のデザイン。 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3

Slide 84

Slide 84 text

⽬ 次 | 点 © 2022 CONE inc. 81 採⽤ピッチなど、さらに⾒出しが多い場合は以下のデザインを⽤いる。 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3

Slide 85

Slide 85 text

ペ ー ジ 項 ⽬ 毎 デ ザ イ ン ⼀ 覧 © 2022 CONE inc. 82 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3 表紙 テキスト少ない 資料名のみの記載の場合に⽤いる MVV提⽰ 背景静⽌画 インパクトを残したい場合に⽤いる テキスト多い 資料名以外の記載が多い場合に⽤いる テキストのみ VALUE等のテキスト量が多い場合に⽤いる ⽬次 通常 中項⽬をつけることができる場合に⽤いる その他 キャラクター等がある場合に⽤いる 中項⽬なし 中項⽬がつけることができない場合に⽤いる 背景静⽌画 テキスト中央揃え タグラインを⼤きく、説明⽂を⼩さくして⽤いる 円 ウェビナー等、視認性を⾼める場合に⽤いる テキスト左揃え 説明⽂のテキスト量が多い場合に⽤いる おしゃれ系 採⽤ピッチ等、ブランド感を踏襲する場合に⽤いる 静⽌画2枚 伝えたいメッセージが複数ある場合に⽤いる 会社概要 通常 ロゴデータがある場合に⽤いる ウェビナー系 ウェビナー資料内で構成に緩急をつける場合に⽤いる テキストのみ ロゴデータがない or 項⽬が多い場合に⽤いる その他 印象づけを⾏う場合に⽤いる 背景静⽌画 採⽤ピッチ等、ブランド感を踏襲する場合に⽤いる 会社沿⾰ 時系列 イベント等の会社の節⽬を伝える場合に⽤いる 導⼊企業⼊れ込み 導⼊企業⼀覧ページが別途なく、押し出す場合に⽤いる グラフ 組織規模や売上⾼を伝える場合に⽤いる その他 他の情報を⼀緒に⼊れ込む場合に⽤いる 組み合わせ 上記を組み合わせて伝える場合に⽤いる メンバー紹介 1⼈ 1名のみを紹介する場合に⽤いる 導⼊実績 ロゴのみ ネームバリューを訴求する場合に⽤いる 2⼈ 2名を紹介する場合に⽤いる 数値押し出し 効果を訴求する場合に⽤いる 3⼈ 3名を紹介する場合に⽤いる ⽉桂冠 権威付けのためのランキングを伝える場合に⽤いる 4⼈ 4名を紹介する場合に⽤いる 組織図 組織体制を伝える場合に⽤いる

Slide 86

Slide 86 text

会 社 概 要 | 通 常 © 2022 CONE inc. 83 通常はロゴデータをもらい、以下のデザインを⽤いる。 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3

Slide 87

Slide 87 text

会 社 概 要 | テ キ ス ト の み © 2022 CONE inc. 84 ロゴデータなし、もしくは項⽬が多い場合はロゴを⼊れ込まない。 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3

Slide 88

Slide 88 text

会 社 概 要 | 背 景 静 ⽌ 画 © 2022 CONE inc. 85 採⽤ピッチなどのブランド感を踏襲する必要のある場合は以下。 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3

Slide 89

Slide 89 text

会 社 概 要 | 導 ⼊ 企 業 ⼊ れ 込 み © 2022 CONE inc. 86 導⼊企業ページがなく、ネームバリューを押し出す際は以下。 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3

Slide 90

Slide 90 text

会 社 概 要 | そ の 他 © 2022 CONE inc. 87 その他の情報を同時に⼊れ込む際は以下のデザイン。 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3

Slide 91

Slide 91 text

ペ ー ジ 項 ⽬ 毎 デ ザ イ ン ⼀ 覧 © 2022 CONE inc. 88 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3 表紙 テキスト少ない 資料名のみの記載の場合に⽤いる MVV提⽰ 背景静⽌画 インパクトを残したい場合に⽤いる テキスト多い 資料名以外の記載が多い場合に⽤いる テキストのみ VALUE等のテキスト量が多い場合に⽤いる ⽬次 通常 中項⽬をつけることができる場合に⽤いる その他 キャラクター等がある場合に⽤いる 中項⽬なし 中項⽬がつけることができない場合に⽤いる 背景静⽌画 テキスト中央揃え タグラインを⼤きく、説明⽂を⼩さくして⽤いる 円 ウェビナー等、視認性を⾼める場合に⽤いる テキスト左揃え 説明⽂のテキスト量が多い場合に⽤いる おしゃれ系 採⽤ピッチ等、ブランド感を踏襲する場合に⽤いる 静⽌画2枚 伝えたいメッセージが複数ある場合に⽤いる 会社概要 通常 ロゴデータがある場合に⽤いる ウェビナー系 ウェビナー資料内で構成に緩急をつける場合に⽤いる テキストのみ ロゴデータがない or 項⽬が多い場合に⽤いる その他 印象づけを⾏う場合に⽤いる 背景静⽌画 採⽤ピッチ等、ブランド感を踏襲する場合に⽤いる 会社沿⾰ 時系列 イベント等の会社の節⽬を伝える場合に⽤いる 導⼊企業⼊れ込み 導⼊企業⼀覧ページが別途なく、押し出す場合に⽤いる グラフ 組織規模や売上⾼を伝える場合に⽤いる その他 他の情報を⼀緒に⼊れ込む場合に⽤いる 組み合わせ 上記を組み合わせて伝える場合に⽤いる メンバー紹介 1⼈ 1名のみを紹介する場合に⽤いる 導⼊実績 ロゴのみ ネームバリューを訴求する場合に⽤いる 2⼈ 2名を紹介する場合に⽤いる 数値押し出し 効果を訴求する場合に⽤いる 3⼈ 3名を紹介する場合に⽤いる ⽉桂冠 権威付けのためのランキングを伝える場合に⽤いる 4⼈ 4名を紹介する場合に⽤いる 組織図 組織体制を伝える場合に⽤いる

Slide 92

Slide 92 text

メ ン バ ー 紹 介 | 1 ⼈ © 2022 CONE inc. 89 代表など、1名を紹介する場合は以下のようにデザイン。 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3

Slide 93

Slide 93 text

メ ン バ ー 紹 介 | 2 ⼈ © 2022 CONE inc. 90 ボードメンバーなど2名紹介する場合は以下。 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3

Slide 94

Slide 94 text

メ ン バ ー 紹 介 | 3 ⼈ © 2022 CONE inc. 91 ボードメンバーなど3名紹介する場合は以下。 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3

Slide 95

Slide 95 text

メ ン バ ー 紹 介 | 4 ⼈ 〜 © 2022 CONE inc. 92 4名以上のメンバーを紹介する場合は以下のようにデザイン。 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3

Slide 96

Slide 96 text

ペ ー ジ 項 ⽬ 毎 デ ザ イ ン ⼀ 覧 © 2022 CONE inc. 93 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3 表紙 テキスト少ない 資料名のみの記載の場合に⽤いる MVV提⽰ 背景静⽌画 インパクトを残したい場合に⽤いる テキスト多い 資料名以外の記載が多い場合に⽤いる テキストのみ VALUE等のテキスト量が多い場合に⽤いる ⽬次 通常 中項⽬をつけることができる場合に⽤いる その他 キャラクター等がある場合に⽤いる 中項⽬なし 中項⽬がつけることができない場合に⽤いる 背景静⽌画 テキスト中央揃え タグラインを⼤きく、説明⽂を⼩さくして⽤いる 円 ウェビナー等、視認性を⾼める場合に⽤いる テキスト左揃え 説明⽂のテキスト量が多い場合に⽤いる おしゃれ系 採⽤ピッチ等、ブランド感を踏襲する場合に⽤いる 静⽌画2枚 伝えたいメッセージが複数ある場合に⽤いる 会社概要 通常 ロゴデータがある場合に⽤いる ウェビナー系 ウェビナー資料内で構成に緩急をつける場合に⽤いる テキストのみ ロゴデータがない or 項⽬が多い場合に⽤いる その他 印象づけを⾏う場合に⽤いる 背景静⽌画 採⽤ピッチ等、ブランド感を踏襲する場合に⽤いる 会社沿⾰ 時系列 イベント等の会社の節⽬を伝える場合に⽤いる 導⼊企業⼊れ込み 導⼊企業⼀覧ページが別途なく、押し出す場合に⽤いる グラフ 組織規模や売上⾼を伝える場合に⽤いる その他 他の情報を⼀緒に⼊れ込む場合に⽤いる 組み合わせ 上記を組み合わせて伝える場合に⽤いる メンバー紹介 1⼈ 1名のみを紹介する場合に⽤いる 導⼊実績 ロゴのみ ネームバリューを訴求する場合に⽤いる 2⼈ 2名を紹介する場合に⽤いる 数値押し出し 効果を訴求する場合に⽤いる 3⼈ 3名を紹介する場合に⽤いる ⽉桂冠 権威付けのためのランキングを伝える場合に⽤いる 4⼈ 4名を紹介する場合に⽤いる 組織図 組織体制を伝える場合に⽤いる

Slide 97

Slide 97 text

M V V 提 ⽰ | 背 景 静 ⽌ 画 © 2022 CONE inc. 94 インパクトを残しつつMVVを提⽰する場合に⽤いる。 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3

Slide 98

Slide 98 text

M V V 提 ⽰ | テ キ ス ト の み © 2022 CONE inc. 95 Valueなどのテキスト量が多い場合に⽤いる。 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3

Slide 99

Slide 99 text

M V V 提 ⽰ | そ の 他 © 2022 CONE inc. 96 ⾃社のサービスやキャラクター等を載せる場合は以下。 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3

Slide 100

Slide 100 text

ペ ー ジ 項 ⽬ 毎 デ ザ イ ン ⼀ 覧 © 2022 CONE inc. 97 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3 表紙 テキスト少ない 資料名のみの記載の場合に⽤いる MVV提⽰ 背景静⽌画 インパクトを残したい場合に⽤いる テキスト多い 資料名以外の記載が多い場合に⽤いる テキストのみ VALUE等のテキスト量が多い場合に⽤いる ⽬次 通常 中項⽬をつけることができる場合に⽤いる その他 キャラクター等がある場合に⽤いる 中項⽬なし 中項⽬がつけることができない場合に⽤いる 背景静⽌画 テキスト中央揃え タグラインを⼤きく、説明⽂を⼩さくして⽤いる 円 ウェビナー等、視認性を⾼める場合に⽤いる テキスト左揃え 説明⽂のテキスト量が多い場合に⽤いる おしゃれ系 採⽤ピッチ等、ブランド感を踏襲する場合に⽤いる 静⽌画2枚 伝えたいメッセージが複数ある場合に⽤いる 会社概要 通常 ロゴデータがある場合に⽤いる ウェビナー系 ウェビナー資料内で構成に緩急をつける場合に⽤いる テキストのみ ロゴデータがない or 項⽬が多い場合に⽤いる その他 印象づけを⾏う場合に⽤いる 背景静⽌画 採⽤ピッチ等、ブランド感を踏襲する場合に⽤いる 会社沿⾰ 時系列 イベント等の会社の節⽬を伝える場合に⽤いる 導⼊企業⼊れ込み 導⼊企業⼀覧ページが別途なく、押し出す場合に⽤いる グラフ 組織規模や売上⾼を伝える場合に⽤いる その他 他の情報を⼀緒に⼊れ込む場合に⽤いる 組み合わせ 上記を組み合わせて伝える場合に⽤いる メンバー紹介 1⼈ 1名のみを紹介する場合に⽤いる 導⼊実績 ロゴのみ ネームバリューを訴求する場合に⽤いる 2⼈ 2名を紹介する場合に⽤いる 数値押し出し 効果を訴求する場合に⽤いる 3⼈ 3名を紹介する場合に⽤いる ⽉桂冠 権威付けのためのランキングを伝える場合に⽤いる 4⼈ 4名を紹介する場合に⽤いる 組織図 組織体制を伝える場合に⽤いる

Slide 101

Slide 101 text

背 景 静 ⽌ 画 | テ キ ス ト 中 央 揃 え © 2022 CONE inc. 98 タグラインを⼤きく、説明⽂を⼩さく⼊れ込む。 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3

Slide 102

Slide 102 text

背 景 静 ⽌ 画 | テ キ ス ト 左 揃 え © 2022 CONE inc. 99 タグラインor説明⽂のテキスト量が多い場合に⽤いる。 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3

Slide 103

Slide 103 text

背 景 静 ⽌ 画 | 静 ⽌ 画 2 枚 © 2022 CONE inc. 100 伝えたいメッセージが複数ある場合に⽤いる。 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3

Slide 104

Slide 104 text

背 景 静 ⽌ 画 | ウ ェ ビ ナ ー 系 © 2022 CONE inc. 101 ウェビナー資料内で構成に緩急をつける場合に⽤いる。 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3

Slide 105

Slide 105 text

背 景 静 ⽌ 画 | そ の 他 © 2022 CONE inc. 102 インパクトを残したいページで⽤いる。 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3

Slide 106

Slide 106 text

ペ ー ジ 項 ⽬ 毎 デ ザ イ ン ⼀ 覧 © 2022 CONE inc. 103 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3 表紙 テキスト少ない 資料名のみの記載の場合に⽤いる MVV提⽰ 背景静⽌画 インパクトを残したい場合に⽤いる テキスト多い 資料名以外の記載が多い場合に⽤いる テキストのみ VALUE等のテキスト量が多い場合に⽤いる ⽬次 通常 中項⽬をつけることができる場合に⽤いる その他 キャラクター等がある場合に⽤いる 中項⽬なし 中項⽬がつけることができない場合に⽤いる 背景静⽌画 テキスト中央揃え タグラインを⼤きく、説明⽂を⼩さくして⽤いる 円 ウェビナー等、視認性を⾼める場合に⽤いる テキスト左揃え 説明⽂のテキスト量が多い場合に⽤いる おしゃれ系 採⽤ピッチ等、ブランド感を踏襲する場合に⽤いる 静⽌画2枚 伝えたいメッセージが複数ある場合に⽤いる 会社概要 通常 ロゴデータがある場合に⽤いる ウェビナー系 ウェビナー資料内で構成に緩急をつける場合に⽤いる テキストのみ ロゴデータがない or 項⽬が多い場合に⽤いる その他 印象づけを⾏う場合に⽤いる 背景静⽌画 採⽤ピッチ等、ブランド感を踏襲する場合に⽤いる 会社沿⾰ 時系列 イベント等の会社の節⽬を伝える場合に⽤いる 導⼊企業⼊れ込み 導⼊企業⼀覧ページが別途なく、押し出す場合に⽤いる グラフ 組織規模や売上⾼を伝える場合に⽤いる その他 他の情報を⼀緒に⼊れ込む場合に⽤いる 組み合わせ 上記を組み合わせて伝える場合に⽤いる メンバー紹介 1⼈ 1名のみを紹介する場合に⽤いる 導⼊実績 ロゴのみ ネームバリューを訴求する場合に⽤いる 2⼈ 2名を紹介する場合に⽤いる 数値押し出し 効果を訴求する場合に⽤いる 3⼈ 3名を紹介する場合に⽤いる ⽉桂冠 権威付けのためのランキングを伝える場合に⽤いる 4⼈ 4名を紹介する場合に⽤いる 組織図 組織体制を伝える場合に⽤いる

Slide 107

Slide 107 text

会 社 沿 ⾰ | 時 系 列 © 2022 CONE inc. 104 イベントなどの会社の節⽬の説明を⾏う。 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3

Slide 108

Slide 108 text

会 社 沿 ⾰ | グ ラ フ © 2022 CONE inc. 105 組織規模や売上⾼の伸び率を伝える場合に⽤いる。 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3

Slide 109

Slide 109 text

会 社 沿 ⾰ | 組 み 合 わ せ © 2022 CONE inc. 106 時系列とグラフの両⽅を伝えたい場合は以下。 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3

Slide 110

Slide 110 text

ペ ー ジ 項 ⽬ 毎 デ ザ イ ン ⼀ 覧 © 2022 CONE inc. 107 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3 表紙 テキスト少ない 資料名のみの記載の場合に⽤いる MVV提⽰ 背景静⽌画 インパクトを残したい場合に⽤いる テキスト多い 資料名以外の記載が多い場合に⽤いる テキストのみ VALUE等のテキスト量が多い場合に⽤いる ⽬次 通常 中項⽬をつけることができる場合に⽤いる その他 キャラクター等がある場合に⽤いる 中項⽬なし 中項⽬がつけることができない場合に⽤いる 背景静⽌画 テキスト中央揃え タグラインを⼤きく、説明⽂を⼩さくして⽤いる 円 ウェビナー等、視認性を⾼める場合に⽤いる テキスト左揃え 説明⽂のテキスト量が多い場合に⽤いる おしゃれ系 採⽤ピッチ等、ブランド感を踏襲する場合に⽤いる 静⽌画2枚 伝えたいメッセージが複数ある場合に⽤いる 会社概要 通常 ロゴデータがある場合に⽤いる ウェビナー系 ウェビナー資料内で構成に緩急をつける場合に⽤いる テキストのみ ロゴデータがない or 項⽬が多い場合に⽤いる その他 印象づけを⾏う場合に⽤いる 背景静⽌画 採⽤ピッチ等、ブランド感を踏襲する場合に⽤いる 会社沿⾰ 時系列 イベント等の会社の節⽬を伝える場合に⽤いる 導⼊企業⼊れ込み 導⼊企業⼀覧ページが別途なく、押し出す場合に⽤いる グラフ 組織規模や売上⾼を伝える場合に⽤いる その他 他の情報を⼀緒に⼊れ込む場合に⽤いる 組み合わせ 上記を組み合わせて伝える場合に⽤いる メンバー紹介 1⼈ 1名のみを紹介する場合に⽤いる 導⼊実績 ロゴのみ ネームバリューを訴求する場合に⽤いる 2⼈ 2名を紹介する場合に⽤いる 数値押し出し 効果を訴求する場合に⽤いる 3⼈ 3名を紹介する場合に⽤いる ⽉桂冠 権威付けのためのランキングを伝える場合に⽤いる 4⼈ 4名を紹介する場合に⽤いる 組織図 組織体制を伝える場合に⽤いる

Slide 111

Slide 111 text

導 ⼊ 実 績 | ロ ゴ の み © 2022 CONE inc. 108 ネームバリューを訴求する場合はロゴを羅列する。 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3

Slide 112

Slide 112 text

導 ⼊ 実 績 | 数 値 押 し 出 し © 2022 CONE inc. 109 効果を訴求する際は、具体的な数値を⼊れ込む。 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3

Slide 113

Slide 113 text

導 ⼊ 実 績 | ⽉ 桂 冠 © 2022 CONE inc. 110 権威付けを⾏う際はランキングなどを伝えると効果的。 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3

Slide 114

Slide 114 text

ペ ー ジ 項 ⽬ 毎 デ ザ イ ン ⼀ 覧 © 2022 CONE inc. 111 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3 表紙 テキスト少ない 資料名のみの記載の場合に⽤いる MVV提⽰ 背景静⽌画 インパクトを残したい場合に⽤いる テキスト多い 資料名以外の記載が多い場合に⽤いる テキストのみ VALUE等のテキスト量が多い場合に⽤いる ⽬次 通常 中項⽬をつけることができる場合に⽤いる その他 キャラクター等がある場合に⽤いる 中項⽬なし 中項⽬がつけることができない場合に⽤いる 背景静⽌画 テキスト中央揃え タグラインを⼤きく、説明⽂を⼩さくして⽤いる 円 ウェビナー等、視認性を⾼める場合に⽤いる テキスト左揃え 説明⽂のテキスト量が多い場合に⽤いる おしゃれ系 採⽤ピッチ等、ブランド感を踏襲する場合に⽤いる 静⽌画2枚 伝えたいメッセージが複数ある場合に⽤いる 会社概要 通常 ロゴデータがある場合に⽤いる ウェビナー系 ウェビナー資料内で構成に緩急をつける場合に⽤いる テキストのみ ロゴデータがない or 項⽬が多い場合に⽤いる その他 印象づけを⾏う場合に⽤いる 背景静⽌画 採⽤ピッチ等、ブランド感を踏襲する場合に⽤いる 会社沿⾰ 時系列 イベント等の会社の節⽬を伝える場合に⽤いる 導⼊企業⼊れ込み 導⼊企業⼀覧ページが別途なく、押し出す場合に⽤いる グラフ 組織規模や売上⾼を伝える場合に⽤いる その他 他の情報を⼀緒に⼊れ込む場合に⽤いる 組み合わせ 上記を組み合わせて伝える場合に⽤いる メンバー紹介 1⼈ 1名のみを紹介する場合に⽤いる 導⼊実績 ロゴのみ ネームバリューを訴求する場合に⽤いる 2⼈ 2名を紹介する場合に⽤いる 数値押し出し 効果を訴求する場合に⽤いる 3⼈ 3名を紹介する場合に⽤いる ⽉桂冠 権威付けのためのランキングを伝える場合に⽤いる 4⼈ 4名を紹介する場合に⽤いる 組織図 組織体制を伝える場合に⽤いる

Slide 115

Slide 115 text

組 織 図 © 2022 CONE inc. 112 組織体制を伝える場合は以下のデザイン。 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3

Slide 116

Slide 116 text

解説しているデザインパターンは 下記、概要欄から購⼊可能です! \ デザインパターンをPPTに貼り付けるだけで、プロの資料が完成します / PR scroll

Slide 117

Slide 117 text

要 素 間 の 関 係 図 ⼀ 覧 © 2022 CONE inc. 113 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3 並列 横並び テキスト量が少ない場合に⽤いる マトリクス 4象限を⽤いて⽐較する場合に⽤いる 縦並び テキスト量が多い場合に⽤いる ペン図 要素が重なっていることを表現する場合に⽤いる 複数羅列 並列の情報を複数羅列する場合に⽤いる ツリー図 情報を構成する要素の関係全体を⽰す場合に⽤いる ⽐較 規模⽐較 市場の⼤きさや数字の⼤きさの違いを視覚的に伝える場合に⽤いる 数式 数字や定義の算出⽅法を⽰す場合に⽤いる 項⽬⽐較 対応領域やフローの違いを伝える場合に⽤いる 掛け算 要素の相乗効果を⽰す場合に⽤いる 表での⽐較 ⽐較する項⽬が複数あり、決まっている場合に⽤いる ⾜し算 要素の組み合わせを⽰す場合に⽤いる フロー 横型 アイコンを使って表現 or 対応する項⽬が多い場合に⽤いる 領域 対応する領域、説明したい領域を⽰す場合に⽤いる 縦型 アイコンを使わない or テキスト量が多い場合に⽤いる 階段 プロセスの段階を⽰す場合に⽤いる サイクル 円 2~3個の項⽬の場合に⽤いる 重複 情報が重複している場合に⽤いる 四⾓ 4個以上 or テキスト量が多い場合に⽤いる 包括 要素①が要素②の中に属していることを⽰す場合に⽤いる ピラミッド図 ピラミッド型 上位にいくに連れて規模が⼩さくなる場合に⽤いる 相互関係 双⽅に何かしらの関係がある場合に⽤いる じょうろ型 下位にいくに連れて規模が⼩さくなる場合に⽤いる ビフォーアフター 従来のパターンとの違い等を⽰す場合に⽤いる

Slide 118

Slide 118 text

要 素 間 の 関 係 が 存 在 し な い パ タ ー ン ⼀ 覧 © 2022 CONE inc. 114 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3 グラフ 棒グラフ 数値の伸び率を押し出す場合に⽤いる 表 アイコンが必要ない、かつ項⽬が多い場合に⽤いる 円グラフ 項⽬が占める割合を⽰す場合に⽤いる 拠点 事業所等の拠点の位置関係を⽰す場合に⽤いる 折れ線グラフ 数値の推移を⽰す場合に⽤いる スケジュール 導⼊に⾄るフローやスケジュールを⽰す場合に⽤いる その他 上記の組み合わせや積み重ねを⽰す場合に⽤いる ランキング ⾃社やサービスの⽴ち位置を⽰す場合に⽤いる キャプチャ 羅列 シンプルにキャプチャを⼊れ込む場合に⽤いる 事例 導⼊事例の紹介をする場合に⽤いる 拡⼤ 対応している部分の拡⼤や、遷移を⽰す場合に⽤いる テキストのみ 注意事項等のアイコンを⼊れ込む必要がなく、テキスト量が多い場合に⽤いる フロー キャプチャ遷移の細かい説明をする場合に⽤いる Q&A ウェビナー対談やサービスのよくある質問への回答を⽰す場合に⽤いる 料⾦体系 表 項⽬が多い場合に⽤いる 名⾔ 偉⼈の⾔葉を借りる場合に⽤いる その他 項⽬が少ない場合に⽤いる ピクトグラム 話⾔葉で伝えるかつ情報量が少ない場合に⽤いる

Slide 119

Slide 119 text

ペ ー ジ 項 ⽬ 毎 デ ザ イ ン ⼀ 覧 © 2022 CONE inc. 115 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3 表紙 テキスト少ない 資料名のみの記載の場合に⽤いる MVV提⽰ 背景静⽌画 インパクトを残したい場合に⽤いる テキスト多い 資料名以外の記載が多い場合に⽤いる テキストのみ VALUE等のテキスト量が多い場合に⽤いる ⽬次 通常 中項⽬をつけることができる場合に⽤いる その他 キャラクター等がある場合に⽤いる 中項⽬なし 中項⽬がつけることができない場合に⽤いる 背景静⽌画 テキスト中央揃え タグラインを⼤きく、説明⽂を⼩さくして⽤いる 円 ウェビナー等、視認性を⾼める場合に⽤いる テキスト左揃え 説明⽂のテキスト量が多い場合に⽤いる おしゃれ系 採⽤ピッチ等、ブランド感を踏襲する場合に⽤いる 静⽌画2枚 伝えたいメッセージが複数ある場合に⽤いる 会社概要 通常 ロゴデータがある場合に⽤いる ウェビナー系 ウェビナー資料内で構成に緩急をつける場合に⽤いる テキストのみ ロゴデータがない or 項⽬が多い場合に⽤いる その他 印象づけを⾏う場合に⽤いる 背景静⽌画 採⽤ピッチ等、ブランド感を踏襲する場合に⽤いる 会社沿⾰ 時系列 イベント等の会社の節⽬を伝える場合に⽤いる 導⼊企業⼊れ込み 導⼊企業⼀覧ページが別途なく、押し出す場合に⽤いる グラフ 組織規模や売上⾼を伝える場合に⽤いる その他 他の情報を⼀緒に⼊れ込む場合に⽤いる 組み合わせ 上記を組み合わせて伝える場合に⽤いる メンバー紹介 1⼈ 1名のみを紹介する場合に⽤いる 導⼊実績 ロゴのみ ネームバリューを訴求する場合に⽤いる 2⼈ 2名を紹介する場合に⽤いる 数値押し出し 効果を訴求する場合に⽤いる 3⼈ 3名を紹介する場合に⽤いる ⽉桂冠 権威付けのためのランキングを伝える場合に⽤いる 4⼈ 4名を紹介する場合に⽤いる 組織図 組織体制を伝える場合に⽤いる

Slide 120

Slide 120 text

さ い ご に © 2022 CONE inc. 116 良い資料を作るには楽はできません。 デ ザ イ ン パ タ ー ン を 紹 介 し ま し た が 、 全 て 丸 パ ク リ す れ ば い い 、 と い う も の で は あ り ま せ ん 。 ま ず は 資 料 の ⽬ 的 と ペ ー ジ で 伝 え る べ き 情 報 の 精 査 を ⾏ う 。 デ ザ イ ン は ⼿ 段 で し か な い の で 、 ⽬ 的 を ⾒ 失 わ な い よ う に ! そ の 過 程 で こ の 「 デ ザ イ ン パ タ ー ン ⼤ 全 」 が 役 ⽴ て て も ら え れ ば と 思 い ま す 。 ま ず は ⾃ 分 の 頭 で 考 え る こ と か ら 始 め ま し ょ う ! ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3

Slide 121

Slide 121 text

⽬ 次 © 2022 CONE inc. 117 ページ デザイン デザイン パターン1 デザイン パターン2 デザイン パターン3 ペ ー ジ デ ザ イ ン デ ザ イ ン パ タ ー ン 1 デ ザ イ ン パ タ ー ン 2 デ ザ イ ン パ タ ー ン 3

Slide 122

Slide 122 text

お わ り に ( P R ) © 2022 CONE inc. 118 資料作成の外注は「c-slide」まで!! 本 資 料 で お 伝 え し た デ ザ イ ン だ け で は な く 、 成 果 の 上 が る 構 成 か ら ご 提 案 さ せ て い た だ き ま す 。 「 c - s l i d e 」 で 検 索 し て み て く だ さ い 。

Slide 123

Slide 123 text

会 社 概 要 © 2022 CONE inc. 119 会 社 名 | 株 式 会 社 C O N E ( 株 式 会 社 コ ー ン ) 所 在 地 | ⼤ 阪 府 ⼤ 阪 市 堂 ⼭ 町 1 - 5 三 共 梅 ⽥ ビ ル 7 階 代 表 | 代 表 取 締 役 佐 藤 ⽴ 樹 設 ⽴ | 2 0 1 9 年 4 ⽉ メ ン バ ー | 1 4 名 ( 2 0 2 3 年 1 ⽉ 時 点 ) 事 業 | 資 料 関 連 事 業 - 資 料 作 成 代 ⾏ サ ー ビ ス 『 c - s l i d e 』 - 資 料 作 成 外 注 サ ー ビ ス 『 s l i d e b o x 』 - 資 料 作 成 特 化 型 メ デ ィ ア 『 シ ー ス ラ ! ! 』 ク リ エ イ テ ィ ブ 制 作 事 業 - W e b 制 作 事 業 S a a S 事 業 - フ ォ ー ム 作 成 ツ ー ル 『 f o r m w o r k 』