If you’re looking to effectively design one of the most influencing and creative areas of your web site, you need to know a few key points. The header of your web site helps the visitors connect and understand the information that you are trying to provide. If your websites header was not designed to optimize the flow of all information contained between your web site, then the entire layout would seem unbalanced. You headers design is extremely important, this is why we’ve outlined a few points on how to design a quality header.

A Strong Header Must Standout

Your header must display a type of contrast between itself and the rest of the content. It needs to contain certain color combination’s and schemes that reassure the viewer the difference between where the header is located and where the content displayed.

Maintain Consistency

When you’re designing your header you must keep in mind the importance of maintaining consistency between the sites overall theme, elements, content, and footer. If you add a certain degree of creativity to your sidebar, make sure you add a similar amount of creativity to your header as well. It will keep the balance between your design. If you’re able to add these characteristics to your header than you will have the ability to capture your audiences attention from the beginning.

Use Attractive Colors

It’s usually better to try and use warm colors (depending on the design, of course). Those types of colors work like gears to try and stimulate your mind in order to captivate the viewer. Warm colors are the most active and they encourage certain emotions aggressively.

Light, Colors and Additional’s

In the previous point we covered the use of warm colors, now were going to touch on the importance of using light, and additional colors to your advantage by effectively knowing how to combine them. If your header contains at least one or two colors that don’t mesh well, then this will offset the viewer and cause a negative imbalance. There are also a great deal of headers that don’t seem to convey the right user of light within their design. This can also be a detrimental factor in the succession of your design.

Size, Position, and Alignment

The width and height or your header for the most part depends on the size of your layout. At any rate, you shouldn’t use a header that’s too large or too small. An effective header contains a good balance between the size, position, and alignment. Another good point to remember is to not design or use a header that can take up half the page, this is a waste of space, and will end up driving viewers away. Your header should always be aligned within the center of your sites layout, with the exception of any typography used. This will help maintain a well represented and professional design.

Examples:

Pally Giraffe

Go Glamping

The Octonauts

Phizz

Carton Blanc

Mail Chimp

Digimuarai

Tony Geer

Branded 07

Paramore Redd

Dr. Martian

Web.Burza

Marchand De Trucs

New Era Cap Talk

Chris Hortsch

Campaign Monitor

Enrichmint

Wishlister

Cleverful

Holds Worth Design

Octwelve

Kirdan

Icon Dock

R0man

Toucouler

Cogitatur

Biola University

Cow & Monkey

Made in Space

The Amazing Idea Machine