Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

いろのいろいろ

1,583 views

Published on

色彩検定二級の知識を元に、プレゼン資料の見易さについてお話します!

  • Be the first to comment

いろのいろいろ

  1. 1. WINTERTemplate 色のいろいろ 01 こばやし せかい
  2. 2. 02 プレゼンターの小林:プレゼンターの小林:プレゼンターの小林:プレゼンターの小林: 先月に色彩検定先月に色彩検定先月に色彩検定先月に色彩検定2級を取得。級を取得。級を取得。級を取得。 わーい。わーい。わーい。わーい。 はじめにはじめにはじめにはじめに わーい。わーい。わーい。わーい。
  3. 3. 02 「この知識を自慢できないか」「この知識を自慢できないか」「この知識を自慢できないか」「この知識を自慢できないか」 はじめにはじめにはじめにはじめに
  4. 4. 02 「この知識を共有できないか」「この知識を共有できないか」「この知識を共有できないか」「この知識を共有できないか」 はじめにはじめにはじめにはじめに
  5. 5. 03こんな試験ですこんな試験ですこんな試験ですこんな試験です
  6. 6. 03 ■配色■配色■配色■配色 ・ドミナントカラー ・グラデーションカラー ・グラデーショントーン ・彩度のグラデーション ・明度のグラデーション ・色相のグラデーション ・セパレーション こんな試験ですこんな試験ですこんな試験ですこんな試験です ・アクセントカラー ・補色色相配色 ・対照色相配色 ・中差色相配色 ・コンプレックスハーモニー ・ナチュラル・ハーモニー ・ナチュラル・シーケンス
  7. 7. 03 ■カラーチャートごとの色の表現方法■カラーチャートごとの色の表現方法■カラーチャートごとの色の表現方法■カラーチャートごとの色の表現方法 こんな試験ですこんな試験ですこんな試験ですこんな試験です オストワルト表色系オストワルト表色系オストワルト表色系オストワルト表色系 PCCS色相色相色相色相
  8. 8. 03???????? がががががががが
  9. 9. 03 『『『『資料の配色をイケてる感じに資料の配色をイケてる感じに資料の配色をイケてる感じに資料の配色をイケてる感じに』』』』 本日のお題本日のお題本日のお題本日のお題
  10. 10. 03 『『『『資料の配色をイケてる感じに資料の配色をイケてる感じに資料の配色をイケてる感じに資料の配色をイケてる感じに』』』』 本日のお題本日のお題本日のお題本日のお題 ~いま欲しいのは 「見易さ」 と 「揃ってる感」~
  11. 11. 03ただようただようただようただよう あるある感!あるある感!あるある感!あるある感! なんとなく見にくいなんとなく見にくいなんとなく見にくいなんとなく見にくい
  12. 12. ただようただようただようただよう あるある感!あるある感!あるある感!あるある感! なんとなく見にくいなんとなく見にくいなんとなく見にくいなんとなく見にくい 03
  13. 13. なんとなく雑然とした感じ・・・ ただようただようただようただよう あるある感!あるある感!あるある感!あるある感! 03 なんとなく統一がとれてる感じ・・・
  14. 14. なんとなく雑然とした感じ・・・ ただようただようただようただよう あるある感!あるある感!あるある感!あるある感! 03 なんとなく統一がとれてる感じ・・・
  15. 15. 03 その見にくさ、雑然さ、その見にくさ、雑然さ、その見にくさ、雑然さ、その見にくさ、雑然さ、 「理由」があります「理由」があります「理由」があります「理由」があります「理由」があります「理由」があります「理由」があります「理由」があります
  16. 16. 03 ■結論■結論■結論■結論 色の種類(色相)色の種類(色相)色の種類(色相)色の種類(色相) ではなく、ではなく、ではなく、ではなく、 ・どのくらい黒いか・どのくらい黒いか・どのくらい黒いか・どのくらい黒いか ・どのくらい白いか・どのくらい白いか・どのくらい白いか・どのくらい白いか 「理由」とは「理由」とは「理由」とは「理由」とは ・どのくらい明度差があるか・どのくらい明度差があるか・どのくらい明度差があるか・どのくらい明度差があるか に意識を向けると、に意識を向けると、に意識を向けると、に意識を向けると、 「見易く」「統一の取れた」デザインに!「見易く」「統一の取れた」デザインに!「見易く」「統一の取れた」デザインに!「見易く」「統一の取れた」デザインに!
  17. 17. 04 色相・明度・彩度の3要素からなる 「色」とは「色」とは「色」とは「色」とは
  18. 18. 色相 色相・明度・彩度の3要素からなる 04「色」とは「色」とは「色」とは「色」とは
  19. 19. 明度明度 色相・明度・彩度の3要素からなる 04「色」とは「色」とは「色」とは「色」とは 明度明度
  20. 20. 彩度 色相・明度・彩度の3要素からなる 04「色」とは「色」とは「色」とは「色」とは
  21. 21. 03さっきの例さっきの例さっきの例さっきの例 なんとなく見にくいなんとなく見にくいなんとなく見にくいなんとなく見にくい
  22. 22. 05正解の前に ■リープマン効果
  23. 23. 05やりがちな失敗例 ■リープマン効果
  24. 24. 05やりがちな失敗例 ■リープマン効果 「見易さ」=明暗の差!「見易さ」=明暗の差!「見易さ」=明暗の差!「見易さ」=明暗の差!
  25. 25. 03さっきの例さっきの例さっきの例さっきの例 なんとなく見にくいなんとなく見にくいなんとなく見にくいなんとなく見にくい
  26. 26. 03さっきの例さっきの例さっきの例さっきの例 なんとなく見にくいなんとなく見にくいなんとなく見にくいなんとなく見にくい 答え:明暗さがほとんどないから
  27. 27. 05リープマン効果 再発防止 明度明度 どのくらい高低差があるか、を意識してみるべし
  28. 28. 03さっきの例さっきの例さっきの例さっきの例 なんか色味が雑然とした感じ・・・ なんとなく揃ってる感じ・・・
  29. 29. 05種明かし ここらへんからチョイスしている 「揃ってる感」=トーンを意識!「揃ってる感」=トーンを意識!「揃ってる感」=トーンを意識!「揃ってる感」=トーンを意識!
  30. 30. 06FAQ よくある質問よくある質問よくある質問よくある質問
  31. 31. 06FAQ よくある質問よくある質問よくある質問よくある質問 頂いた質問頂いた質問頂いた質問頂いた質問頂いた質問頂いた質問頂いた質問頂いた質問
  32. 32. 06FAQ 「補色ってどうなの?」「補色ってどうなの?」「補色ってどうなの?」「補色ってどうなの?」 Q::::
  33. 33. 06FAQ 「ざっくりした質問ですね!」「ざっくりした質問ですね!」「ざっくりした質問ですね!」「ざっくりした質問ですね!」 A::::
  34. 34. 06FAQ A:::: 色円環の、正反対にあるものが補色(色円環の、正反対にあるものが補色(色円環の、正反対にあるものが補色(色円環の、正反対にあるものが補色(※※※※)))) ※※※※ 正確には心理補色・物理補色がありますが、大体のイメージで。正確には心理補色・物理補色がありますが、大体のイメージで。正確には心理補色・物理補色がありますが、大体のイメージで。正確には心理補色・物理補色がありますが、大体のイメージで。
  35. 35. 06FAQ A:::: 補色を使って統一感をだすなんて無理?補色を使って統一感をだすなんて無理?補色を使って統一感をだすなんて無理?補色を使って統一感をだすなんて無理?⇒⇒⇒⇒No!!!! 明度差を小さくすることで、統一感を出せる明度差を小さくすることで、統一感を出せる明度差を小さくすることで、統一感を出せる明度差を小さくすることで、統一感を出せる 右側の四角は黄色と明度を近づけたため、右側の四角は黄色と明度を近づけたため、右側の四角は黄色と明度を近づけたため、右側の四角は黄色と明度を近づけたため、 統一感がある。統一感がある。統一感がある。統一感がある。統一感がある。統一感がある。統一感がある。統一感がある。
  36. 36. 07まとめまとめまとめまとめ まとめまとめまとめまとめ
  37. 37. 07まとめまとめまとめまとめ ■結論■結論■結論■結論 色の種類(色相)色の種類(色相)色の種類(色相)色の種類(色相) ではなく、ではなく、ではなく、ではなく、 ・どのくらい黒いか・どのくらい黒いか・どのくらい黒いか・どのくらい黒いか ・どのくらい白いか・どのくらい白いか・どのくらい白いか・どのくらい白いか ・どのくらい明度差があるか・どのくらい明度差があるか・どのくらい明度差があるか・どのくらい明度差があるか に意識を向けると、に意識を向けると、に意識を向けると、に意識を向けると、 「見易く」「統一の取れた」デザインに!「見易く」「統一の取れた」デザインに!「見易く」「統一の取れた」デザインに!「見易く」「統一の取れた」デザインに!
  38. 38. 07まとめまとめまとめまとめ ENDEND

×