Tuesday, July 8, 2014

Day 27 - 10 Color Tips for UX Visual Design

"Why do two colors, put one next to the other, sing? Can one really explain this? no. Just as one can never learn how to paint." ~ Pablo Picasso

Casual observations and anecdotal evidence about color suggest that in can persuade decision making. Color matters although ultimately the psychology of color and color preferences are dependent on personal experiences.

When dealing with color:
  1. Use existing colors that are on brand and follow the brand's style guide or visual specification.
  2. If no previous color specification exists, free color generators such as Adobe Kuler or Colour Lovers can help you explore color themes and palettes.
  3. Color is part of your brand's personality. Keep it simple and use it wisely.
  4. Choose a harmonious font color palette for your headings (titles), subtitles, body text, and links.
  5. Ensure that your font colors are accessible to people with disabilities and have proper contrast.
  6. If you're on brand but you're at a deadlock as to which of two colors to use for your call to action button, run an A/B test on the colors.
  7. Combine color with design fundamentals like shape, space, and typography. Don't rely on color alone. 
  8. Test pages and designs by going to grayscale to make sure usability doesn't break when color goes away.
  9. Use tints and shades instead of additional colors.
  10. Although subjective, think about emotional reaction:
  • Red: Exciting, passionate, dangerous
  • Pink: Sweet, young, energetic
  • Orange: Friendly, tangy, pleasing
  • Yellow: Energetic, warm, cheerful, cautious
  • Gold: Stable, elegant
  • Green: Alive, friendly, organic, money
  • Dark Blue: Peaceful, stable, logical, trustworthy, water
  • Light Blue: Healthy, cool, young
  • Purple: Elegant, mysterious, regal
Now it's your turn: Look up the meaning of complimentary colors, as wells as analogous colors and see how they relate to each other on the color wheel.

No comments:

Post a Comment