The Art of Color Coordination

caldwell's picture
Colors affect us in countless ways—mentally and physically, consciously and subconsciously. Psychologists have suggested that color impression can account for 60% of the acceptance or rejection of a product or service. Good color choices should never be neglected in web design. A bad color combination can have the same negative effect as poor copy and slow load times. In this infographic, we will briefly discuss color coordination and how you can use this to your advantage when designing your site. Special thanks to @speckyboy, @smashingmag and @onextrapixel.
Image: 
the-art-of-color-coordination_502917222b0e9.jpg
Type: 
Featured

Category:

Language: 
English

Publishers:

Designers:

Thumb Meta Data: 
the-art-of-color-coordination_502917222b0e9.jpg
Hash: 
e8c71e5e1aaa3997091f87af094cfb15
Reviewed: 
Source: 
http://blog.kissmetrics.com/art-of-color-coordination/
Infographic Type: 
Infographic
Visible on Site: 
Show in Portfolio: 
Transcript: 
The Art of Color Coordination Colors affect us in countless ways—mentally and physically, consciously and subconsciously. Psychologists have suggested that color impression can account for 60% of the acceptance or rejection of a product or service. Good color choices should never be neglected in web design. A bad color combination can have the same negative effect as poor copy and slow load times. In this infographic, we will briefly discuss color coordination and how you can use this to your advantage when designing your site. Special thanks to @speckyboy, @smashingmag and @onextrapixel. <div class='visually_embed' data-category='Technology' rel='infographic'> <img class='visually_embed_infographic' src='http://thumbnails.visually.netdna-cdn.com/the-art-of-color-coordination_502917222b0e9_w587.jpg' rel='http://thumbnails.visually.netdna-cdn.com/the-art-of-color-coordination_502917222b0e9.jpg' alt='The Art of Color Coordination' /> <div class='visually_embed_bar'> <span class='visually_embed_cycle'><span>by </span><a target='_blank' href='http://www.kissmetrics.com?utm_source=visually_embed'>KISSmetrics</a>. <br/>Explore more <a href='http://visual.ly'>infographics</a> like this one on the web's largest information design community - <a href='http://visual.ly'>Visually</a>.</span> </div> <a id='visually_embed_view_more' target='_blank' href='http://visual.ly/art-color-coordination?utm_source=visually_embed'></a> <link rel='stylesheet' type='text/css' href='http://visual.ly/embeder/style.css' /> <script type='text/javascript' src='http://visual.ly/embeder/embed.js'></script> </div>
Publish to Get Inspired: 
Add Munchkin code on infograph: