Discover the dos and don\'ts of website color selection. Our articles are packed with theory, software reviews, tool descriptions and more.  Home Web Design Basics Color Theory Color Psychology Quick Reference Cards

Color Psychology Quick Reference Cards


If you're going to be a professional in any of the creative/artistic fields, you have to understand color. We've been dealing a bit with Color Theory on our site, but now we're going to dive into something equally important - Color Psychology.

Colors affect our moods. Depending on where in the world we live, we bring with us perceptions of color based on our culture. Even within a single country alone, the "meaning" of colors have changed over time. Today, though, psychiatrists are able to pinpoint a few universal truths about color and its effect on our "psyche" (conventional psychology completely dismisses the idea that color can affect our moods).

Why is this so vitally important? Simple - if you're creating a website that should bring ideas of nature, and all things natural you're going to stay away from purple. Because purple appears so little in the natural world, it is often seen as "artificial". However, if your site is about furnishings and opulent decoration, purple accents would be perfect - imparting ideas of royalty, luxury, wealth, and sophistication.

So you get the idea. Let's get cooking.

Colors in Advertising

I've already mentioned the idea that colors can - and should - affect website layouts. There are actually many simple rules in choosing the right color combinations, and most of them relate to how the color affects the conscious mind of individuals.

For instance, if you are selling products on your website, you should understand the specific role of color psychology in online marketing. Red stimulates us into action, represents aggressiveness, excitement, and paired up with gray, it represents impulsiveness. Blue represents sensitivity in feeling, and loyalty. In an online business, shades of red, blue, and brown have been found to be the "safest". While white is always seen as "professional" when viewed on a business site, it is color that makes the first impression.

History of Color Psychology

Johann Wolfgang Goethe was one of the first people to connect color and psychology, with his book "Theory of Colours". In 1947, Max Luscher took Goethe's theories one step further and actually created a color test for the use of psychiatrists, psychologists, physicians, and others involved with the "conscious and unconscious characteristics and motivations of others". Despite the ease with which Luscher's test can be administered, it is a very "deep" psychological test that can reveal a multitude of things about one's personality.

Color Meanings

I had a lot of fun with this. You can actually print the following cards and save them for reference - I promise, not only will you "look" more professional with a set of these (might I suggest laminating them?) but you will be able to quickly and easily perform more professional work. Hey, we just love you guys, you think we would make something any less cool than this? :)

Color Psychology: The Cards

image 1

image 2

image 3

image 4

image 5

image 6

Color Psychology Quick Reference Cards



Author's URL: My-Photoshop
Discover the dos and don\'ts of website color selection. Our articles are packed with theory, software reviews, tool descriptions and more. More Color Theory Tutorials: Featured Materials | Fresh Materials | Website Templates

Reader's comments
comments bhunso December 23, 2011 says:
VERY SIMPLE
Reply
comments No one no's October 31, 2011 says:
<=3
Reply
comments No one no's October 31, 2011 says:
:D :I :C
Reply
comments James Plouffe October 06, 2011 says:
I didn't relize that there was such as science behind Website Design Colors!

www.seekmomentum.com

Reply
comments yogi September 26, 2011 says:
Very Nice
Reply
comments Victorio Valdez September 04, 2011 says:
NIce! very helpful ;)
Reply
comments patricia nicole August 19, 2011 says:
Hello this page is beautiful
Reply
comments ferragamo shoes July 27, 2011 says:
<a href=" ferragamo</a> was an italian shoe designer and became famous when he built the company.<a href=" shoes</a> are welcome by hollywood stars.they like to wear <a href=" ferragamo varina</a> shoes.
www.ferragamoshoessaleusa.com.au

Reply
comments ferragamo shoes July 27, 2011 says:
<a href=" ferragamo</a> was an italian shoe designer and became famous when he built the company.<a href=" shoes</a> are welcome by hollywood stars.they like to wear <a href=" ferragamo varina</a> shoes.
www.ferragamoshoessaleusa.com.au

Reply
comments supra shoes July 26, 2011 says:
<a href=" supra skytops</a> have extra heel to protect your ankle. <a href=" shoes</a> have gained great reputaton over the world. <a href=" supras</a> offer you deep discount to save money.www.cheapsuprashoesusa.com.au
Reply
comments bhawani singh July 22, 2011 says:
color psychology quick reference cards
Reply
comments Wolfram July 13, 2011 says:
I appreciate the concise guide on color psychology, however one thing I noticed is that you suggested pairing red with black because it will be "vibrant and exciting". The problem with this is that for people who are color deficient, red and black creates a minimal contrast and very often times leads to confusion or no distinction between the two colors.
I would recommend including information about how all these colors and combinations will be seen to color deficient individuals seeing as how any modern and professional web designer needs to take such thing into consideration.

Reply
comments Jadoon July 12, 2011 says:
very helpful material for every type of designer............
Reply
comments Mra July 08, 2011 says:
very precious! thz!
Reply
comments yuvan September 16, 2010 says:
Thanx for this site, for giving more info about color
Reply
comments lilo July 19, 2010 says:
ILIT!!!!!!!!!!!!!!!!!!!!!!
Reply
comments pawan June 29, 2010 says:
who can easily understood about color combination & love this site
Reply
comments shivendu May 11, 2010 says:
its gr8...very generally and easily described
Reply
comments V6cJ April 23, 2010 says:
i Love this site! :)
Reply
comments Pita March 09, 2010 says:
Good artical, who can easily understood about color combination.
Reply
Add comments to "Color Psychology Quick Reference Cards"

Captcha