Creative Juice: Colors Have Feelings, Too
Colors tend to evoke reactions and feelings. Often these reactions are quite subjective based on personal and cultural experiences. As designers, we try to create reactions from our users and one way of doing so is through the use of color. Below is a list of five perception/tone adjectives. To squeeze this juice, create a color palette for each adjective. Each color palette should consist of five colors and best evoke the perception/tone adjective.
You may create the palettes in one of two ways:
- Option 1: Use Photoshop or Illustrator to create blocks of solid color, lined up next to each other. Save as a PNG or PDF.
- Option 2: Use HTML and CSS to create blocks of solid color, lined up next to each other.
Some references to get you started:
- Color in Motion: http://www.mariaclaudiacortes.com/
- Requires Flash. May need to allow pop-up windows.
- Watch the movies and play around with the star’s portfolios.
- The following is a series from Smashing Magazine called Color Theory for Designers. They do a decent of of covering the basics and provide some nice examples. Like typography, color theory takes some learning, practice, and experimentation.
- Part 1: The Meaning of Color (http://www.smashingmagazine.com/2010/01/28/color-theory-for-designers-part-1-the-meaning-of-color/)
- Part 2: Understanding Concepts and Terminology (http://www.smashingmagazine.com/2010/02/02/color-theory-for-designers-part-2-understanding-concepts-and-terminology/)
- Part 3: Creating Your Own Color Palettes (http://www.smashingmagazine.com/2010/02/08/color-theory-for-designer-part-3-creating-your-own-color-palettes/)
- Color Theory Tutorial from Worqx: http://www.worqx.com/color/
- This collection of essays goes into a bit more depth that the Smashing Magazine articles and includes more of the science behind how we perceive color.
- Adobe Kuler and
- Explore and create color palettes that evoke a perception/tone.
Materials and Technology
- Photoshop or Illustrator (Option 1 above) or
- Text editor and browser (Option 2 above)
- PNG or PDF file (Option 1) or HTML & CSS files (Option 2), posted to student portal.
- URL to files posted to eCompanion dropbox.