Your SlideShare is downloading. ×
  • Like
  • Save
【Schoo web campus】色を変えれば、その資料はもっと伝わる
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

【Schoo web campus】色を変えれば、その資料はもっと伝わる

  • 3,536 views
Published

 

Published in Business
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
3,536
On SlideShare
0
From Embeds
0
Number of Embeds
3

Actions

Shares
Downloads
0
Comments
0
Likes
22

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. ビジネス資料制作における「配色知識」を事例で学ぶ 色を変えれば、その資料はもっと伝わる 2013-2-713年2月5日火曜日
  • 2. 今日の内容 配色について20分 ・配色に失敗する3つの原因 ・数値を使った色のコントロール ・数値を使った配色方法 ・色の面積について その後、ネットからの質疑応答20分13年2月5日火曜日
  • 3. 配色に失敗する3つの原因13年2月5日火曜日
  • 4. 1. コントラストが足らない 2. 色数が多い 3. 色がまぶしい13年2月5日火曜日
  • 5. 人には曖昧な色の組み合わせを 好まない傾向があります13年2月5日火曜日
  • 6. コントラストが足らない例13年2月5日火曜日
  • 7. Lorem ipsum 2013-02-07 dolor sit amet Sit qualisque hendrerit te, ne sit torquatos interpretaris. Ius graece option legimus an, vix summo dolorem blandit an. Nisl patrioque quo ad. Ut duo augue paulo, fabulas sapientem ne mea, ut duo detraxit salutandi definiebas. Pro at unum petentium, meliore consetetur has in, et mutat percipit vim. In eruditi fabellas vis, ex eruditi legimus necessitatibus quo. Eos in alterum ceteros adipiscing, te accumsan pertinacia instructior ius. pro at justo commune copiosae At ipsum scripta efficiantur nec. Perpetua vituperata quaerendum vix ne, pri ne veri liber apeirian. Vidisse lucilius facilisi ei vix, vim ei quod esse atqui, error placerat molestiae eam cu. Denique albucius quo ad, eos eu malis assum. dicta fierent no his At malis laoreet his. Ex vix prima primis, ne qui iudico alienum. Te enim iriure fuisset eos, ei mei nihil saepe soleat, has alienum postulant in. Quem accusamus constituam qui ea, id dolorum expetendis per. Vis in ferri quaeque. Suscipit phaedrum vulputate cum eu. Usu te quot ignota timeam, ex sed magna nusquam, ex eum esse omnis. EURIPIDIS13年2月5日火曜日
  • 8. Lorem ipsum 2013-02-07 dolor sit amet Sit qualisque hendrerit te, ne sit torquatos interpretaris. Ius graece option legimus an, vix summo dolorem blandit an. Nisl patrioque quo ad. Ut duo augue paulo, fabulas sapientem ne mea, ut duo detraxit salutandi definiebas. Pro at unum petentium, meliore consetetur has in, et mutat percipit vim. In eruditi fabellas vis, ex eruditi legimus necessitatibus quo. Eos in alterum ceteros adipiscing, te accumsan pertinacia instructior ius. pro at justo commune copiosae At ipsum scripta efficiantur nec. Perpetua vituperata quaerendum vix ne, pri ne veri liber apeirian. Vidisse lucilius facilisi ei vix, vim ei quod esse atqui, error placerat molestiae eam cu. Denique albucius quo ad, eos eu malis assum. dicta fierent no his At malis laoreet his. Ex vix prima primis, ne qui iudico alienum. Te enim iriure fuisset eos, ei mei nihil saepe soleat, has alienum postulant in. Quem accusamus constituam qui ea, id dolorum expetendis per. Vis in ferri quaeque. Suscipit phaedrum vulputate cum eu. Usu te quot ignota timeam, ex sed magna nusquam, ex eum esse omnis. EURIPIDIS13年2月5日火曜日
  • 9. Lorem ipsum 2013-02-07 dolor sit amet Sit qualisque hendrerit te, ne sit torquatos interpretaris. Ius graece option legimus an, vix summo dolorem blandit an. Nisl patrioque quo ad. Ut duo augue paulo, fabulas sapientem ne mea, ut duo detraxit salutandi definiebas. Pro at unum petentium, meliore consetetur has in, et mutat percipit vim. In eruditi fabellas vis, ex eruditi legimus necessitatibus quo. Eos in alterum ceteros adipiscing, te accumsan pertinacia instructior ius. pro at justo commune copiosae At ipsum scripta efficiantur nec. Perpetua vituperata quaerendum vix ne, pri ne veri liber apeirian. Vidisse lucilius facilisi ei vix, vim ei quod esse atqui, error placerat molestiae eam cu. Denique albucius quo ad, eos eu malis assum. dicta fierent no his At malis laoreet his. Ex vix prima primis, ne qui iudico alienum. Te enim iriure fuisset eos, ei mei nihil saepe soleat, has alienum postulant in. Quem accusamus constituam qui ea, id dolorum expetendis per. Vis in ferri quaeque. Suscipit phaedrum vulputate cum eu. Usu te quot ignota timeam, ex sed magna nusquam, ex eum esse omnis. EURIPIDIS13年2月5日火曜日
  • 10. 色数が多い例13年2月5日火曜日
  • 11. Lorem ipsum 2013-02-07 dolor sit amet Sit qualisque hendrerit te, ne sit torquatos interpretaris. Ius graece option legimus an, vix summo dolorem blandit an. Nisl patrioque quo ad. Ut duo augue paulo, fabulas sapientem ne mea, ut duo detraxit salutandi definiebas. Pro at unum petentium, meliore consetetur has in, et mutat percipit vim. In eruditi fabellas vis, ex eruditi legimus necessitatibus quo. Eos in alterum ceteros adipiscing, te accumsan pertinacia instructior ius. pro at justo commune copiosae At ipsum scripta efficiantur nec. Perpetua vituperata quaerendum vix ne, pri ne veri liber apeirian. Vidisse lucilius facilisi ei vix, vim ei quod esse atqui, error placerat molestiae eam cu. Denique albucius quo ad, eos eu malis assum. dicta fierent no his At malis laoreet his. Ex vix prima primis, ne qui iudico alienum. Te enim iriure fuisset eos, ei mei nihil saepe soleat, has alienum postulant in. Quem accusamus constituam qui ea, id dolorum expetendis per. Vis in ferri quaeque. Suscipit phaedrum vulputate cum eu. Usu te quot ignota timeam, ex sed magna nusquam, ex eum esse omnis. EURIPIDIS13年2月5日火曜日
  • 12. Lorem ipsum 2013-02-07 dolor sit amet Sit qualisque hendrerit te, ne sit torquatos interpretaris. Ius graece option legimus an, vix summo dolorem blandit an. Nisl patrioque quo ad. Ut duo augue paulo, fabulas sapientem ne mea, ut duo detraxit salutandi definiebas. Pro at unum petentium, meliore consetetur has in, et mutat percipit vim. In eruditi fabellas vis, ex eruditi legimus necessitatibus quo. Eos in alterum ceteros adipiscing, te accumsan pertinacia instructior ius. pro at justo commune copiosae At ipsum scripta efficiantur nec. Perpetua vituperata quaerendum vix ne, pri ne veri liber apeirian. Vidisse lucilius facilisi ei vix, vim ei quod esse atqui, error placerat molestiae eam cu. Denique albucius quo ad, eos eu malis assum. dicta fierent no his At malis laoreet his. Ex vix prima primis, ne qui iudico alienum. Te enim iriure fuisset eos, ei mei nihil saepe soleat, has alienum postulant in. Quem accusamus constituam qui ea, id dolorum expetendis per. Vis in ferri quaeque. Suscipit phaedrum vulputate cum eu. Usu te quot ignota timeam, ex sed magna nusquam, ex eum esse omnis. EURIPIDIS13年2月5日火曜日
  • 13. Lorem ipsum 2013-02-07 dolor sit amet Sit qualisque hendrerit te, ne sit torquatos interpretaris. Ius graece option legimus an, vix summo dolorem blandit an. Nisl patrioque quo ad. Ut duo augue paulo, fabulas sapientem ne mea, ut duo detraxit salutandi definiebas. Pro at unum petentium, meliore consetetur has in, et mutat percipit vim. In eruditi fabellas vis, ex eruditi legimus necessitatibus quo. Eos in alterum ceteros adipiscing, te accumsan pertinacia instructior ius. pro at justo commune copiosae At ipsum scripta efficiantur nec. Perpetua vituperata quaerendum vix ne, pri ne veri liber apeirian. Vidisse lucilius facilisi ei vix, vim ei quod esse atqui, error placerat molestiae eam cu. Denique albucius quo ad, eos eu malis assum. dicta fierent no his At malis laoreet his. Ex vix prima primis, ne qui iudico alienum. Te enim iriure fuisset eos, ei mei nihil saepe soleat, has alienum postulant in. Quem accusamus constituam qui ea, id dolorum expetendis per. Vis in ferri quaeque. Suscipit phaedrum vulputate cum eu. Usu te quot ignota timeam, ex sed magna nusquam, ex eum esse omnis. EURIPIDIS13年2月5日火曜日
  • 14. 色がまぶしい例(これが一番多い)13年2月5日火曜日
  • 15. Lorem ipsum 2013-02-07 dolor sit amet Sit qualisque hendrerit te, ne sit torquatos interpretaris. Ius graece option legimus an, vix summo dolorem blandit an. Nisl patrioque quo ad. Ut duo augue paulo, fabulas sapientem ne mea, ut duo detraxit salutandi definiebas. Pro at unum petentium, meliore consetetur has in, et mutat percipit vim. In eruditi fabellas vis, ex eruditi legimus necessitatibus quo. Eos in alterum ceteros adipiscing, te accumsan pertinacia instructior ius. pro at justo commune copiosae At ipsum scripta efficiantur nec. Perpetua vituperata quaerendum vix ne, pri ne veri liber apeirian. Vidisse lucilius facilisi ei vix, vim ei quod esse atqui, error placerat molestiae eam cu. Denique albucius quo ad, eos eu malis assum. dicta fierent no his At malis laoreet his. Ex vix prima primis, ne qui iudico alienum. Te enim iriure fuisset eos, ei mei nihil saepe soleat, has alienum postulant in. Quem accusamus constituam qui ea, id dolorum expetendis per. Vis in ferri quaeque. Suscipit phaedrum vulputate cum eu. Usu te quot ignota timeam, ex sed magna nusquam, ex eum esse omnis. EURIPIDIS13年2月5日火曜日
  • 16. Lorem ipsum 2013-02-07 dolor sit amet Sit qualisque hendrerit te, ne sit torquatos interpretaris. Ius graece option legimus an, vix summo dolorem blandit an. Nisl patrioque quo ad. Ut duo augue paulo, fabulas sapientem ne mea, ut duo detraxit salutandi definiebas. Pro at unum petentium, meliore consetetur has in, et mutat percipit vim. In eruditi fabellas vis, ex eruditi legimus necessitatibus quo. Eos in alterum ceteros adipiscing, te accumsan pertinacia instructior ius. pro at justo commune copiosae At ipsum scripta efficiantur nec. Perpetua vituperata quaerendum vix ne, pri ne veri liber apeirian. Vidisse lucilius facilisi ei vix, vim ei quod esse atqui, error placerat molestiae eam cu. Denique albucius quo ad, eos eu malis assum. dicta fierent no his At malis laoreet his. Ex vix prima primis, ne qui iudico alienum. Te enim iriure fuisset eos, ei mei nihil saepe soleat, has alienum postulant in. Quem accusamus constituam qui ea, id dolorum expetendis per. Vis in ferri quaeque. Suscipit phaedrum vulputate cum eu. Usu te quot ignota timeam, ex sed magna nusquam, ex eum esse omnis. EURIPIDIS13年2月5日火曜日
  • 17. Lorem ipsum 2013-02-07 dolor sit amet Sit qualisque hendrerit te, ne sit torquatos interpretaris. Ius graece option legimus an, vix summo dolorem blandit an. Nisl patrioque quo ad. Ut duo augue paulo, fabulas sapientem ne mea, ut duo detraxit salutandi definiebas. Pro at unum petentium, meliore consetetur has in, et mutat percipit vim. In eruditi fabellas vis, ex eruditi legimus necessitatibus quo. Eos in alterum ceteros adipiscing, te accumsan pertinacia instructior ius. pro at justo commune copiosae At ipsum scripta efficiantur nec. Perpetua vituperata quaerendum vix ne, pri ne veri liber apeirian. Vidisse lucilius facilisi ei vix, vim ei quod esse atqui, error placerat molestiae eam cu. Denique albucius quo ad, eos eu malis assum. dicta fierent no his At malis laoreet his. Ex vix prima primis, ne qui iudico alienum. Te enim iriure fuisset eos, ei mei nihil saepe soleat, has alienum postulant in. Quem accusamus constituam qui ea, id dolorum expetendis per. Vis in ferri quaeque. Suscipit phaedrum vulputate cum eu. Usu te quot ignota timeam, ex sed magna nusquam, ex eum esse omnis. EURIPIDIS13年2月5日火曜日
  • 18. 曖昧でない組み合わせ13年2月5日火曜日
  • 19. Lorem ipsum 2013-02-07 dolor sit amet Sit qualisque hendrerit te, ne sit torquatos interpretaris. Ius graece option legimus an, vix summo dolorem blandit an. Nisl patrioque quo ad. Ut duo augue paulo, fabulas sapientem ne mea, ut duo detraxit salutandi definiebas. Pro at unum petentium, meliore consetetur has in, et mutat percipit vim. In eruditi fabellas vis, ex eruditi legimus necessitatibus quo. Eos in alterum ceteros adipiscing, te accumsan pertinacia instructior ius. pro at justo commune copiosae At ipsum scripta efficiantur nec. Perpetua vituperata quaerendum vix ne, pri ne veri liber apeirian. Vidisse lucilius facilisi ei vix, vim ei quod esse atqui, error placerat molestiae eam cu. Denique albucius quo ad, eos eu malis assum. dicta fierent no his At malis laoreet his. Ex vix prima primis, ne qui iudico alienum. Te enim iriure fuisset eos, ei mei nihil saepe soleat, has alienum postulant in. Quem accusamus constituam qui ea, id dolorum expetendis per. Vis in ferri quaeque. Suscipit phaedrum vulputate cum eu. Usu te quot ignota timeam, ex sed magna nusquam, ex eum esse omnis. EURIPIDIS13年2月5日火曜日
  • 20. Lorem ipsum 2013-02-07 dolor sit amet Sit qualisque hendrerit te, ne sit torquatos interpretaris. Ius graece option legimus an, vix summo dolorem blandit an. Nisl patrioque quo ad. Ut duo augue paulo, fabulas sapientem ne mea, ut duo detraxit salutandi definiebas. Pro at unum petentium, meliore consetetur has in, et mutat percipit vim. In eruditi fabellas vis, ex eruditi legimus necessitatibus quo. Eos in alterum ceteros adipiscing, te accumsan pertinacia instructior ius. pro at justo commune copiosae At ipsum scripta efficiantur nec. Perpetua vituperata quaerendum vix ne, pri ne veri liber apeirian. Vidisse lucilius facilisi ei vix, vim ei quod esse atqui, error placerat molestiae eam cu. Denique albucius quo ad, eos eu malis assum. dicta fierent no his At malis laoreet his. Ex vix prima primis, ne qui iudico alienum. Te enim iriure fuisset eos, ei mei nihil saepe soleat, has alienum postulant in. Quem accusamus constituam qui ea, id dolorum expetendis per. Vis in ferri quaeque. Suscipit phaedrum vulputate cum eu. Usu te quot ignota timeam, ex sed magna nusquam, ex eum esse omnis. EURIPIDIS13年2月5日火曜日
  • 21. Lorem ipsum 2013-02-07 dolor sit amet Sit qualisque hendrerit te, ne sit torquatos interpretaris. Ius graece option legimus an, vix summo dolorem blandit an. Nisl patrioque quo ad. Ut duo augue paulo, fabulas sapientem ne mea, ut duo detraxit salutandi definiebas. Pro at unum petentium, meliore consetetur has in, et mutat percipit vim. In eruditi fabellas vis, ex eruditi legimus necessitatibus quo. Eos in alterum ceteros adipiscing, te accumsan pertinacia instructior ius. pro at justo commune copiosae At ipsum scripta efficiantur nec. Perpetua vituperata quaerendum vix ne, pri ne veri liber apeirian. Vidisse lucilius facilisi ei vix, vim ei quod esse atqui, error placerat molestiae eam cu. Denique albucius quo ad, eos eu malis assum. dicta fierent no his At malis laoreet his. Ex vix prima primis, ne qui iudico alienum. Te enim iriure fuisset eos, ei mei nihil saepe soleat, has alienum postulant in. Quem accusamus constituam qui ea, id dolorum expetendis per. Vis in ferri quaeque. Suscipit phaedrum vulputate cum eu. Usu te quot ignota timeam, ex sed magna nusquam, ex eum esse omnis. EURIPIDIS13年2月5日火曜日
  • 22. Lorem ipsum 2013-02-07 dolor sit amet Sit qualisque hendrerit te, ne sit torquatos interpretaris. Ius graece option legimus an, vix summo dolorem blandit an. Nisl patrioque quo ad. Ut duo augue paulo, fabulas sapientem ne mea, ut duo detraxit salutandi definiebas. Pro at unum petentium, meliore consetetur has in, et mutat percipit vim. In eruditi fabellas vis, ex eruditi legimus necessitatibus quo. Eos in alterum ceteros adipiscing, te accumsan pertinacia instructior ius. pro at justo commune copiosae At ipsum scripta efficiantur nec. Perpetua vituperata quaerendum vix ne, pri ne veri liber apeirian. Vidisse lucilius facilisi ei vix, vim ei quod esse atqui, error placerat molestiae eam cu. Denique albucius quo ad, eos eu malis assum. Lorem ipsum dicta2013-02-07 no his fierent Lorem ipsum 2013-02-07 At malis laoreet his. Ex vix prima primis, ne qui iudico alienum. Te enim iriure fuisset eos, ei mei nihil saepe soleat, has alienum postulant in. Quem accusamus constituam qui ea, id dolorum expetendis per. Vis in ferri quaeque. Suscipit phaedrum vulputate cum eu. Usu te dolor sit amet quot ignota timeam, ex sed magna nusquam, ex eum esse omnis. dolor sit amet Sit qualisque hendrerit te, ne sit torquatos interpretaris. Sit qualisque hendrerit te, ne sit torquatos interpretaris. Ius graece option legimus an, vix summo dolorem blandit Ius graece option legimus an, vix summo dolorem blandit EURIPIDIS an. Nisl patrioque quo ad. Ut duo augue paulo, fabulas an. Nisl patrioque quo ad. Ut duo augue paulo, fabulas sapientem ne mea, ut duo detraxit salutandi definiebas. sapientem ne mea, ut duo detraxit salutandi definiebas. Pro at unum petentium, meliore consetetur has in, et Pro at unum petentium, meliore consetetur has in, et mutat percipit vim. In eruditi fabellas vis, ex eruditi legimus mutat percipit vim. In eruditi fabellas vis, ex eruditi legimus necessitatibus quo. Eos in alterum ceteros adipiscing, te necessitatibus quo. Eos in alterum ceteros adipiscing, te accumsan pertinacia instructior ius. accumsan pertinacia instructior ius. pro at justo commune copiosae pro at justo commune copiosae At ipsum scripta efficiantur nec. Perpetua vituperata quaerendum vix ne, pri ne veri liber At ipsum scripta efficiantur nec. Perpetua vituperata quaerendum vix ne, pri ne veri liber apeirian. Vidisse lucilius facilisi ei vix, vim ei quod esse atqui, error placerat molestiae eam apeirian. Vidisse lucilius facilisi ei vix, vim ei quod esse atqui, error placerat molestiae eam cu. Denique albucius quo ad, eos eu malis assum. cu. Denique albucius quo ad, eos eu malis assum. dicta fierent no his dicta fierent no his At malis laoreet his. Ex vix prima primis, ne qui iudico alienum. Te enim iriure fuisset eos, ei At malis laoreet his. Ex vix prima primis, ne qui iudico alienum. Te enim iriure fuisset eos, ei mei nihil saepe soleat, has alienum postulant in. Quem accusamus constituam qui ea, id mei nihil saepe soleat, has alienum postulant in. Quem accusamus constituam qui ea, id dolorum expetendis per. Vis in ferri quaeque. Suscipit phaedrum vulputate cum eu. Usu te dolorum expetendis per. Vis in ferri quaeque. Suscipit phaedrum vulputate cum eu. Usu te quot ignota timeam, ex sed magna nusquam, ex eum esse omnis. quot ignota timeam, ex sed magna nusquam, ex eum esse omnis. EURIPIDIS EURIPIDIS13年2月5日火曜日
  • 23. 曖昧になっていた原因を 逆に考えると…13年2月5日火曜日
  • 24. コントラストが足らない >>> コントラストを強くする 色数が多い >>>>>>>>>>>>>> 色数を減らす 色がまぶしい >>>>>>>>>>>> まぶしさを抑える13年2月5日火曜日
  • 25. 配色が曖昧にならないようにする 色が眩しすぎないようにする13年2月5日火曜日
  • 26. だが、目で見てそれを判別するのは難しい13年2月5日火曜日
  • 27. 色を数値で考えれば解決できます13年2月5日火曜日
  • 28. これを実践するために ちょっとだけ色について詳しくなりましょう13年2月5日火曜日
  • 29. 色の3要素13年2月5日火曜日
  • 30. それは「色相」「彩度」「明度」13年2月5日火曜日
  • 31. 無限にも思える「色」ですが、 このたった3つの要素で全て表現できます13年2月5日火曜日
  • 32. 【色相】hue 【彩度】saturation 【明度】value13年2月5日火曜日
  • 33. 色相とは13年2月5日火曜日
  • 34. 0 【色相】hue 0 ∼360 であらわします 18013年2月5日火曜日
  • 35. 彩度とは13年2月5日火曜日
  • 36. 【彩度】saturation 0%∼100%であらわします 0% 100%13年2月5日火曜日
  • 37. 明度とは13年2月5日火曜日
  • 38. 【明度】value 0%∼100%であらわします 0% 100%13年2月5日火曜日
  • 39. 「色相・彩度・明度」の コントロール13年2月5日火曜日
  • 40. 様々な色の選択方法がありますが…13年2月5日火曜日
  • 41. 様々な色の選択方法がありますが… HSV13年2月5日火曜日
  • 42. 色を人に伝えるような感覚です13年2月5日火曜日
  • 43. 赤くて、主張が強すぎず、暗め13年2月5日火曜日
  • 44. H:0 S:60% V:40%13年2月5日火曜日
  • 45. もうちょっと明るくしたい13年2月5日火曜日
  • 46. H:0 H:0 S:60% S:60% V:40% V:60%13年2月5日火曜日
  • 47. 地味すぎるので派手にしたい13年2月5日火曜日
  • 48. H:0 H:0 H:0 S:60% S:60% S:90% V:40% V:60% V:60%13年2月5日火曜日
  • 49. その赤を青にかえたい13年2月5日火曜日
  • 50. H:0 H:0 H:0 H:200 S:60% S:60% S:90% S:90% V:40% V:60% V:60% V:60%13年2月5日火曜日
  • 51. 青を緑にかえたい13年2月5日火曜日
  • 52. H:0 H:0 H:0 H:200 H:150 S:60% S:60% S:90% S:90% S:90% V:40% V:60% V:60% V:60% V:60%13年2月5日火曜日
  • 53. 組み合わせ例13年2月5日火曜日
  • 54. H:0 H:50 H:100 H:150 H:200 S:60% S:60% S:60% S:60% S:60% V:40% V:40% V:40% V:40% V:40%13年2月5日火曜日
  • 55. H:0 H:50 H:100 H:150 H:200 S:15% S:15% S:15% S:15% S:15% V:95% V:95% V:95% V:95% V:95%13年2月5日火曜日
  • 56. H:200 H:200 H:200 S:80% S:80% S:80% V:30% V:60% V:90%13年2月5日火曜日
  • 57. この選択方法はパレットから選ぶのとは違い 数値で色を管理できるので曖昧になりにくいです 曖昧になりやすい 曖昧になりにくい13年2月5日火曜日
  • 58. 色の3要素を使った配色方法13年2月5日火曜日
  • 59. 同一調和と対比調和という 配色方法を使います13年2月5日火曜日
  • 60. 難しそうに聞こえますが 「色相・彩度・明度」で考えれば大丈夫です13年2月5日火曜日
  • 61. Lorem ipsum 2013-02-07 H:200 S:80% dolor sit amet V:30% Sit qualisque hendrerit te, ne sit torquatos interpretaris. Ius graece option legimus an, vix summo dolorem blandit an. Nisl patrioque quo ad. Ut duo augue paulo, fabulas H:200 sapientem ne mea, ut duo detraxit salutandi definiebas. Pro at unum petentium, meliore consetetur has in, et S:80% mutat percipit vim. In eruditi fabellas vis, ex eruditi legimus necessitatibus quo. Eos in alterum ceteros adipiscing, te V:60% accumsan pertinacia instructior ius. pro at justo commune copiosae H:0 At ipsum scripta efficiantur nec. Perpetua vituperata quaerendum vix ne, pri ne veri liber apeirian. Vidisse lucilius facilisi ei vix, vim ei quod esse atqui, error placerat molestiae eam S:0% cu. Denique albucius quo ad, eos eu malis assum. V:100% dicta fierent no his At malis laoreet his. Ex vix prima primis, ne qui iudico alienum. Te enim iriure fuisset eos, ei mei nihil saepe soleat, has alienum postulant in. Quem accusamus constituam qui ea, id H:20 dolorum expetendis per. Vis in ferri quaeque. Suscipit phaedrum vulputate cum eu. Usu te quot ignota timeam, ex sed magna nusquam, ex eum esse omnis. S:100% EURIPIDIS V:100%13年2月5日火曜日
  • 62. 同一調和とは?13年2月5日火曜日
  • 63. 色相を固定して明度を変化させる配色方法 H:200 H:200 H:200 S:80% S:80% S:80% V:30% V:60% V:90%13年2月5日火曜日
  • 64. 対比調和とは?13年2月5日火曜日
  • 65. メインで選んだ色から遠い色を選択する配色方法(いわゆる補色) 20 H:200 H:20 S:80% S:80% 200 V:90% V:90% 色相(H)は全部で360 なので、180 反対側が一番遠い13年2月5日火曜日
  • 66. 同一調和と対比調和を 組み合わせる場合の 面積バランス13年2月5日火曜日
  • 67. 色の面積に注意13年2月5日火曜日
  • 68. Lorem ipsum 2013-02-07 H:200 S:80% dolor sit amet V:30% Sit qualisque hendrerit te, ne sit torquatos interpretaris. Ius graece option legimus an, vix summo dolorem blandit an. Nisl patrioque quo ad. Ut duo augue paulo, fabulas H:200 sapientem ne mea, ut duo detraxit salutandi definiebas. Pro at unum petentium, meliore consetetur has in, et S:80% mutat percipit vim. In eruditi fabellas vis, ex eruditi legimus necessitatibus quo. Eos in alterum ceteros adipiscing, te V:60% accumsan pertinacia instructior ius. pro at justo commune copiosae H:0 At ipsum scripta efficiantur nec. Perpetua vituperata quaerendum vix ne, pri ne veri liber apeirian. Vidisse lucilius facilisi ei vix, vim ei quod esse atqui, error placerat molestiae eam S:0% cu. Denique albucius quo ad, eos eu malis assum. V:100% dicta fierent no his At malis laoreet his. Ex vix prima primis, ne qui iudico alienum. Te enim iriure fuisset eos, ei mei nihil saepe soleat, has alienum postulant in. Quem accusamus constituam qui ea, id H:20 dolorum expetendis per. Vis in ferri quaeque. Suscipit phaedrum vulputate cum eu. Usu te quot ignota timeam, ex sed magna nusquam, ex eum esse omnis. S:100% EURIPIDIS V:100%13年2月5日火曜日
  • 69. 背景の白 同一調和 対比調和 H:0 + H:200 H:200 + H:20 S:0% S:80% S:80% S:80% V:100% V:30% V:60% V:90% ベース メイン アクセント13年2月5日火曜日
  • 70. それぞれが均等だと、よくありません 上のようなバランスがよい13年2月5日火曜日
  • 71. Lorem ipsum 2013-02-07 H:200 S:80% dolor sit amet V:30% Sit qualisque hendrerit te, ne sit torquatos interpretaris. Ius graece option legimus an, vix summo dolorem blandit an. Nisl patrioque quo ad. Ut duo augue paulo, fabulas H:200 sapientem ne mea, ut duo detraxit salutandi definiebas. Pro at unum petentium, meliore consetetur has in, et S:80% mutat percipit vim. In eruditi fabellas vis, ex eruditi legimus necessitatibus quo. Eos in alterum ceteros adipiscing, te V:60% accumsan pertinacia instructior ius. pro at justo commune copiosae H:0 At ipsum scripta efficiantur nec. Perpetua vituperata quaerendum vix ne, pri ne veri liber apeirian. Vidisse lucilius facilisi ei vix, vim ei quod esse atqui, error placerat molestiae eam S:0% cu. Denique albucius quo ad, eos eu malis assum. V:100% dicta fierent no his At malis laoreet his. Ex vix prima primis, ne qui iudico alienum. Te enim iriure fuisset eos, ei mei nihil saepe soleat, has alienum postulant in. Quem accusamus constituam qui ea, id H:20 dolorum expetendis per. Vis in ferri quaeque. Suscipit phaedrum vulputate cum eu. Usu te quot ignota timeam, ex sed magna nusquam, ex eum esse omnis. S:100% EURIPIDIS V:100%13年2月5日火曜日
  • 72. まとめると… ・白が一番面積が広い ・メインとなる色を一色選ぶ ・メインの薄い色を選ぶ ・メインと一番遠い色を選ぶ(アクセント) ・アクセントの面積は小さく13年2月5日火曜日
  • 73. エクセルのような表組みや組織図13年2月5日火曜日
  • 74. 表組み13年2月5日火曜日
  • 75. 色ナシ 数値1 数値1 数値1 数値1 備考 液晶テレビ 123,456 0.00 0.00 0.00 プラズマテレビ 14,984 0.00 0.00 0.00 液晶保護フィルム 15,988,959 0.00 0.00 0.00 テレビリモコン 5,646 0.00 0.00 0.00 テレビオプション 598 0.00 0.00 0.00 外付け ハードディスク 416,559 0.00 0.00 0.00 ブルーレイ 526,878 0.00 0.00 0.00 DVD プレーヤー 1,355 0.00 0.00 0.00 ブルーレイプレーヤー 897,156 0.00 0.00 0.00 ポータブル DVD 123,456 0.00 0.00 0.00 携帯テレビ 14,984 0.00 0.00 0.00 モニタ・ディスプレイ 15,988,959 0.00 0.00 0.00 デジタルテレビ 5,646 0.00 0.00 0.00 地デジアンテナ 598 0.00 0.00 0.00 BS・CS アンテナ 416,559 0.00 0.00 0.00 テレビブースター 526,878 0.00 0.00 0.00 AV セレクター 1,355 0.00 0.00 0.00 プロジェクタ 897,156 0.00 0.00 0.00 プロジェクタスクリーン 123,456 0.00 0.00 0.00 HDD レコーダー 14,984 0.00 0.00 0.00 ビデオデッキ 15,988,959 0.00 0.00 0.0013年2月5日火曜日
  • 76. 失敗例 数値1 数値1 数値1 数値1 備考 液晶テレビ 123,456 0.00 0.00 0.00 プラズマテレビ 14,984 0.00 0.00 0.00 液晶保護フィルム 15,988,959 0.00 0.00 0.00 テレビリモコン 5,646 0.00 0.00 0.00 テレビオプション 598 0.00 0.00 0.00 外付け ハードディスク 416,559 0.00 0.00 0.00 ブルーレイ 526,878 0.00 0.00 0.00 DVD プレーヤー 1,355 0.00 0.00 0.00 ブルーレイプレーヤー 897,156 0.00 0.00 0.00 ポータブル DVD 123,456 0.00 0.00 0.00 携帯テレビ 14,984 0.00 0.00 0.00 モニタ・ディスプレイ 15,988,959 0.00 0.00 0.00 デジタルテレビ 5,646 0.00 0.00 0.00 地デジアンテナ 598 0.00 0.00 0.00 BS・CS アンテナ 416,559 0.00 0.00 0.00 テレビブースター 526,878 0.00 0.00 0.00 AV セレクター 1,355 0.00 0.00 0.00 プロジェクタ 897,156 0.00 0.00 0.00 プロジェクタスクリーン 123,456 0.00 0.00 0.00 HDD レコーダー 14,984 0.00 0.00 0.00 ビデオデッキ 15,988,959 0.00 0.00 0.0013年2月5日火曜日
  • 77. 例1 数値1 数値1 数値1 数値1 備考 液晶テレビ 123,456 0.00 0.00 0.00 プラズマテレビ 14,984 0.00 0.00 0.00 液晶保護フィルム 15,988,959 0.00 0.00 0.00 テレビリモコン 5,646 0.00 0.00 0.00 テレビオプション 598 0.00 0.00 0.00 外付け ハードディスク 416,559 0.00 0.00 0.00 ブルーレイ 526,878 0.00 0.00 0.00 DVD プレーヤー 1,355 0.00 0.00 0.00 ブルーレイプレーヤー 897,156 0.00 0.00 0.00 ポータブル DVD 123,456 0.00 0.00 0.00 携帯テレビ 14,984 0.00 0.00 0.00 モニタ・ディスプレイ 15,988,959 0.00 0.00 0.00 デジタルテレビ 5,646 0.00 0.00 0.00 地デジアンテナ 598 0.00 0.00 0.00 BS・CS アンテナ 416,559 0.00 0.00 0.00 テレビブースター 526,878 0.00 0.00 0.00 AV セレクター 1,355 0.00 0.00 0.00 プロジェクタ 897,156 0.00 0.00 0.00 プロジェクタスクリーン 123,456 0.00 0.00 0.00 HDD レコーダー 14,984 0.00 0.00 0.00 ビデオデッキ 15,988,959 0.00 0.00 0.0013年2月5日火曜日
  • 78. 例2 数値1 数値1 数値1 数値1 備考 液晶テレビ 123,456 0.00 0.00 0.00 プラズマテレビ 14,984 0.00 0.00 0.00 液晶保護フィルム 15,988,959 0.00 0.00 0.00 テレビリモコン 5,646 0.00 0.00 0.00 テレビオプション 598 0.00 0.00 0.00 外付け ハードディスク 416,559 0.00 0.00 0.00 ブルーレイ 526,878 0.00 0.00 0.00 DVD プレーヤー 1,355 0.00 0.00 0.00 ブルーレイプレーヤー 897,156 0.00 0.00 0.00 ポータブル DVD 123,456 0.00 0.00 0.00 携帯テレビ 14,984 0.00 0.00 0.00 モニタ・ディスプレイ 15,988,959 0.00 0.00 0.00 デジタルテレビ 5,646 0.00 0.00 0.00 地デジアンテナ 598 0.00 0.00 0.00 BS・CS アンテナ 416,559 0.00 0.00 0.00 テレビブースター 526,878 0.00 0.00 0.00 AV セレクター 1,355 0.00 0.00 0.00 プロジェクタ 897,156 0.00 0.00 0.00 プロジェクタスクリーン 123,456 0.00 0.00 0.00 HDD レコーダー 14,984 0.00 0.00 0.00 ビデオデッキ 15,988,959 0.00 0.00 0.0013年2月5日火曜日
  • 79. 例3 数値1 数値1 数値1 数値1 備考 液晶テレビ 123,456 0.00 0.00 0.00 プラズマテレビ 14,984 0.00 0.00 0.00 液晶保護フィルム 15,988,959 0.00 0.00 0.00 テレビリモコン 5,646 0.00 0.00 0.00 テレビオプション 598 0.00 0.00 0.00 外付け ハードディスク 416,559 0.00 0.00 0.00 ブルーレイ 526,878 0.00 0.00 0.00 DVD プレーヤー 1,355 0.00 0.00 0.00 ブルーレイプレーヤー 897,156 0.00 0.00 0.00 ポータブル DVD 123,456 0.00 0.00 0.00 携帯テレビ 14,984 0.00 0.00 0.00 モニタ・ディスプレイ 15,988,959 0.00 0.00 0.00 デジタルテレビ 5,646 0.00 0.00 0.00 地デジアンテナ 598 0.00 0.00 0.00 BS・CS アンテナ 416,559 0.00 0.00 0.00 テレビブースター 526,878 0.00 0.00 0.00 AV セレクター 1,355 0.00 0.00 0.00 プロジェクタ 897,156 0.00 0.00 0.00 プロジェクタスクリーン 123,456 0.00 0.00 0.00 HDD レコーダー 14,984 0.00 0.00 0.00 ビデオデッキ 15,988,959 0.00 0.00 0.0013年2月5日火曜日
  • 80. 失敗例 例1 例2 例3 H:305 H:300 H:210 H:162 S:100% S:50% S:50% S:32% V:60% V:40% V:83% V:73% H:305 H:300 H:210 H:162 S:50% S:5% S:5% S:5% V:100% V:95% V:95% V:90% H:0 H:0 H:0 H:0 S:0% S:0% S:0% S:0% V:20% V:80% V:80% V:80%13年2月5日火曜日
  • 81. 表組み13年2月5日火曜日
  • 82. ○○○1 課 ○○○事業所 第 ○○○部 一 監 ○○○2 課 ○○○事業所 事 査 業 役 本 ○○○事業所 部 ○○○事業所 △△△1 課 ○○○事業所 △△△2 課 第 株 取 二 △△△部 ○○○事業所 主 締 社 常 事 △△△3 課 総 役 長 務 業 会 会 本 △△△部 ○○○事業所 部 △△△4 課 ○○○事業所 △△△5 課 ○○○事業所 総務部 △△△1 課 管 ○○○事業所 理 財務経理部 本 △△△2 課 ○○○事業所 部 事業管理部 △△△3 課 ○○○事業所13年2月5日火曜日
  • 83. 失敗例 ○○○1 課 ○○○事業所 第 ○○○部 一 監 ○○○2 課 ○○○事業所 事 査 業 役 本 ○○○事業所 部 ○○○事業所 △△△1 課 ○○○事業所 △△△2 課 第 株 取 二 △△△部 ○○○事業所 主 締 社 常 事 △△△3 課 総 役 長 務 業 会 会 本 △△△部 ○○○事業所 部 △△△4 課 ○○○事業所 △△△5 課 ○○○事業所 総務部 △△△1 課 管 ○○○事業所 理 財務経理部 本 △△△2 課 ○○○事業所 部 事業管理部 △△△3 課 ○○○事業所13年2月5日火曜日
  • 84. 例1 ○○○1 課 ○○○事業所 第 ○○○部 一 監 ○○○2 課 ○○○事業所 事 査 業 役 本 ○○○事業所 部 ○○○事業所 △△△1 課 ○○○事業所 △△△2 課 第 株 取 二 △△△部 ○○○事業所 主 締 社 常 事 △△△3 課 総 役 長 務 業 会 会 本 △△△部 ○○○事業所 部 △△△4 課 ○○○事業所 △△△5 課 ○○○事業所 総務部 △△△1 課 管 ○○○事業所 理 財務経理部 本 △△△2 課 ○○○事業所 部 事業管理部 △△△3 課 ○○○事業所13年2月5日火曜日
  • 85. 例2 ○○○1 課 ○○○事業所 第 ○○○部 一 監 ○○○2 課 ○○○事業所 事 査 業 役 本 ○○○事業所 部 ○○○事業所 △△△1 課 ○○○事業所 △△△2 課 第 株 取 二 △△△部 ○○○事業所 主 締 社 常 事 △△△3 課 総 役 長 務 業 会 会 本 △△△部 ○○○事業所 部 △△△4 課 ○○○事業所 △△△5 課 ○○○事業所 総務部 △△△1 課 管 ○○○事業所 理 財務経理部 本 △△△2 課 ○○○事業所 部 事業管理部 △△△3 課 ○○○事業所13年2月5日火曜日
  • 86. 失敗例 例1 例2 H:220 H:210 H:210 H:210 S:70% S:15% S:60% S:15% V:100% V:85% V:30% V:85% H:185 H:160 H:160 H:160 S:70% S:15% S:60% S:15% V:100% V:85% V:30% V:85% H:50 H:50 H:50 S:15% S:60% S:15% V:85% V:30% V:85% H:270 S:15% V:85% V:85% V:85%13年2月5日火曜日
  • 87. 色を作るツールの紹介13年2月5日火曜日
  • 88. 実はMicrosoft Office標準のツールでは 「色相・彩度・明度」の方法で色を選べません13年2月5日火曜日
  • 89. FE - Color Palette 色相・彩度・明度(HSV)で 色を選択することができます www.fieldeast.com/soft/13年2月5日火曜日
  • 90. 使い方13年2月5日火曜日
  • 91. 【色相】hue 【彩度】saturation 【明度】value H S V 0 ∼360 0%∼100% 0%∼100%13年2月5日火曜日
  • 92. FE - Color Palette Microsoft Office標準13年2月5日火曜日
  • 93. ありがとうございました13年2月5日火曜日