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:
|
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
|