綺麗なスライドを作るための11の原則
•
24 recomendaciones•2,731 vistas
デザイン１年生の自分がどうやったら綺麗なスライドがつくれるかまとめてみました。
Recomendados
Más contenido relacionado
La actualidad más candente
La actualidad más candente (20)
Destacado
Destacado (20)
綺麗なスライドを作るための11の原則
- 1. 綺麗なスライドを作るための 11の原則 Twelve ways to make slide more beautiful Kazuki Susa | Go odpatc h | 2015.11.10
- 2. 綺麗な資料を作るのって難しい Kazuki Susa | Go odpatc h | 2015.11.10
- 3. 美しいスライドを作るのが難しい理由 1 どうすれば綺麗になるか わからない Kazuki Susa | Go odpatc h | 2015.11.10 2 3 あまり時間をかけて いられない 綺麗にしようとすると かえってわかりづらくなる
- 4. 美しいスライドを作るのが難しい理由 1 どうすれば綺麗になるか わからない Kazuki Susa | Go odpatc h | 2015.11.10 2 3 あまり時間をかけて いられない 綺麗にしようとすると かえってわかりづらくなる 何をどうすればいいの？
- 5. 美しいスライドを作るのが難しい理由 1 どうすれば綺麗になるか わからない Kazuki Susa | Go odpatc h | 2015.11.10 2 あまり時間をかけて いられない 3 綺麗にしようとすると かえってわかりづらくなる あと一時間しかない！
- 6. 美しいスライドを作るのが難しい理由 Kazuki Susa | Go odpatc h | 2015.11.10 31 どうすれば綺麗になるか わからない 2 あまり時間をかけて いられない 綺麗にしようとすると かえってわかりづらくなる むしろひどくなった？
- 7. 確かに難しい Kazuki Susa | Go odpatc h | 2015.11.10
- 8. では、どうすれば解決できるか Kazuki Susa | Go odpatc h | 2015.11.10
- 9. 1 どうすれば綺麗になるか わからない Kazuki Susa | Go odpatc h | 2015.11.10 2 3 あまり時間をかけて いられない 綺麗にしようとすると かえってわかりづらくなる
- 10. 1 どうすれば綺麗になるか わからない Kazuki Susa | Go odpatc h | 2015.11.10 2 3 あまり時間をかけて いられない 綺麗にしようとすると かえってわかりづらくなる 素早く、キレイに、わかりやすい • • • • • • • • • • • • スライドを作る方法があればいい
- 11. どうすれば見つかるか Kazuki Susa | Go odpatc h | 2015.11.10
- 12. その方法を見つけるためにやったこと Kazuki Susa | Go odpatc h | 2015.11.10 素材収集 前例から学ぶため
- 13. その方法を見つけるためにやったこと Kazuki Susa | Go odpatc h | 2015.11.10 共通点を探す 原則を見つけるため 素材収集 前例から学ぶため
- 14. その方法を見つけるためにやったこと Kazuki Susa | Go odpatc h | 2015.11.10 原則を作成 常に使うため 素材収集 共通点を探す 前例から学ぶため 原則を見つけるため
- 15. そうして見つかった １1の原則を紹介する Kazuki Susa | Go odpatc h | 2015.11.10
- 16. あらためまして Kazuki Susa | Go odpatc h | 2015.11.10
- 17. 綺麗なスライドを作るための 11の原則 Twelve ways to make slide more beautiful Kazuki Susa | Go odpatc h | 2015.11.10
- 18. 1. コントラストをつける Kazuki Susa | Go odpatc h | 2015.11.10
- 19. 1. コントラスト ・サービス概要 ・ペルソナ ・キーファクター ・ネクストアクション 文字のサイズを統一せずに 重要度によって強弱をつける アジェンダ Kazuki Susa | Go odpatc h | 2015.11.10 ・サービス概要 ・ペルソナ ・キーファクター ・ネクストアクション アジェンダ
- 20. 2 . 充分な余白 Kazuki Susa | Go odpatc h | 2015.11.10
- 21. 2. 充分な余白 ・サービス概要 ・ペルソナ ・キーファクター ・ネクストアクション ・サービス概要 ・ペルソナ ・キーファクター ・ネクストアクション 情報をつめずに 余白をとって洗練さを出す アジェンダ アジェンダ Kazuki Susa | Go odpatc h | 2015.11.10
- 22. 3. 細かい情報を下に Kazuki Susa | Go odpatc h | 2015.11.10
- 23. 3. 下に細かい情報 ・サービス概要 ・ペルソナ ・キーファクター ・ネクストアクション 下に小さく情報を書くと、全体の統一性と安定性が増す アジェンダ 2015 - 11 - 11Kazuki Susa Kazuki Susa | Go odpatc h | 2015.11.10
- 24. 4. 複数項目には①を Kazuki Susa | Go odpatc h | 2015.11.10
- 25. 4.項目には①を 丸と数字を組み合わせるとスマートな印象に 2015 - 11 - 11Kazuki Susa アジェンダ サービス概要 ペルソナ キーファクター ネクストアクション 1 2 3 4 Kazuki Susa | Go odpatc h | 2015.11.10
- 26. 5. 要素間にラインを引く Kazuki Susa | Go odpatc h | 2015.11.10
- 27. 5. 要素間に線 要素間で線を引くと、ひと目で情報を分けられる 2015 - 11 - 11Kazuki Susa アジェンダ サービス概要 ペルソナ キーファクター ネクストアクション 1 2 3 4 Kazuki Susa | Go odpatc h | 2015.11.10
- 28. 6. 色を３つ決める Kazuki Susa | Go odpatc h | 2015.11.10
- 29. Kazuki Susa | Go odpatc h | 2015.11.10 綺麗な配色には決まりがある
- 30. 6. 色を３つ決める Kazuki Susa | Go odpatc h | 2015.11.10 メインカラー 70% メインカラー 全体の構成を決める色 賑やかな印象にしたければ暖色系 洗練された印象にしたければ寒色系を使う
- 31. 6. 色を３つ決める Kazuki Susa | Go odpatc h | 2015.11.10 メインカラー 70% サブカラー 30% サブカラー メインカラーの補助として使われる色 主にフォントの色に使われたりする
- 32. 6. 色を３つ決める Kazuki Susa | Go odpatc h | 2015.11.10 メインカラー 70% サブカラー アクセント 10% アクセントカラー 目立たせたい場所に使われる色
- 33. Kazuki Susa | Go odpatc h | 2015.11.10 このスライドの場合
- 34. 6. 色を３つ決める Kazuki Susa | Go odpatc h | 2015.11.10 メインカラー 70% サブカラー 30% アクセント 10%
- 35. Kazuki Susa | Go odpatc h | 2015.11.10 つまり
- 36. たとえばこれを 2015 - 11 - 11Kazuki Susa アジェンダ サービス概要 ペルソナ キーファクター ネクストアクション 1 2 3 4 Kazuki Susa | Go odpatc h | 2015.11.10
- 37. 2015 - 11 - 11Kazuki Susa アジェンダ サービス概要 ペルソナ キーファクター ネクストアクション 1 2 3 4 Kazuki Susa | Go odpatc h | 2015.11.10 こうとか
- 38. Kazuki Susa | Go odpatc h | 2015.11.10 ん？
- 39. 2015 - 11 - 11Kazuki Susa アジェンダ サービス概要 ペルソナ キーファクター ネクストアクション 1 2 3 4 2015 - 11 - 11 Kazuki Susa | Go odpatc h | 2015.11.10
- 40. 2015 - 11 - 11Kazuki Susa アジェンダ サービス概要 ペルソナ キーファクター ネクストアクション 1 2 3 4 Kazuki Susa | Go odpatc h | 2015.11.10 文字が明るくて 可読性が少ない
- 41. 2015 - 11 - 11Kazuki Susa アジェンダ サービス概要 ペルソナ キーファクター ネクストアクション 1 2 3 4 Kazuki Susa | Go odpatc h | 2015.11.10 文字が明るくて 可読性が少ない 重要じゃない情報にアク セントがつかわれている
- 42. 2015 - 11 - 11Kazuki Susa アジェンダ サービス概要 ペルソナ キーファクター ネクストアクション 1 2 3 4 Kazuki Susa | Go odpatc h | 2015.11.10 文字が明るくて 可読性が少ない 読ませたい文字は 白と黒に近い色に 重要じゃない情報にアク セントがつかわれている
- 43. 2015 - 11 - 11Kazuki Susa アジェンダ サービス概要 ペルソナ キーファクター ネクストアクション 1 2 3 4 Kazuki Susa | Go odpatc h | 2015.11.10 重要じゃない情報にアク セントがつかわれている 文字が明るくて 可読性が少ない 読ませたい文字は 白と黒に近い色に ｖ アクセントは本当 に大事なとこだけ
- 44. 2015 - 11 - 11Kazuki Susa アジェンダ サービス概要 ペルソナ キーファクター ネクストアクション 1 2 3 4 Kazuki Susa | Go odpatc h | 2015.11.10 重要じゃない情報にアク セントがつかわれている 文字が明るくて 可読性が少ない 読ませたい文字は 白と黒に近い色に ｖ アクセントは本当 に大事なとこだけ この２つを意識しながら配色する！
- 45. Kazuki Susa | Go odpatc h | 2015.11.10 となると
- 46. これだったら 2015 - 11 - 11Kazuki Susa アジェンダ サービス概要 ペルソナ キーファクター ネクストアクション 1 2 3 4 Kazuki Susa | Go odpatc h | 2015.11.10
- 47. こんな感じで強調の時に使うのがよし！ 2015 - 11 - 11Kazuki Susa アジェンダ サービス概要 ペルソナ キーファクター ネクストアクション 1 2 3 4 Kazuki Susa | Go odpatc h | 2015.11.10
- 48. 7. ボトムアップ Kazuki Susa | Go odpatc h | 2015.11.10
- 49. ここにきて一番重要なことですが Kazuki Susa | Go odpatc h | 2015.11.10
- 50. スライド一枚につき伝えることも一つ というのが基本です Kazuki Susa | Go odpatc h | 2015.11.10
- 51. そして、ボトムアップの編集をすれば この基本は達成できます Kazuki Susa | Go odpatc h | 2015.11.10
- 52. 7. ボトムアップ Kazuki Susa | Go odpatc h | 2015.11.10 最初に全体を見せて、その後１つ １つ紹介していくと理解しやすい
- 53. 実はこのテクニックは既に 何度も登場しています Kazuki Susa | Go odpatc h | 2015.11.10
- 54. 美しいスライドを作るのが難しい理由 Kazuki Susa | Go odpatc h | 2015.11.10 31 どうすれば綺麗になるか わからない 2 あまり時間をかけて いられない 綺麗にしようとすると かえってわかりづらくなる むしろひどくなった？
- 55. その方法を見つけるためにやったこと Kazuki Susa | Go odpatc h | 2015.11.10 原則を作成 常に使うため 素材収集 共通点を探す 前例から学ぶため 原則を見つけるため
- 56. 6. 色を３つ決める Kazuki Susa | Go odpatc h | 2015.11.10 メインカラー 70% サブカラー 30 アクセント 10% アクセントカラー 目立たせたい場所に使われる色
- 57. 8. 流れをかく Kazuki Susa | Go odpatc h | 2015.11.10
- 58. 因果関係、原因・結果、変化前・変化後 は矢印を使って表現するとわかりやすい Kazuki Susa | Go odpatc h | 2015.11.10
- 59. 8. 流れを書く Kazuki Susa | Go odpatc h | 2015.11.10 因果関係、原因・結果、変化前・変化後 は矢印を使うとわかりやすくなる 試合に負けたのが悔しくて一生懸命練習したら 次の試合では勝つことができた！
- 60. 8. 流れを書く Kazuki Susa | Go odpatc h | 2015.11.10 因果関係、原因・結果、変化前・変化後 は矢印を使うとわかりやすくなる 試合に負けたのが悔しくて一生懸命練習したら 次の試合では勝つことができた！ 試合に負けて 悔しい
- 61. 8. 流れを書く Kazuki Susa | Go odpatc h | 2015.11.10 因果関係、原因・結果、変化前・変化後 は矢印を使うとわかりやすくなる 試合に負けたのが悔しくて一生懸命練習したら 次の試合では勝つことができた！ 試合に負けて 悔しい 一生懸命 練習した
- 62. 8. 流れを書く Kazuki Susa | Go odpatc h | 2015.11.10 因果関係、原因・結果、変化前・変化後 は矢印を使うとわかりやすくなる 試合に負けたのが悔しくて一生懸命練習したら 次の試合では勝つことができた！ 試合に負けて 悔しい 一生懸命 練習した 試合で 勝った！
- 63. 9. アイコン化 Kazuki Susa | Go odpatc h | 2015.11.10
- 64. アイコンを使うことで文字よりも 綺麗にわかりやすくできる Kazuki Susa | Go odpatc h | 2015.11.10
- 65. 9. アイコン化 Kazuki Susa | Go odpatc h | 2015.11.10 アイコンを使うと文字よりも 綺麗にわかりやすくできる 試合に負けて 悔しい 一生懸命 練習した 試合で 勝った！
- 66. 9. アイコン化 Kazuki Susa | Go odpatc h | 2015.11.10 試合に負けて悔しい 一生懸命練習した 試合で勝った！ アイコンを使うと文字よりも 綺麗にわかりやすくできる
- 67. 10. 話し言葉を挟む Kazuki Susa | Go odpatc h | 2015.11.10
- 68. 違うテーマに移るときは間に 話し言葉を入れるといいです Kazuki Susa | Go odpatc h | 2015.11.10
- 69. その方が読んでる人も違う テーマに移ったとわかるし Kazuki Susa | Go odpatc h | 2015.11.10
- 70. 一息つかせる意味でも役立ちます Kazuki Susa | Go odpatc h | 2015.11.10
- 71. 決して手抜きではありません Kazuki Susa | Go odpatc h | 2015.11.10 コスパはいいですけど…
- 72. 11. 表紙を作りこむ Kazuki Susa | Go odpatc h | 2015.11.10
- 73. 11. 表紙を作りこむ Kazuki Susa | Go odpatc h | 2015.11.10 表紙を作りこむことでその後の作業が 大幅に簡単になる上、統一性が増す
- 74. 11. 表紙を作りこむ Kazuki Susa | Go odpatc h | 2015.11.10 表紙を作りこむことでその後の作業が 大幅にやりやすくなる メインカラー が決まる
- 75. 11. 表紙を作りこむ Kazuki Susa | Go odpatc h | 2015.11.10 表紙を作りこむことでその後の作業が 大幅にやりやすくなる メインカラー が決まる サブカラー が決まる
- 76. 11. 表紙を作りこむ Kazuki Susa | Go odpatc h | 2015.11.10 表紙を作りこむことでその後の作業が 大幅にやりやすくなる メインカラー が決まる サブカラー が決まる アクセント が決まる
- 77. 11. 表紙を作りこむ Kazuki Susa | Go odpatc h | 2015.11.10 表紙を作りこむことでその後の作業が 大幅にやりやすくなる サブカラー が決まる メインカラー が決まる アクセント が決まる 下にくる細かな 情報が決まる
- 78. 統一性のあるスライドの場合、 表紙が作りこまれていることが多いです Kazuki Susa | Go odpatc h | 2015.11.10
- 79. 表紙で使われたデザインを以後の スライドにも応用してるためです Kazuki Susa | Go odpatc h | 2015.11.10
- 80. 終わり！！ Kazuki Susa | Go odpatc h | 2015.11.10
- 81. これからもまだまだ更新中！！ Kazuki Susa | Go odpatc h | 2015.11.10