html5-img
1 / 47

Color

Color. Purposes of Color. Attention Mood. Attention. Color is rarely helpful to convey information Color can draw attention (Flowers and bees) Careful demands on attention Guide not force. Attention. Mood and Setting. Mood. Emotion Happy, Intense, Excited, Love Age

aldon
Télécharger la présentation

Color

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Color

  2. Purposes of Color • Attention • Mood

  3. Attention • Color is rarely helpful to convey information • Color can draw attention (Flowers and bees) • Careful demands on attention • Guide not force

  4. Attention

  5. Mood and Setting

  6. Mood • Emotion • Happy, Intense, Excited, Love • Age • Baby, Child, Youth, Adult • Energy • High, Low • Gender • Male, Female

  7. Mood • Emotion • Happy, Intense, Excited, Love • Age • Baby, Child, Youth, Adult • Energy • High, Low • Gender • Male, Female

  8. Mood • Emotion • Happy, Intense, Excited, Love • Age • Baby, Child, Youth, Adult • Energy • High, Low • Gender • Male, Female

  9. Mood • Emotion • Happy, Intense, Excited, Love • Age • Baby, Child, Youth, Adult • Energy • High, Low • Gender • Male, Female

  10. Mood • Emotion • Happy, Intense, Excited, Love • Age • Baby, Child, Youth, Adult • Energy • High, Low • Gender • Male, Female

  11. Mood • Emotion • Happy, Intense, Excited, Love • Age • Baby, Child, Youth, Adult • Energy • High, Low • Gender • Male, Female

  12. Designing a Mood

  13. Designing a Mood

  14. Designing a Mood

  15. Setting Mood Neutral ---- Designing

  16. Setting Mood Neutral ---- Less intense

  17. Setting Mood Biased

  18. Basic Color Schemes • Key Color • Control Saturation • Tints and Shades • Accent Color

  19. Saturation Value Hue

  20. Hue Lightness Saturation

  21. Human Vision Principles • Information • Contrast in Value • Do not depend on only one set of cones • Peripheral vision • Gray and Blurred

  22. Why is this so much easier?

  23. Simple Color Scheme • Pick a key color • Add black and white • Add a tint and a shade • Pick a contrast color

  24. Pick A Key Color White Tint Accent Key Shade Black

  25. Pick A TiNT (Mix with White) White Tint Accent Key Shade Black

  26. Pick A Shade (Mix with Black) White Tint Accent Key Shade Black

  27. Pick An Accent (change Hue) White Tint Accent Key Shade Black

  28. Pick An Accent (change Hue) White This is some text on our page This is some more text Tint Accent Key Button Text Shade Black

  29. POWERPOINT EXERCISE White This is some text on our page This is some more text Tint Accent Key Button Text Shade Black

  30. Kuler.Adobe.Com

  31. Texture

  32. Texture This is some text

  33. Texture This is some text

  34. Texture This is some text

  35. Texture This is some text

  36. Texture This is some text

  37. Gradients This is some text That I can Use to Demonstrate Problems With gradients This is some text That I can Use to Demonstrate Problems With gradients

  38. Gradients This is some text That I can Use to Demonstrate Problems With gradients This is some text That I can Use to Demonstrate Problems With gradients

  39. Gradients This is some text That I can Use to Demonstrate Problems With gradients This is some text That I can Use to Demonstrate Problems With gradients

  40. Transparent Glows

  41. Overview • Use of color • Attention • Mood • Mood • Pick relevant images, blur them, select colors • Try your choices out for people’s response • Setting • Black, White, Color

  42. Overview • Hue, Saturation, Value • Information contrast in the Value range • Lower saturation for more pleasing colors • 6 Color Scheme • Key color, white, black, tint, shade, accent • Kuler.adobe.com • Texture • Gradient • Glow

More Related