Recommended
Recommended
More Related Content
Featured
Featured (20)
スライドデザインのやり方.pptx
- 6. 伝わるスライドの要素 6 可読性 視認性 統一感 この3つに気を付ければきれいなスライドが作れる
- 7. 伝わるスライドの要素 7 可読性 視認性 統一感
- 13. 「行の調整」 について 13
- 14. 行の調整 14 改行で読みやすさが大きく変わる - 単語の途中で改行を入れてしまうと、とても読み にくくなる - 文章を観客が読みやすい位置で改行するのは、箇 条書きの基本 - 言い回しや言葉を工夫することで改行位置を調整 しよう 極端に短い行を 作らないように 言葉のかたまりを 意識して改行する
- 15. 行の調整 15 改行で読みやすさが大きく変わる - 単語の途中で改行を入れてしまうと とても読みにくくなる - 文章を観客が読みやすい位置で改行するのは 箇条書きの基本 - 言い回しや言葉の工夫で改行位置を調整しよう 極端に短い行を 作らないように 言葉のかたまりを 意識して改行する
- 16. 行の調整 行間も意識してみよう 16 改行で読みやすさが大きく変わる - 単語の途中で改行を入れてしまうと とても読みにくくなる - 文章を観客が読みやすい位置で改行するのは 箇条書きの基本 - 言い回しや言葉の工夫で、改行位置を調整しよう 極端に短い行を 作らないように 言葉のかたまりを 意識して改行する
- 18. 「文字の装飾」 について 18
- 23. 文字を目立たせる方法 23 ハレーションに注意 ハレーション ハレーション 派手な色同士組み合わせはハレーションがおこりやすい 別の色で囲むと回避できるが この組み合わせ自体を使わないのがベター
- 24. 伝わるスライドの要素 24 可読性 視認性 統一感
- 26. 「要素の配置」 について 26
- 27. 要素の配置 視線の流れ 27 ヒトの視線は”左上から右下”に流れる さらに視線は 「隣接するものへ」 「大から小へ」 この法則に則ってスライドを作ると理解しやすくなる 他にも 「Zの法則」 や 「Fの法則」 がある 興味があれば調べてみよう
- 31. 要素の配置 グループ化 31 金閣寺 富士山 京都府京都市北区金閣寺町にある臨済宗相国寺派の寺院。相国寺の境外塔頭である。 建物の内外に金箔が貼られた舎利殿から、金閣寺として知られている。 富士山は、山梨県と静岡県にまたがる活火山である。標高3776.12 メートル、 日本最高峰の独立峰で、その優美な風貌は日本国外でも日本の象徴として広く知られている。
- 32. 要素の配置 グループ化 32 金閣寺 富士山 京都府京都市北区金閣寺町にある臨済宗相国寺派の寺院。相国寺の境外塔頭である。 建物の内外に金箔が貼られた舎利殿から、金閣寺として知られている。 富士山は、山梨県と、静岡県に跨る活火山である。標高3776.12 メートル、 日本最高峰の独立峰で、その優美な風貌は日本国外でも日本の象徴として広く知られている。 画像と文が離れると 関係がわかりづらい
- 33. 要素の配置 グループ化 33 金閣寺 富士山 京都府京都市北区金閣寺町にある臨済宗相国寺派の寺院。 相国寺の境外塔頭である。建物の内外に金箔が貼られた 舎利殿から、金閣寺として知られている。 富士山は、山梨県と、静岡県に跨る活火山である。 標高3776.12 メートル、日本最高峰の独立峰で、その優美な風貌は 日本国外でも日本の象徴として広く知られている。 画像と文を近づけると 関係が明確に
- 34. 要素の配置 余白 34 0 50 100 150 200 250 レモン1個 レモン2個 レモン3個 レモン4個 ビタミンC含有量(mg) レモン2個あたりに約100㎎のビタ ミンCが含まれており、この量はレ モンの約2個分に相当する。 ビタミン量の比較 レモン2個 レモン3個あたりに約150㎎のビタ ミンCが含まれており、この量はレ モンの約3個分に相当する。 レモン3個 レモン3個あたりに約200㎎のビタ ミンCが含まれており、この量はレ モンの約4個分に相当する。 レモン4個
- 35. 要素の配置 余白 35 0 50 100 150 200 250 レモン1個 レモン2個 レモン3個 レモン4個 ビタミンC含有量(mg) レモン2個あたりに約100㎎のビタミンCが 含まれており、この量はレモンの約2個分に相当す る。 ビタミン量の比較 レモン2個 レモン3個あたりに約150㎎のビタミンCが 含まれており、この量はレモンの約3個分に相当する。 レモン3個 レモン3個あたりに約200㎎のビタミンCが 含まれており、この量はレモンの約4個分に相当する。 レモン4個
- 38. グラフ 凡例をなくそう 38 0 1 2 3 4 5 6 2019 2020 2021 2022 Aゼミ Bゼミ 系列 3 0 1 2 3 4 5 6 2019 2020 2021 2022 Aゼミ Bゼミ Cゼミ 凡例を使用 図中に書き込み
- 39. グラフ 凡例をなくそう 39 売上高 大阪 京都 三重 滋賀 大阪 京都 三重 滋賀 売上高 凡例を使用 図中に書き込み 書き込むことで直感的なグラフが作れる
- 40. グラフ 発展編 40 大阪 京都 三重 滋賀 売上高 0 1 2 3 4 5 6 2019 2020 2021 2022 Aゼミ Bゼミ Cゼミ ドーナツ型でスッキリ べた塗りでおさまりをよくする
- 41. 表 実線を減らそう 41 支店 第1期 第2期 第3期 第4期 札幌 1,600 1,800 2,200 1,900 仙台 1,400 1,500 1,800 1,700 東京 2,100 2,200 2,500 2,400 名古屋 1,700 1,600 2,000 1,800 大阪 1,800 2,100 2,000 2,000 福岡 1,500 1,700 1,800 1,900 支店 第1期 第2期 第3期 第4期 札幌 1,600 1,800 2,200 1,900 仙台 1,400 1,500 1,800 1,700 東京 2,100 2,200 2,500 2,400 名古屋 1,700 1,600 2,000 1,800 大阪 1,800 2,100 2,000 2,000 福岡 1,500 1,700 1,800 1,900 線が多い 線を減らし、行間を広げる
- 42. 伝わるスライドの要素 42 可読性 視認性 統一感
- 44. 「配色」 について 44
- 45. 配色 色彩の基本 45 色相 明度 彩度 高明度 低明度 高彩度 低彩度 HSVカラーモデル
- 46. 配色 46 色をきれいにまとめるためのポイント 1. 色に頼りすぎない 2. 彩度や明度の高い色を使用しない 3. 色の使い方を統一する
- 47. 配色 色に頼りすぎない 47 0 1 2 3 4 5 カテゴリ 1 カテゴリ 2 カテゴリ 3 色を使用すれば情報に優先順位がつ く。 しかし、複数の色を使いすぎると 聞き手の負担が大きくなります。 カテゴリ1 カテゴリ2
- 48. 配色 色に頼りすぎない 48 0 1 2 3 4 5 カテゴリ 1 カテゴリ 2 カテゴリ 3 色を使用すれば情報に優先順位がつ く。 しかし、複数の色を使いすぎると 聞き手の負担が大きくなります。 カテゴリ1 カテゴリ2
- 49. 配色 彩度や明度を高い色にしない 49 彩度、 明度が高すぎると見にくいうえに目に悪い 彩度、 明度が高い 彩度、 明度を下げる
- 51. 配色 基本の色選びのヒント 51 企業ロゴなど身近なものを参考にしよう おすすめサイト 『Coolors』https://coolors.co/ いい感じの配色を自動で選んでくれるサイト 『Color Hunt』https://colorhunt.co/ いろんな人が良さげな配色を共有しているサイト
- 52. 「レイアウト」 について 52
- 56. 参考文献 56 森重 湧太『一生使える 見やすい資料のデザイン入門』インプレスブックス 2016 高橋 佑磨 『伝わるデザインの基本 良い資料を作るためのレイアウトのルール』 技術評論社 2021 Ingectar-e 『けっきょく、よはく。余白を活かしたデザインレイアウトの本』ソシム 2018 筒井 美希 『なるほどデザイン:目で見て楽しむデザインの本。』MdNコーポレーション 2015 伝わるデザイン 研究発表のユニバーサルデザイン https://tsutawarudesign.com/miyasuku1.html (2022-04-26)