A background element can be categorized as one of four: Solid, Pattern, Photo or Gradient. A solid is only one color. Solids are used when the text is sitting directly on a background. This is because when trying to read something on a clashing background tends to be difficult. Patterns tend to be use for the main background, for the reasons stated before. Photo is well a photo and works like patterns because they tend to busy. Finally there is gradients, which is the blending of color or pattern in another.

With my website I use 3 colors (Hex: #232322, #D0CCB0, #AAE8E2) and 1 gradient (Hex: #232322 to #363534). The color are easy to spot as they are large elements in the site but the gradient can be over looked even though with out it the header would look completely different.

Above is the header with and without the gradient. You can clearly see that they are different even if you still don’t see the gradient.

This entry was posted on Tuesday, February 17th, 2009 at 7:48 pm and is filed under Tutorials. You can follow any responses to this entry through the RSS 2.0 feed.
You can leave a response, or trackback from your own site.