Categories


How to Get Professional Looking Headers

If you’re designing a website, you’ve probably given a little, if not a lot of thought to the header.

  • How big?
  • How busy?
  • How much information should it include?

In years past when monitors were much smaller, the maximum width was pretty much set at either 800 or 1024 pixels. However, today there are some very wide monitors allowing you a lot of flexibility. A few things to keep in mind when planning the size of your header are:

  • Where you place the navigation bars (across or down the page)
  • Length of text lines
  • Size of images you want to use

All of these things should be taken into account when considering a header. Another consideration is whether or not you want to have AdSense or some other advertising medium on the page. If this is the case, you will want to have a bit wider site with room on either the left or right to display your ads. This type of site would do well at 900-950 pixels. Anything wider than this can be distracting because part of the page may be off the screen, the text lines may be too long to read easily and overall it is distracting for the viewer trying to ‘put it all together’.

Most of the top websites including Twitter and eBay fall within the 750-950 pixel range. A good rule of thumb might be to use 750 for single column websites and 950 for those websites where you want to use either a navigation menu or advertising to the left or right.

If you’re artistic you probably won’t have any trouble putting together a good header, but for those that have trouble with design or perhaps don’t have a graphics program, then you need to take a look at xHeader. This is a program that comes with pre-designed headers where all you do is select the one you want and fill in the name and slogan. You can get a free version of this program with 500 headers by visiting this link.

Once you’ve downloaded it be sure to take a few minutes and watch the tutorials. It is very easy to understand and when you’re through you’ll have a header you’ll be proud to call your own. BTW – the images used on this post are from the free version I downloaded.

 

 

Comments are closed.