Upgrade to Pro — share decks privately, control downloads, hide ads and more …

スライドを武器に。/ Better slides makes you strong

Akira Morikawa
September 21, 2018

スライドを武器に。/ Better slides makes you strong

『登壇の技術を勉強する会 #1』の発表資料です。
プレゼンテーションスライド作りの基本的な知識として以下の3ポイントを簡単にまとめています。
・情報設計
・情報配置
・配色

元スライドはこちらから参照いただけます。
http://bit.ly/20180921-slides

2018/9/21 - #engineers_lt
https://engineers.connpass.com/event/100640/

Akira Morikawa

September 21, 2018
Tweet

More Decks by Akira Morikawa

Other Decks in Technology

Transcript

  1. 近接の例 ①改善前 大吟醸 吟醸酒の中でも、米を5割以上(精米歩合を 50%以下に)削ったものは「大吟醸酒」と表 示されています。醸造アルコール…(省略) 吟醸 フレッシュで華やかな香りと繊細な味わいを 特徴とする日本酒です。多くはすっきり淡麗 な味わいでのどごしは滑らかです…(省略)

    純米 米、米こうじ、水を原料にして製造した日本 酒です。醸造アルコールを使用しないため、 旨味やコク、ふくよかさなど…(省略) 本醸造 純米酒に近い香りと風味を持ち、しかも純米 よりも淡麗でまろやかな日本酒です。米の外 側を3割以上(精米歩合70%以下…(省略)
  2. 近接の例 ②改善後 大吟醸 吟醸酒の中でも、米を5割以上(精米歩合を 50%以下に)削ったものは「大吟醸酒」と表 示されています。醸造アルコール…(省略) 吟醸 フレッシュで華やかな香りと繊細な味わいを 特徴とする日本酒です。多くはすっきり淡麗 な味わいでのどごしは滑らかです…(省略)

    純米 米、米こうじ、水を原料にして製造した日本 酒です。醸造アルコールを使用しないため、 旨味やコク、ふくよかさなど…(省略) 本醸造 純米酒に近い香りと風味を持ち、しかも純米 よりも淡麗でまろやかな日本酒です。米の外 側を3割以上(精米歩合70%以下…(省略)
  3. 近接の例 ③改善法 大吟醸 吟醸酒の中でも、米を5割以上(精米歩合を 50%以下に)削ったものは「大吟醸酒」と表 示されています。醸造アルコール…(省略) 吟醸 フレッシュで華やかな香りと繊細な味わいを 特徴とする日本酒です。多くはすっきり淡麗 な味わいでのどごしは滑らかです…(省略)

    純米 米、米こうじ、水を原料にして製造した日本 酒です。醸造アルコールを使用しないため、 旨味やコク、ふくよかさなど…(省略) 本醸造 純米酒に近い香りと風味を持ち、しかも純米 よりも淡麗でまろやかな日本酒です。米の外 側を3割以上(精米歩合70%以下…(省略) 近 離 離
  4. 強弱の例 ②改善後 大吟醸 吟醸酒の中でも、米を5割以上(精 米歩合を50%以下に)削ったもの は「大吟醸酒」と表示されてい ます。醸造アルコール…(省略) ・純米大吟醸酒 ・大吟醸酒 悪い例

    大 吟 醸 吟醸酒の中でも、米を5割以上(精米歩合を 50%以下に)削ったものは「大吟醸酒」と表 示されています。醸造アルコール…(省略) ・純米大吟醸酒 ・大吟醸酒 いい例
  5. 強弱の例 ③改善法 大 吟 醸 吟醸酒の中でも、米を5割以上(精米歩合を 50%以下に)削ったものは「大吟醸酒」と表 示されています。醸造アルコール…(省略) ・純米大吟醸酒 ・大吟醸酒

    いい例 ジャンプ率で強調 色/太字で強調 ・最も強調したい部分に使用 ・文字サイズは3-4種類程度 ・短い文字にはスペースが効果的 ※色反転でさらに強調可 ・文中で強調したい部分に使用 ・色数は原則1-2種類
  6. 反復の例 / 元資料 大 吟 醸 吟醸酒の中でも、米を5割以上(精米歩合を 50%以下に)削ったものは「大吟醸酒」と表 示されています。醸造アルコール…(省略) ・純米大吟醸酒

    ・大吟醸酒 大 吟 醸 吟醸酒の中でも、米を5割以上(精米歩合を 50%以下に)削ったものは「大吟醸酒」と表 示されています。醸造アルコール…(省略) ・純米大吟醸酒 ・大吟醸酒
  7. 反復の例 / 不整合 大 吟 醸 吟醸酒の中でも、米を5割以上(精米歩合を 50%以下に)削ったものは「大吟醸酒」と表 示されています。醸造アルコール…(省略) (1)

    純米大吟醸酒 (2) 大吟醸酒 ・純米大吟醸酒 ・大吟醸酒 大 吟 醸 吟醸酒の中でも、米を5割以上(精米歩合を 50%以下に)削ったものは「大吟醸酒」と表 示されています。醸造アルコール…(省略)
  8. 反復の例 / 改善法 大 吟 醸 吟醸酒の中でも、米を5割以上(精米歩合を 50%以下に)削ったものは「大吟醸酒」と表 示されています。醸造アルコール…(省略) (1)

    純米大吟醸酒 (2) 大吟醸酒 ・純米大吟醸酒 ・大吟醸酒 大 吟 醸 吟醸酒の中でも、米を5割以上(精米歩合を 50%以下に)削ったものは「大吟醸酒」と表 示されています。醸造アルコール…(省略) 一貫していないものはリズムを崩す
  9. 51 情報配置-反復 反復 全体を通じて同じデザインを繰り返す事で一貫性を生む - 色 / 線 / モチーフ

    / レイアウト - 『トーン&マナー』がリズムを作り出す ( Repetition )
  10. 53 情報配置-その他 その他のアイデア - 全体を通して揃えること・統一することを意識しよう - 行間は少し広めに取ろう(※この資料は 1.5 行) -

    文字サイズは大きめにしよう(※この文字は 18 pt) - 四辺の余白をしっかり取ろう - シンプルにしよう ※上記にある行間や文字サイズ等の説明はGoogleスライドを使った場合の値です
  11. 63 配色-意味 ヘリングの心理四原色 色によって与えられる ポジティブ / ネガティブ なイメージ - 赤:勇気,

    愛情, 勝利, 積極的 / 危険, 緊張, 怒り, 争い - 黄:明るい, 楽しい, 活発, 幸福 / 危険, 緊張, 不安, 軽率 - 緑:若さ, 新鮮, 癒し, 安全 / 未熟, 受動的, 保守的 - 青:信頼, 誠実, 開放感, 知性 / 不安, 冷酷, 悲しみ, 寂しさ
  12. 83 配色-調和 色選びに失敗しないために - 背景色/文字色の両方で使える色を選択する - 原色を避ける - 色がもつ印象に気を付ける -

    白背景では文字色を真っ黒にしない(※この資料では #4b4b4b ) 背景色 背景色 文字色 文字色 背景色 文字色
  13. 90 最後に ウォーターフォール / 要件定義 目的とゴールは何か? ・何のために話すの? ・相手をどう動かしたい? ・最も伝えたいことは? コンセプト

    ターゲット 誰に聞いてもらいたいか? ・何歳位の人? ・何に興味や関心がある? ・何を知っている? ・何を知らない?
  14. 92 最後に ウォーターフォール / 詳細設計 目的とゴールを基にしたロジック展開を検討する 情報整理法は以下のような手法が有名(※詳細は次回以降) ・帰納法 ・演繹法(三段論法) ・仮説思考

    ・類推思考 ・弁証法 ・背理法 (ロジカルシンキング) 垂直思考法 水平思考法 (ラテラルシンキング) 探求思考法 (クリティカルシンキング)
  15. 94 最後に ウォーターフォール / テスト ① 単体テスト … ページ毎に喋ってメッセージを考えよう ②

    結合テスト … 前後ページとの連続性や前後関係を確認しよう ③ 総合テスト … 本番前にたくさんリハーサルして幸せになろう
  16. [アイコン] - すぐに使えるフリーアイコン素材50選! icooon-mono | Icon-rainbow | iconmonstr | FLAT

    ICON DESIGN | FIND ICONS [写真素材] - フリーの画像&写真素材サイト19選 ぱくたそ | 足成 | Pixabay | Morguefile | Unsplash [配色] - デザインが苦手な人でもすぐにできる配色の基本と無料で使えるツール5選 COLOR SUPPLY | HUE 360 | PALETTON