Unify Your Colors For Polished Web Design!

In web design, carrying a consistent color palette through all images on a web page provides visual unity. With a few minor tweaks in Photoshop or any other graphic program, you can really pull a web site design together, improving your site in a polished, subtle way. Here's one way it can be done. We will use this web design for a real estate web site as our sample:

In this web site, the images I selected all had nice tan tones to complement the color scheme of the site. However, I wanted each image to also have the same accent color. I decided to use purple as the accent color, providing a pleasing contrast to the tan shades. However, only one of the original images used on this site had purple in it--the large image of the sofa in the left side of the web page. I wanted to use the purple in the quilt on the couch throughout the design. To unify the color scheme in all the images on this page, I manipulated each image to add purple to it in Image Composer.

First, I added purple to the shadows in the photo of the vase, giving it a purple cast. The BEFORE picture here shows the original image. Using the color tools in Photoshop, I added purple to the shadows. Notice how it now matches the graphic of the sofa in the AFTER graphic! Next, I selected the round pillow in the second image (the chaise) and used the Hue, Saturation Tool in Photoshop to re-color it purple. Also, I also subtlety changed the color tint in the wall in the extreme left side of the photo from a tint of blue to a tint of purple. Finally, I selected the slippers in the third image, changing them from black to purple.

The end result; the images all look as if they were shot by the same photographer for this project. A unified, polished, high concept look with just a few minor tweaks of color!

 

Key Points From This Article:

  • Use Image Composer or other graphic tools to select, add and repeat key colors in graphics and photos used in a web page design. This unifies the color scheme within all images on the page.

THE USE OF COLOR:

A two color web design that works...

Choosing the perfect colors...

Set the mood in web design with great colors...

Unify your your colors for a polished web design...

Woo them with colors...

ESG color guide...

For a Free No Obligation Consultation on your best web design ever... Click here...

Contact Information:

Telephone:
(585) 586-9661
(585) 3887290  
ask for Scott Gallmeyer
Fax:  
(585) 586-1407
Mailing Address:
Scott Gallmeyer

ESG Associates Corp.   18 Bramblewood Lane   Penfield, NY  14526
Email:
esg@esgn.com
sales@esgn.com  info@esgn.com
careers@esgn.com
scott@esgn.com

 

 

 


Copyright © 2003 ESG Associates. All rights reserved.
The materials contained in this web site are protected under the copyright and trademark laws of the United States and other countries. All trademarks used in this site are the property of their respectful owners. Unauthorized distribution, duplications, alteration or other use (whether for commercial or non-commercial purposes) of material contained in this site, including without limitation any trademark, image, drawing, text, likeness or photograph may constitute a violation of such laws and may be prosecuted under criminal and/or civil law.