SlideShare a Scribd company logo
1 of 26
1
「フラットデザイン」
「リッチデザイン」
その違いと、今すぐできる資料デザインへの応用法
2
目次
①フラットデザインとは?
3
目次
①フラットデザインとは?
②フラットデザインを考える上で、考慮すべき3つのポイント
4
目次
①フラットデザインとは?
②フラットデザインを考える上で、考慮すべき3つのポイント
③フラットデザインまとめ
5
目次
①フラットデザインとは?
②フラットデザインを考える上で、考慮すべき3つのポイント
③フラットデザインまとめ
④リッチデザインとは
6
目次
①フラットデザインとは?
②フラットデザインを考える上で、考慮すべき3つのポイント
③フラットデザインまとめ
④リッチデザインとは
⑤リッチデザインを考える上で、考慮すべき3つのポイント
7
目次
①フラットデザインとは?
②フラットデザインを考える上で、考慮すべき3つのポイント
③フラットデザインまとめ
④リッチデザインとは
⑤リッチデザインを考える上で、考慮すべき3つのポイント
⑥リッチデザインまとめ
8
目次
①フラットデザインとは?
②フラットデザインを考える上で、考慮すべき3つのポイント
③フラットデザインまとめ
④リッチデザインとは
⑤リッチデザインを考える上で、考慮すべき3つのポイント
⑥リッチデザインまとめ
⑦「フラットデザイン」「リッチデザイン」の使い分け
9
①フラットデザインとは?
・デザインにおける余分な要素を可能な限り排除
10
①フラットデザインとは?
・デザインにおける余分な要素を可能な限り排除
・iOS 7で採用された新しいユーザーインターフェース
11
①フラットデザインとは?
・デザインにおける余分な要素を可能な限り排除
・iOS 7で採用された新しいユーザーインターフェース
・新しい時代のインターフェースデザインの「通称」
12
②フラットデザインを考える上で
考慮すべき3つのポイント
1.立体感を控えて、装飾を減らす
13
②フラットデザインを考える上で
考慮すべき3つのポイント
1.立体感を控えて、装飾を減らす
2.リッチな書体ではなくモダン&シンプルな書体を選ぶ
14
②フラットデザインを考える上で
考慮すべき3つのポイント
1.立体感を控えて、装飾を減らす
2.リッチな書体ではなくモダン&シンプルな書体を選ぶ
3.色選びと色を使う範囲を大胆に
15
③フラットデザインまとめ
・シンプルで統一感がある
16
③フラットデザインまとめ
・シンプルで統一感がある
・スマートフォンやタブレットとともに普及
17
③フラットデザインまとめ
・シンプルで統一感がある
・スマートフォンやタブレットとともに普及
・時代に適したインターフェースデザイン
18
④リッチデザインとは
・装飾を施し、立体感・臨場感溢れるデザイン
19
⑤リッチデザインを考える上で
考慮すべき3つのポイント
1.情報を詰め込みすぎない
20
⑤リッチデザインを考える上で
考慮すべき3つのポイント
1.情報を詰め込みすぎない
2.伝えたいメッセージに必要な装飾だけ入れる
21
⑤リッチデザインを考える上で
考慮すべき3つのポイント
1.情報を詰め込みすぎない
2.伝えたいメッセージに必要な装飾だけ入れる
3.画質の良い写真や素材を選ぶ
22
⑥リッチデザインまとめ
・情報量は絞り込む
23
⑥リッチデザインまとめ
・情報量は絞り込む
・必要な装飾だけ入れる
24
⑥リッチデザインまとめ
・情報量は絞り込む
・必要な装飾だけ入れる
・画質の良い素材を選ぶ
25
⑦「フラットデザイン」
「リッチデザイン」の使い分け
・フラットデザイン=グラフやデータ
・リッチデザイン=メッセージ
26
以上

More Related Content

More from Professional Presenter

資料作成を効率的に進める!(前編)
資料作成を効率的に進める!(前編)資料作成を効率的に進める!(前編)
資料作成を効率的に進める!(前編)
Professional Presenter
 
EVプレゼンの基礎ー限られた時間でポイントを伝えよう!
EVプレゼンの基礎ー限られた時間でポイントを伝えよう!EVプレゼンの基礎ー限られた時間でポイントを伝えよう!
EVプレゼンの基礎ー限られた時間でポイントを伝えよう!
Professional Presenter
 
グラフもやっぱり見た目が9割!?この一工夫で差がつくプレゼンテクニック
グラフもやっぱり見た目が9割!?この一工夫で差がつくプレゼンテクニックグラフもやっぱり見た目が9割!?この一工夫で差がつくプレゼンテクニック
グラフもやっぱり見た目が9割!?この一工夫で差がつくプレゼンテクニック
Professional Presenter
 
プレゼン作りをグッと楽にしてくれるマインドマップ活用術
プレゼン作りをグッと楽にしてくれるマインドマップ活用術プレゼン作りをグッと楽にしてくれるマインドマップ活用術
プレゼン作りをグッと楽にしてくれるマインドマップ活用術
Professional Presenter
 
こんなタイトル書いてませんか?メール&プレゼンに共通する罠
こんなタイトル書いてませんか?メール&プレゼンに共通する罠こんなタイトル書いてませんか?メール&プレゼンに共通する罠
こんなタイトル書いてませんか?メール&プレゼンに共通する罠
Professional Presenter
 

More from Professional Presenter (20)

統一感のある資料は長方形を活用せよ
統一感のある資料は長方形を活用せよ統一感のある資料は長方形を活用せよ
統一感のある資料は長方形を活用せよ
 
資料作成を効率的に進める!(後編)
資料作成を効率的に進める!(後編)資料作成を効率的に進める!(後編)
資料作成を効率的に進める!(後編)
 
資料作成を効率的に進める!(前編)
資料作成を効率的に進める!(前編)資料作成を効率的に進める!(前編)
資料作成を効率的に進める!(前編)
 
一瞬で3 Dアイコンを作成する技術公開!パワーポイントだけでもここまでできる!?
一瞬で3 Dアイコンを作成する技術公開!パワーポイントだけでもここまでできる!?一瞬で3 Dアイコンを作成する技術公開!パワーポイントだけでもここまでできる!?
一瞬で3 Dアイコンを作成する技術公開!パワーポイントだけでもここまでできる!?
 
比較はこうする?使えるプレゼン表現法!
比較はこうする?使えるプレゼン表現法!比較はこうする?使えるプレゼン表現法!
比較はこうする?使えるプレゼン表現法!
 
他とは一味違う資料に!図形の効果的な使い方
他とは一味違う資料に!図形の効果的な使い方他とは一味違う資料に!図形の効果的な使い方
他とは一味違う資料に!図形の効果的な使い方
 
テンプレートなしのテキスト配置術!これだけは避けたほうが良いテキスト入力方法とは
テンプレートなしのテキスト配置術!これだけは避けたほうが良いテキスト入力方法とはテンプレートなしのテキスト配置術!これだけは避けたほうが良いテキスト入力方法とは
テンプレートなしのテキスト配置術!これだけは避けたほうが良いテキスト入力方法とは
 
Excel無駄な線は全て消す!ちょっとした見せ方テクニック
Excel無駄な線は全て消す!ちょっとした見せ方テクニックExcel無駄な線は全て消す!ちょっとした見せ方テクニック
Excel無駄な線は全て消す!ちょっとした見せ方テクニック
 
知らないと損?画像検索の基本
知らないと損?画像検索の基本知らないと損?画像検索の基本
知らないと損?画像検索の基本
 
EVプレゼンの基礎ー限られた時間でポイントを伝えよう!
EVプレゼンの基礎ー限られた時間でポイントを伝えよう!EVプレゼンの基礎ー限られた時間でポイントを伝えよう!
EVプレゼンの基礎ー限られた時間でポイントを伝えよう!
 
プレゼン3つの魔法 1や5だとどうなる?
プレゼン3つの魔法 1や5だとどうなる?プレゼン3つの魔法 1や5だとどうなる?
プレゼン3つの魔法 1や5だとどうなる?
 
グラフもやっぱり見た目が9割!?この一工夫で差がつくプレゼンテクニック
グラフもやっぱり見た目が9割!?この一工夫で差がつくプレゼンテクニックグラフもやっぱり見た目が9割!?この一工夫で差がつくプレゼンテクニック
グラフもやっぱり見た目が9割!?この一工夫で差がつくプレゼンテクニック
 
こんな画像使ってませんか?グラフ+画像で資料強化!
こんな画像使ってませんか?グラフ+画像で資料強化!こんな画像使ってませんか?グラフ+画像で資料強化!
こんな画像使ってませんか?グラフ+画像で資料強化!
 
画像の必要箇所のみ使う!簡単な背景削除方法とは?
画像の必要箇所のみ使う!簡単な背景削除方法とは?画像の必要箇所のみ使う!簡単な背景削除方法とは?
画像の必要箇所のみ使う!簡単な背景削除方法とは?
 
プレゼン作りをグッと楽にしてくれるマインドマップ活用術
プレゼン作りをグッと楽にしてくれるマインドマップ活用術プレゼン作りをグッと楽にしてくれるマインドマップ活用術
プレゼン作りをグッと楽にしてくれるマインドマップ活用術
 
聴衆を魅了する話し方と資料作りの共通点とは
聴衆を魅了する話し方と資料作りの共通点とは聴衆を魅了する話し方と資料作りの共通点とは
聴衆を魅了する話し方と資料作りの共通点とは
 
プレゼンで意識すべき文字数とは
プレゼンで意識すべき文字数とはプレゼンで意識すべき文字数とは
プレゼンで意識すべき文字数とは
 
こんなタイトル書いてませんか?メール&プレゼンに共通する罠
こんなタイトル書いてませんか?メール&プレゼンに共通する罠こんなタイトル書いてませんか?メール&プレゼンに共通する罠
こんなタイトル書いてませんか?メール&プレゼンに共通する罠
 
3ステップで簡単!透かし画像の作り方
3ステップで簡単!透かし画像の作り方3ステップで簡単!透かし画像の作り方
3ステップで簡単!透かし画像の作り方
 
プレゼンの冒頭で必ず考えるべき3つのこと!敵を示す!
プレゼンの冒頭で必ず考えるべき3つのこと!敵を示す!プレゼンの冒頭で必ず考えるべき3つのこと!敵を示す!
プレゼンの冒頭で必ず考えるべき3つのこと!敵を示す!
 

Recently uploaded

【サービス紹介資料】株式会社フライクってどんな会社? - 企業の組織改革・DX推進を加速するフライクのサービス
【サービス紹介資料】株式会社フライクってどんな会社? - 企業の組織改革・DX推進を加速するフライクのサービス【サービス紹介資料】株式会社フライクってどんな会社? - 企業の組織改革・DX推進を加速するフライクのサービス
【サービス紹介資料】株式会社フライクってどんな会社? - 企業の組織改革・DX推進を加速するフライクのサービス
Flyke1
 
From Generative AI to Cooperative AI: 協働AIのもたらす社会、2030年への課題と展望
From Generative AI to Cooperative AI: 協働AIのもたらす社会、2030年への課題と展望From Generative AI to Cooperative AI: 協働AIのもたらす社会、2030年への課題と展望
From Generative AI to Cooperative AI: 協働AIのもたらす社会、2030年への課題と展望
Osaka University
 
2405_インパクトレポート/会社概要_雨風太陽
2405_インパクトレポート/会社概要_雨風太陽2405_インパクトレポート/会社概要_雨風太陽
2405_インパクトレポート/会社概要_雨風太陽
AmeKazeTaiyo
 
2024年4月度 安全の取り組み - 2024-042024-04コピー.pdf
2024年4月度 安全の取り組み - 2024-042024-04コピー.pdf2024年4月度 安全の取り組み - 2024-042024-04コピー.pdf
2024年4月度 安全の取り組み - 2024-042024-04コピー.pdf
yosibaba1
 
【サービス資料】売上アップの3種の神器_会社概要有.pdf
【サービス資料】売上アップの3種の神器_会社概要有.pdf【サービス資料】売上アップの3種の神器_会社概要有.pdf
【サービス資料】売上アップの3種の神器_会社概要有.pdf
ssuser54581d1
 
motto whitepaper 20240514forsaleshub.pdf
motto whitepaper 20240514forsaleshub.pdfmotto whitepaper 20240514forsaleshub.pdf
motto whitepaper 20240514forsaleshub.pdf
harukatakiguchi
 
営業資料_会社概要(アフィ) _24051511111111111111.pdf
営業資料_会社概要(アフィ) _24051511111111111111.pdf営業資料_会社概要(アフィ) _24051511111111111111.pdf
営業資料_会社概要(アフィ) _24051511111111111111.pdf
ssuserfb441f
 
Service-introduction-materials-misorae-leadership
Service-introduction-materials-misorae-leadershipService-introduction-materials-misorae-leadership
Service-introduction-materials-misorae-leadership
Yasuyoshi Minehisa
 
COMPANY PROFILE - 5分でわかるフライク - 【株式会社フライク会社紹介資料】
COMPANY PROFILE - 5分でわかるフライク - 【株式会社フライク会社紹介資料】COMPANY PROFILE - 5分でわかるフライク - 【株式会社フライク会社紹介資料】
COMPANY PROFILE - 5分でわかるフライク - 【株式会社フライク会社紹介資料】
Flyke1
 

Recently uploaded (20)

ITツールで選ぶフライクサービス | Box 2Box初期設定・サーバー移行支援サービス
ITツールで選ぶフライクサービス | Box 2Box初期設定・サーバー移行支援サービスITツールで選ぶフライクサービス | Box 2Box初期設定・サーバー移行支援サービス
ITツールで選ぶフライクサービス | Box 2Box初期設定・サーバー移行支援サービス
 
Long asia「地方の空き家活用の新戦略」空き家とDX一緒に考えると、すべてうまくいく
Long asia「地方の空き家活用の新戦略」空き家とDX一緒に考えると、すべてうまくいくLong asia「地方の空き家活用の新戦略」空き家とDX一緒に考えると、すべてうまくいく
Long asia「地方の空き家活用の新戦略」空き家とDX一緒に考えると、すべてうまくいく
 
株式会社Human Matureの会社紹介および事業紹介資料_20240514.pdf
株式会社Human Matureの会社紹介および事業紹介資料_20240514.pdf株式会社Human Matureの会社紹介および事業紹介資料_20240514.pdf
株式会社Human Matureの会社紹介および事業紹介資料_20240514.pdf
 
【サービス紹介資料】株式会社フライクってどんな会社? - 企業の組織改革・DX推進を加速するフライクのサービス
【サービス紹介資料】株式会社フライクってどんな会社? - 企業の組織改革・DX推進を加速するフライクのサービス【サービス紹介資料】株式会社フライクってどんな会社? - 企業の組織改革・DX推進を加速するフライクのサービス
【サービス紹介資料】株式会社フライクってどんな会社? - 企業の組織改革・DX推進を加速するフライクのサービス
 
From Generative AI to Cooperative AI: 協働AIのもたらす社会、2030年への課題と展望
From Generative AI to Cooperative AI: 協働AIのもたらす社会、2030年への課題と展望From Generative AI to Cooperative AI: 協働AIのもたらす社会、2030年への課題と展望
From Generative AI to Cooperative AI: 協働AIのもたらす社会、2030年への課題と展望
 
企業規模で選ぶフライクサービス | 大企業向け 部署横断+全体最適化システムコンサルティング
企業規模で選ぶフライクサービス | 大企業向け 部署横断+全体最適化システムコンサルティング企業規模で選ぶフライクサービス | 大企業向け 部署横断+全体最適化システムコンサルティング
企業規模で選ぶフライクサービス | 大企業向け 部署横断+全体最適化システムコンサルティング
 
2405_インパクトレポート/会社概要_雨風太陽
2405_インパクトレポート/会社概要_雨風太陽2405_インパクトレポート/会社概要_雨風太陽
2405_インパクトレポート/会社概要_雨風太陽
 
エンSXセールス_2024051700000000000000000000000
エンSXセールス_2024051700000000000000000000000エンSXセールス_2024051700000000000000000000000
エンSXセールス_2024051700000000000000000000000
 
2024年4月度 安全の取り組み - 2024-042024-04コピー.pdf
2024年4月度 安全の取り組み - 2024-042024-04コピー.pdf2024年4月度 安全の取り組み - 2024-042024-04コピー.pdf
2024年4月度 安全の取り組み - 2024-042024-04コピー.pdf
 
【サービス資料】売上アップの3種の神器_会社概要有.pdf
【サービス資料】売上アップの3種の神器_会社概要有.pdf【サービス資料】売上アップの3種の神器_会社概要有.pdf
【サービス資料】売上アップの3種の神器_会社概要有.pdf
 
企業規模で選ぶ、フライクサービス | 中小企業向け 業務フロー診断 × 改善提案
企業規模で選ぶ、フライクサービス | 中小企業向け 業務フロー診断 × 改善提案企業規模で選ぶ、フライクサービス | 中小企業向け 業務フロー診断 × 改善提案
企業規模で選ぶ、フライクサービス | 中小企業向け 業務フロー診断 × 改善提案
 
motto whitepaper 20240514forsaleshub.pdf
motto whitepaper 20240514forsaleshub.pdfmotto whitepaper 20240514forsaleshub.pdf
motto whitepaper 20240514forsaleshub.pdf
 
デザイナーが挑んだ新規事業開発の失敗談〜しくじりナレッジ編〜_Algomatic 國光俊樹
デザイナーが挑んだ新規事業開発の失敗談〜しくじりナレッジ編〜_Algomatic 國光俊樹デザイナーが挑んだ新規事業開発の失敗談〜しくじりナレッジ編〜_Algomatic 國光俊樹
デザイナーが挑んだ新規事業開発の失敗談〜しくじりナレッジ編〜_Algomatic 國光俊樹
 
企業規模で選ぶフライクサービス | 中堅企業向け 業務フロー改善×システム導入コンサルティング
企業規模で選ぶフライクサービス | 中堅企業向け 業務フロー改善×システム導入コンサルティング企業規模で選ぶフライクサービス | 中堅企業向け 業務フロー改善×システム導入コンサルティング
企業規模で選ぶフライクサービス | 中堅企業向け 業務フロー改善×システム導入コンサルティング
 
営業資料_会社概要(アフィ) _24051511111111111111.pdf
営業資料_会社概要(アフィ) _24051511111111111111.pdf営業資料_会社概要(アフィ) _24051511111111111111.pdf
営業資料_会社概要(アフィ) _24051511111111111111.pdf
 
Service-introduction-materials-misorae-leadership
Service-introduction-materials-misorae-leadershipService-introduction-materials-misorae-leadership
Service-introduction-materials-misorae-leadership
 
Golfcart Vision_202407_09_mediaguide.pdf
Golfcart Vision_202407_09_mediaguide.pdfGolfcart Vision_202407_09_mediaguide.pdf
Golfcart Vision_202407_09_mediaguide.pdf
 
COMPANY PROFILE - 5分でわかるフライク - 【株式会社フライク会社紹介資料】
COMPANY PROFILE - 5分でわかるフライク - 【株式会社フライク会社紹介資料】COMPANY PROFILE - 5分でわかるフライク - 【株式会社フライク会社紹介資料】
COMPANY PROFILE - 5分でわかるフライク - 【株式会社フライク会社紹介資料】
 
intra-mart Accel series 2024 Spring updates
intra-mart Accel series 2024 Spring updatesintra-mart Accel series 2024 Spring updates
intra-mart Accel series 2024 Spring updates
 
chouhou_obuse_reiwa6nen_5gatugou_5gatu20nitihakkou
chouhou_obuse_reiwa6nen_5gatugou_5gatu20nitihakkouchouhou_obuse_reiwa6nen_5gatugou_5gatu20nitihakkou
chouhou_obuse_reiwa6nen_5gatugou_5gatu20nitihakkou
 

「フラットデザイン」「リッチデザイン」とは何か?その違いと、今すぐできる資料デザインへの応用法v2