「伝わる」ものをつくるための
デザインを身につけたいあなたへ
デザインを身につけたいあなたへ
2022年11月10日発売
全国の書店・通販で発売中
全国の書店・通販で発売中
A5横開き・フルカラー／432ページ
出版：技術評論社
出版：技術評論社
日常の会話から、企画のプレゼン、研究発表、宣伝、SNSまで……
私たちがくらすこの世界は、年々「伝える」ことが大切になっています。
魅力的に伝えられる“ビジュアル”をつくれるようになりたいものの、
心のどこかで「難しい」と考えていないでしょうか。
なりましょう。デザインできるように。
プロ用ソフトも、美的センスも要りません。道具はPowerPointで十分。
必要なのは、あなたの「伝えたい気持ち」と「考える力」だけ。
本書が、「伝える」ことを「伝わる」ものに生まれ変わらせる、
デザインの考え方と技術であなたを支えます。
ここが、「伝わるビジュアル」づくりのスタートライン。
考え方と技術の基礎から、道具の使い方まで習得して、
自分の実力としてデザインをできるようになることを目指しましょう！
3つのステップでレイアウトを分けつつ、項目番号や関連ページを記載して、欲しい情報をパッと探しやすく。
A5横開きと、開いたままにしやすい「PUR製本」で、省スペースなPCでの作業中でも参照しやすく。
全ての解説を、文章と図解でまとめることで、サクッと情報を探しつつ、深く理解できる。
紙の「書籍」としての使いやすさ・読みやすさを追求しています。
ビジュアル要素そのものを観察・分析することで、どのような特徴があり、伝える場面でどのような役割を担うのかを考えて確かめていくステップ
伝えるためのビジュアルを設計・制作するために必要な知識や技術を、細かく確認・習得していくステップ
ビジュアルを思い通りに制作するために、道具である「PowerPoint」の各機能や仕様を把握し、正確に使いこなせるようになることを目指すステップ
「伝わる」ためには何をするべきか、内容の編集から方針の立て方までの“本質”から考えます
この本では、美的センスは必要ありません！ 考え方と技術の基礎からじっくり習得できます
デザインの手法で重要なPowerPointの機能を、細部にわたるまで網羅しています
A5横開き PUR製本／432ページ
ISBN：978-4-2971-3083-1
定価：2,400円＋税
著者 山内俊幸（Wimdac Studio）
1990年生まれ。科学コミュニケーター／デザイナー。関西学院大学大学院理工学研究科修了。科学技術と人、社会との関係をつむぐ「科学コミュニケーション」にデザインの領域から挑戦するため、天文学を学びながらグラフィックデザイナーとしての活動を展開。日本科学未来館の科学コミュニケーターを経て、フリーランスに転向。Wimdac Studioとして、科学技術にまつわるプロジェクトを中心に、展示やイベントなどの企画立案、編集、執筆、制作、実施までの幅広い領域で「デザイン」している。また同時に、本書のもとになった同人誌「PowrePoint Re-Master」の発行などを通じて、誰もが「コミュニケーション」をデザインできるようになることを目指した活動を行っている。
書店限定特典
「フォントサイズサンプル & ビジュアルデザイン・メイキングシート」
PowerPointの標準スライドサイズ（16:9／33.867×19.05cm／13.3×7.5インチ）を基準に、スライドとしても、印刷物としても活用しやすい「フォントサイズ・サンプル」と、伝わるビジュアルをつくるためのデザインのプロセスをぎゅっと凝縮して確認できるようにした「ビジュアルデザイン・メイキングシート」を両面に印刷した、A3シートが同梱されます！
※一部書店の限定特典です。配布が始まっている書店は下記の通りです（2022.11.15 確認／確認が取れ次第、追記いたします）
▷ 紀伊國屋書店 新宿本店
▷ ジュンク堂書店 池袋本店
▷ 有隣堂 ヨドバシAKIBA店
▷ 書泉ブックタワー（秋葉原）
▷ ジュンク堂書店 福岡本店
▷ 丸善 博多店
▷ 紀伊國屋 福岡本店
目次
Introduction デザインとはなにか
Intro #1
Intro #2
Intro #3
Intro #4
Intro #5
Intro #6
Intro #7
Intro #8
Intro #9
「デザイン」ってなんだ？
どうすれば「デザイン」できるようになる？
デザインの「より良い」はどうやって見つける？
デザインで「どのように」より良いものをつくりだす？
デザインを「なにを使って」つくる？
そもそも何のためにデザインしてる？
デザインは本当に必要なのか？
デザインはルールなのか？ センスなのか？
いまからデザインをはじめよう！
Designing #0 デザインの下ごしらえ
#0-01
#0-02
#0-03
#0-04
#0-05
#0-06
#0-07
#0-08
#0-09
#0-10
#0-11
#0-12
#0-13
#0-14
#0-15
#0-16
#0-17
デザインで実現したいゴールを設定する
デザインの“ターゲット”を決める
“何を”デザインするか内容を整理する
［つくるものを設計する］「より良い」を定義する
［つくるものを設計する］仕様や条件を決める
［ビジュアルの下ごしらえ］ビジュアルの方針を考える
［ビジュアルの下ごしらえ］「見る順番」で整える
［ビジュアルの下ごしらえ］「わかりやすい」の正体
［PPTの基本］PPTでできること
［PPTの基本］PPTの基本画面
［PPTの基本機能］機能を呼び出す「リボン」
［PPTの基本機能］「リボン」を編集する
［PPTの基本機能］詳細を変える「書式設定」
［PPTの基本機能］オブジェクトの重なり
［PPTの基本機能］グリッドとガイド
［PPTの基本機能］ファイルのオプション設定
［PPTの基礎知識］パワポの単位と解像度
Designing #1 デザインとはなにか
#1-01
#1-02
#1-03
#1-04
#1-05
#1-06
#1-07
#1-08
#1-09
#1-10
#1-11
#1-12
#1-13
#1-14
#1-15
#1-16
#1-17
#1-18
#1-19
#1-20
#1-21
レイアウトは「伝わり方」をつかさどる
ビジュアルで伝える「主役」を考える
ブロックのように「伝わり方」を組み上げる
［レイアウトの基本］揃える
［レイアウトの基本］グループ化する
［レイアウトの基本］くりかえす
［レイアウトの基本］コントラスト
［レイアウトの基本］余白をとる
［レイアウトの基本］トーン&マナー
［レイアウトの実践］つの要素を配置する
［レイアウトの実践］、個の要素を配置する
［レイアウトの実践］複数の要素を配置する
［レイアウトの実践］複数のページを組む
［レイアウトの応用］グリッドシステム
［PPTの基本］レイアウトにまつわる機能
［PPTの機能］サイズを調整する
［PPTの機能］位置を変更する
［PPTの機能］オブジェクトを整列する
［PPTの機能］回転・反転させる
［PPTの機能］スライドマスターを使う
［PPTの機能］スライドの書式を変更する
Designing #2 文字と文字組み
#2-01
#2-02
#2-03
#2-04
#2-05
#2-06
#2-07
#2-08
#2-09
#2-10
#2-11
#2-12
#2-13
#2-14
#2-15
#2-16
#2-17
#2-18
#2-19
#2-20
#2-21
#2-22
文字は、口ほどにものを言う
「見せる」文字と、「読ませる」文章の違い
［文字のしくみ］書体・フォントのしくみ
［文字のしくみ］文字のサイズと太さ
［文字のしくみ］書体の種類
［文字を組む］文字を並べて文にする
［文字を組む］書体を選ぶ
［文字を組む］文字サイズを決める
［文字を組む］文字の間隔を調整する
［文字を組む］行長と行間と読みやすさ
［文字を組む］文字を装飾する
［文字を組む］欧文の文字組み
［PPTの基本］文字と文字組みにまつわる機能
［PPTの仕様］標準搭載のフォント―和文
［PPTの仕様］標準搭載のフォント―欧文
［PPTの機能］文字のサイズと間隔の設定
［PPTの機能］行揃えと箇条書きの設定
［PPTの機能］行長とテキストボックス
［PPTの機能］行間と段落間の設定
［PPTの機能］ファイルのやりとりとフォント
［PPTの応用機能］禁則処理の設定
［PPTの応用機能］和欧混植とテーマのフォント
Designing #3 色と配色
#3-01
#3-02
#3-03
#3-04
#3-05
#3-06
#3-07
#3-08
#3-09
#3-10
#3-11
#3-12
#3-13
#3-14
#3-15
#3-16
#3-17
#3-18
色と配色は伝わる「印象」をつかさどる
色には機能としての役割もある
［色のしくみ］“色”の正体を見破る
［色のしくみ］目に直接届く色—RGB
［色のしくみ］印刷される色—CMYK
［色のしくみ］人が感じる色—HSL
［色のしくみ］色のトーンと感じ方
［色をつくる］基本の考え方と色の数
［色をつくる］主役の色をつくる
［色をつくる］脇役の色をつくる
［色をつくる］グラデーションをつくる
［色をつかう］色の見やすさと機能性
［PPTの基本］色にまつわる機能
［PPTの機能］用意された色から選ぶ
［PPTの機能］新しく色をつくる
［PPTの機能］グラデーションをかける
［PPTの機能］透明度を変える
［PPTの応用］カラーテーマをつくる
Designing #4 イラストレーション
#4-01
#4-02
#4-03
#4-04
#4-05
#4-06
#4-07
#4-08
#4-09
#4-10
#4-11
#4-12
#4-13
#4-14
#4-15
#4-16
#4-17
#4-18
#4-19
#4-20
イラストは見た目で「直感的に」伝える
イラストの得意なこと、苦手なこと
イラストを形づくるつの要素
伝わるイラストは「カタチ」が重要
イラストで表現する抽象度とディテール
［イラストをつくる準備］モデルの特徴をとらえる
［カタチをつくる］単純な図形でつくる
［カタチをつくる］複雑な図形をつくる
［イラストを加工する］カタチに色を塗る
［イラストを加工する］効果で質感を生む
［イラストをつくる］本格的なイラストを描く
［イラストをつかう］トンマナを合わせる
［PPTの基本］イラストを描くための機能
［PPTの機能］単純なカタチをつくる
［PPTの機能］複雑なカタチをつくる
［PPTの機能］図形を組み合わせる
［PPTの機能］線を描く
［PPTの機能］図形を塗りつぶす
［PPTの機能］図形に効果をかける
［PPTの応用機能］3Dモデルを活用する
Designing #5 インフォグラフィック
#5-01
#5-02
#5-03
#5-04
#5-05
#5-06
#5-07
#5-08
#5-09
#5-10
#5-11
#5-12
#5-13
#5-14
#5-15
情報を「一目でわかる」ビジュアルに変える
インフォグラフィックはシンプルに
視覚化する情報の正確さとわかりやすさ
［インフォグラフィックの基本］インフォグラフィックの種類
［インフォグラフィックを深める］サイン
［インフォグラフィックを深める］アイコン
［インフォグラフィックを深める］チャート
［インフォグラフィックを深める］表
［インフォグラフィックを深める］グラフ
［PPTの基本］インフォグラフィックにまつわる機能
［PPTの機能］サインをつくる
［PPTの機能］アイコンをつかう
［PPTの機能］チャートをつくる
［PPTの機能］表をつくる
［PPTの機能］グラフをつくる
Designing #6 写真と動画
#6-01
#6-02
#6-03
#6-04
#6-05
#6-06
#6-07
#6-08
#6-09
#6-10
#6-11
#6-12
#6-13
#6-14
#6-15
#6-16
#6-17
#6-18
#6-19
#6-20
#6-21
#6-22
#6-23
写真と動画は「リアル」を伝える
写真と動画は、「情報量」が多い
「主役」の設定で、伝わり方がかわる
［写真を撮る・選ぶ］写真を特徴で見分ける
［写真を撮る・選ぶ］目的にあった写真を選ぶ
［写真を撮る・選ぶ］自分で写真を撮る
［写真を加工する］トリミングする
［写真を加工する］複雑な形で切り抜く
［写真を加工する］写真をレタッチする
［写真をつかう］魅力的にレイアウトする
［写真をつかう］文字を重ねる
［動画を加工する］動画の時間を調整する
［PPTの基本］写真・動画にまつわる機能
［PPTの仕様］対応しているメディア形式
［PPTの仕様］画像サイズと解像度の変更
［PPTの仕様］pptxファイルの画像の扱い
［PPTの機能］画像をトリミングする
［PPTの機能］背景を削除する
［PPTの機能］画像の色を編集、修正する
［PPTの機能］画像を効果で彩る
［PPTの機能］動画の形をトリミングする
［PPTの機能］動画の色を編集、修正する
［PPTの機能］動画の時間と再生を編集する
Designing #7 アニメーション
#7-01
#7-02
#7-03
#7-04
#7-05
#7-06
#7-07
#7-08
#7-09
#7-10
#7-11
#7-12
#7-13
#7-14
アニメーションは「時間」と「動き」で語る
なぜアニメーションは嫌われるのか？
アニメーションの役割と実現できること
［アニメーションを理解する］「時間」と「動き」を知る
［アニメーションを理解する］「動き」をつくる
［アニメーションを理解する］「時間」で彩る
［アニメーションを使う］伝わり方と使いどころ
［PPTの基本］アニメーションにまつわる機能
［PPTの機能］アニメーションを設定する
［PPTの機能］動きの軌跡を設定する
［PPTの機能］アニメーションを効果で彩る
［PPTの機能］アニメーションの時間を変える
［PPTの応用］オリジナルのアニメーションをつくる
［PPTの機能］画面を切り替える
目次
Introduction デザインとはなにか
Intro #1
Intro #2
Intro #3
Intro #4
Intro #5
Intro #6
Intro #7
Intro #8
Intro #9
「デザイン」ってなんだ？
どうすれば「デザイン」できるようになる？
デザインの「より良い」はどうやって見つける？
デザインで「どのように」より良いものをつくりだす？
デザインを「なにを使って」つくる？
そもそも何のためにデザインしてる？
デザインは本当に必要なのか？
デザインはルールなのか？ センスなのか？
いまからデザインをはじめよう！
Designing #0 デザインの下ごしらえ
#0-01
#0-02
#0-03
#0-04
#0-05
#0-06
#0-07
#0-08
#0-09
#0-10
#0-11
#0-12
#0-13
#0-14
#0-15
#0-16
#0-17
デザインで実現したいゴールを設定する
デザインの“ターゲット”を決める
“何を”デザインするか内容を整理する
［つくるものを設計する］「より良い」を定義する
［つくるものを設計する］仕様や条件を決める
［ビジュアルの下ごしらえ］ビジュアルの方針を考える
［ビジュアルの下ごしらえ］「見る順番」で整える
［ビジュアルの下ごしらえ］「わかりやすい」の正体
［PPTの基本］PPTでできること
［PPTの基本］PPTの基本画面
［PPTの基本機能］機能を呼び出す「リボン」
［PPTの基本機能］「リボン」を編集する
［PPTの基本機能］詳細を変える「書式設定」
［PPTの基本機能］オブジェクトの重なり
［PPTの基本機能］グリッドとガイド
［PPTの基本機能］ファイルのオプション設定
［PPTの基礎知識］パワポの単位と解像度
Designing #1 デザインとはなにか
#1-01
#1-02
#1-03
#1-04
#1-05
#1-06
#1-07
#1-08
#1-09
#1-10
#1-11
#1-12
#1-13
#1-14
#1-15
#1-16
#1-17
#1-18
#1-19
#1-20
#1-21
レイアウトは「伝わり方」をつかさどる
ビジュアルで伝える「主役」を考える
ブロックのように「伝わり方」を組み上げる
［レイアウトの基本］揃える
［レイアウトの基本］グループ化する
［レイアウトの基本］くりかえす
［レイアウトの基本］コントラスト
［レイアウトの基本］余白をとる
［レイアウトの基本］トーン&マナー
［レイアウトの実践］つの要素を配置する
［レイアウトの実践］、個の要素を配置する
［レイアウトの実践］複数の要素を配置する
［レイアウトの実践］複数のページを組む
［レイアウトの応用］グリッドシステム
［PPTの基本］レイアウトにまつわる機能
［PPTの機能］サイズを調整する
［PPTの機能］位置を変更する
［PPTの機能］オブジェクトを整列する
［PPTの機能］回転・反転させる
［PPTの機能］スライドマスターを使う
［PPTの機能］スライドの書式を変更する
Designing #2 文字と文字組み
#2-01
#2-02
#2-03
#2-04
#2-05
#2-06
#2-07
#2-08
#2-09
#2-10
#2-11
#2-12
#2-13
#2-14
#2-15
#2-16
#2-17
#2-18
#2-19
#2-20
#2-21
#2-22
文字は、口ほどにものを言う
「見せる」文字と、「読ませる」文章の違い
［文字のしくみ］書体・フォントのしくみ
［文字のしくみ］文字のサイズと太さ
［文字のしくみ］書体の種類
［文字を組む］文字を並べて文にする
［文字を組む］書体を選ぶ
［文字を組む］文字サイズを決める
［文字を組む］文字の間隔を調整する
［文字を組む］行長と行間と読みやすさ
［文字を組む］文字を装飾する
［文字を組む］欧文の文字組み
［PPTの基本］文字と文字組みにまつわる機能
［PPTの仕様］標準搭載のフォント―和文
［PPTの仕様］標準搭載のフォント―欧文
［PPTの機能］文字のサイズと間隔の設定
［PPTの機能］行揃えと箇条書きの設定
［PPTの機能］行長とテキストボックス
［PPTの機能］行間と段落間の設定
［PPTの機能］ファイルのやりとりとフォント
［PPTの応用機能］禁則処理の設定
［PPTの応用機能］和欧混植とテーマのフォント
Designing #3 色と配色
#3-01
#3-02
#3-03
#3-04
#3-05
#3-06
#3-07
#3-08
#3-09
#3-10
#3-11
#3-12
#3-13
#3-14
#3-15
#3-16
#3-17
#3-18
色と配色は伝わる「印象」をつかさどる
色には機能としての役割もある
［色のしくみ］“色”の正体を見破る
［色のしくみ］目に直接届く色—RGB
［色のしくみ］印刷される色—CMYK
［色のしくみ］人が感じる色—HSL
［色のしくみ］色のトーンと感じ方
［色をつくる］基本の考え方と色の数
［色をつくる］主役の色をつくる
［色をつくる］脇役の色をつくる
［色をつくる］グラデーションをつくる
［色をつかう］色の見やすさと機能性
［PPTの基本］色にまつわる機能
［PPTの機能］用意された色から選ぶ
［PPTの機能］新しく色をつくる
［PPTの機能］グラデーションをかける
［PPTの機能］透明度を変える
［PPTの応用］カラーテーマをつくる
Designing #4 イラストレーション
#4-01
#4-02
#4-03
#4-04
#4-05
#4-06
#4-07
#4-08
#4-09
#4-10
#4-11
#4-12
#4-13
#4-14
#4-15
#4-16
#4-17
#4-18
#4-19
#4-20
イラストは見た目で「直感的に」伝える
イラストの得意なこと、苦手なこと
イラストを形づくるつの要素
伝わるイラストは「カタチ」が重要
イラストで表現する抽象度とディテール
［イラストをつくる準備］モデルの特徴をとらえる
［カタチをつくる］単純な図形でつくる
［カタチをつくる］複雑な図形をつくる
［イラストを加工する］カタチに色を塗る
［イラストを加工する］効果で質感を生む
［イラストをつくる］本格的なイラストを描く
［イラストをつかう］トンマナを合わせる
［PPTの基本］イラストを描くための機能
［PPTの機能］単純なカタチをつくる
［PPTの機能］複雑なカタチをつくる
［PPTの機能］図形を組み合わせる
［PPTの機能］線を描く
［PPTの機能］図形を塗りつぶす
［PPTの機能］図形に効果をかける
［PPTの応用機能］3Dモデルを活用する
Designing #5 インフォグラフィック
#5-01
#5-02
#5-03
#5-04
#5-05
#5-06
#5-07
#5-08
#5-09
#5-10
#5-11
#5-12
#5-13
#5-14
#5-15
情報を「一目でわかる」ビジュアルに変える
インフォグラフィックはシンプルに
視覚化する情報の正確さとわかりやすさ
［インフォグラフィックの基本］インフォグラフィックの種類
［インフォグラフィックを深める］サイン
［インフォグラフィックを深める］アイコン
［インフォグラフィックを深める］チャート
［インフォグラフィックを深める］表
［インフォグラフィックを深める］グラフ
［PPTの基本］インフォグラフィックにまつわる機能
［PPTの機能］サインをつくる
［PPTの機能］アイコンをつかう
［PPTの機能］チャートをつくる
［PPTの機能］表をつくる
［PPTの機能］グラフをつくる
Designing #6 写真と動画
#6-01
#6-02
#6-03
#6-04
#6-05
#6-06
#6-07
#6-08
#6-09
#6-10
#6-11
#6-12
#6-13
#6-14
#6-15
#6-16
#6-17
#6-18
#6-19
#6-20
#6-21
#6-22
#6-23
写真と動画は「リアル」を伝える
写真と動画は、「情報量」が多い
「主役」の設定で、伝わり方がかわる
［写真を撮る・選ぶ］写真を特徴で見分ける
［写真を撮る・選ぶ］目的にあった写真を選ぶ
［写真を撮る・選ぶ］自分で写真を撮る
［写真を加工する］トリミングする
［写真を加工する］複雑な形で切り抜く
［写真を加工する］写真をレタッチする
［写真をつかう］魅力的にレイアウトする
［写真をつかう］文字を重ねる
［動画を加工する］動画の時間を調整する
［PPTの基本］写真・動画にまつわる機能
［PPTの仕様］対応しているメディア形式
［PPTの仕様］画像サイズと解像度の変更
［PPTの仕様］pptxファイルの画像の扱い
［PPTの機能］画像をトリミングする
［PPTの機能］背景を削除する
［PPTの機能］画像の色を編集、修正する
［PPTの機能］画像を効果で彩る
［PPTの機能］動画の形をトリミングする
［PPTの機能］動画の色を編集、修正する
［PPTの機能］動画の時間と再生を編集する
Designing #7 アニメーション
#7-01
#7-02
#7-03
#7-04
#7-05
#7-06
#7-07
#7-08
#7-09
#7-10
#7-11
#7-12
#7-13
#7-14
アニメーションは「時間」と「動き」で語る
なぜアニメーションは嫌われるのか？
アニメーションの役割と実現できること
［アニメーションを理解する］「時間」と「動き」を知る
［アニメーションを理解する］「動き」をつくる
［アニメーションを理解する］「時間」で彩る
［アニメーションを使う］伝わり方と使いどころ
［PPTの基本］アニメーションにまつわる機能
［PPTの機能］アニメーションを設定する
［PPTの機能］動きの軌跡を設定する
［PPTの機能］アニメーションを効果で彩る
［PPTの機能］アニメーションの時間を変える
［PPTの応用］オリジナルのアニメーションをつくる
［PPTの機能］画面を切り替える
