Design an effective header the easy way. Just think in sections.
The header of simply web page is its most important visual element. So, it has a big job to do! it must identify the site and set its visual tone. It must convey at a glance what kind of site it is and what is its attitude. The header must also provide easy navigation. All of this is easy to do by building three sections, one for each function, and unifying them with visual similarities. Here’s how to put that together.
Big job, shallow space.
The header spans the page and is often
the only non text visual element.
Start by divvying up the spaceA web header spans the page and is extremely shallow. Divide it in to three sections: name, image, and navigation links. Work on each one separately.
How Big? As a rule, the name goes in the upper left and the navigation at the bottom. Don’t lose sleep over exact divisions; the sizes of this section will depend on your name (short or long) and image. However, avoid splitting the top space exactly in half, which tends to draw attention to the sections rather than to the content; asymmetrical divisions are better.
by: Before&After Magagazine
