デザインのコツ

パワポのススメ
デザインのコツ
@punkshiraishi

本セクションの位置付け
コンセプト
項目別デザインのコツ
実際に手直し

本セクションの位置づけ
パワポとは
全体のコンセプト＋実用例
構成の作り方
すぐ使える
デザインテクニック
図の描き方

コンセプト
無意味な要素を省く
なぜなら
ビジネス資料において無意味な要素はノイズ
文字図形
配置余白

スライド資料の作り方
１．下書きを書く
構成を考えるために最初は書きたいことをすべて書き出しましょ
う。それができたらストーリーになるように並びを考えます。その
後、１スライドに１テーマを基本にページを区切っていきます。
２．デザインのテーマを作る
スライドマスタを使用して、全ページに適応するテーマを作ります。
フォント、色セット、レイアウトごとの配置など、基本的なデザインはす
べてスライドマスタ上で設定していきます。
３．細かく作りこむ
実際に文章や図を配置していきます！

スライド資料の作り方
１下書きを書く
書きたいことをすべて書き出す
ストーリーになるように並びを考える
１スライドに１つの内容を基本にページを区切る
２デザインのテーマを作る
スライドマスタで全ページに適応するテーマを作成
フォント・色・レイアウトごとの配置 … 等
３細かく作りこむ
文章の推敲図の作成

ロゴの変遷
要素を減らしたフラットデザインが主流に

コンセプト
フラットデザイン
無意味な要素を省く
簡単かつ最先端
を目指そう

本セクションの位置付け
コンセプト
項目別デザインのコツ
実際に手直し
サイズ
フォント
色
配置
余白

サイズ
１６：９４：３
Q. どっちがいい？

サイズ
１６：９４：３
A. モニターのサイズに合う方が良い
以前は４：３が多かったが現在は１６：９が主流

フォント
メイリオ游ゴシック
読みやすい
業務資料向き
おしゃれ感
社外向けプレゼンなど
どちらかで統一すればOK

その他のフォント
ＭＳＰゴシック
游明朝
オシャレ過ぎて
上級者向け
昔のオフィスデフォルト
ダサい避けるべき

色
ベースカラー＋３色程度
肯定的な意見
中立的な意見
否定的な意見
通常の文章

色の設定
デザインタブ
バリエーション
濃淡を調節可能

枠と文字の色
枠無し＋白抜き
枠無し＋黒文字
枠＋塗り＋色文字
枠と同色の文字
OK NG
塗りと文字の色が近い
枠と文字の色が違う

配置
１２３
１
２
３
普段文字を読む方向に合わせる
左から右上から下
１２３
４５６
Z型

配置
A
B
C
対等な３つの物を比較するとき
A B C
縦横サイズと位置を揃える
等間隔に配置する
OK
NG

余白
出来るだけ線や色を使わず余白でコンテンツを区切る
A
B
C
Aの説明がここに入る
Bの説明がここに入る
Cの説明がここに入る
A
B
C

余白
出来るだけ線や色を使わず余白でコンテンツを区切る
A
B
C
A
B
C
余白が同じまとまりの
コンテンツを分断している
余白がコンテンツ間を
切り分ける働きをしている

余白を恐れていない例
余白を恐れない

余白を恐れている例
余白を恐れない
余白は怖いものではありません。
むしろ堂々と置いた方が良いのです。
余白を埋めるために、意味のない文章を
差し込んだり、いらすとやの絵を置いたり
するのが最悪と言えるでしょう。
何も無いのではなく余白がそこに“在る”のです。
※このスライドは最悪の例です。マネしないでください。

ありがとうございました

デザインのコツ

Recommended

Recommended

More Related Content

What's hot

What's hot (8)

Similar to デザインのコツ

Similar to デザインのコツ (20)

デザインのコツ