Tag Archives: header design

Designing Your Website Header

Designing Your Website Header Like the Pros

By: Tim Priebe

Many sites have some sort of banner on the top of their site. This is a part of the page header, and can include the name of the site, and possibly even the navigation for the site. But how do you create a banner that looks professional?

There are several options you need to keep in mind for your header. It could be a photograph, artwork (computer generated or not) or some combination of the two. You need to decide if your logo and/or navigation will be incorporated into the header, or displayed some other way. When you set out to create your header, there are a few general guidelines to keep in mind. First off, it needs to be rectangular and should not be too tall. The taller it is, the less actual content on your site people will see at first glance. And the less content the see, the less likely they will be to hang around. My personal guideline is a max of about 200px high. There have been some exceptions, but that’s the general guideline I use.


As you create the header, remember that it’s all in the details. Things like rounded corners, gradients, drop shadows, partially transparent text, outlines… All that matters, and can make your header look much better. Don’t use every single effect available to you, but 2-3 of them can bring your header up to that next level.

And as always, once you’ve completed your header, have a few people take a look at it before it goes live on your website. It always helps to get an impartial opinion or two. Others will be looking at the header for the first time, where you’ve been staring at it the whole time you’ve been working on it.

Source: http://EzineArticles.com/382698

Useful Articles


How to Customize Free Website Headers for Your Website

As the owner of a new website, or an existing one in need of revamping, there are certain aspects to consider.

Maybe you want your viewers to see how professional your business is. Or maybe your site caters to families and that is the ‘feel’ you want viewers to experience when they find your page. Long gone are the days when web or graphic design work meant hiring someone to do all of your website work for you. This undoubtedly meant spending money to get exactly what you wanted. But even then, there was no guarantee how that was going to turn out. With so many programs now, you can have full reign …. Read more »

Why Should You Trust Your Header Graphic

A 1st impression in terms of the internet is the 1st time someone uses an internet browser to open up a specific Blog. Most men and women read from the top down, that would logically prove that the 1st part of any Blog that most men and women see is the header graphic. The header graphic is … Read more »

Header Templates – 3 Tips To Get Your Audience Captivated Before They Read Anything

Web design and header templates are a hard thing to explain to some people, but for those that are often on the Internet trying to make a better site for their readers, it can be clearer with some explanation… Read more »

Why Do We Need Header Graphics

The first impression that a website leaves on its viewers is most important, in this category one cannot ignore the importance of ‘header graphics’. No other chance would be given to you if you fail to leave that positive … Read more »

Make a Free Blog Header

There are millions of blogs out there so it can be difficult to distinguish yourself. Just making a blog header can personalize the template so your visitors know exactly what your blog is about before they ever actually start … Read more »

Designing Your Website Header Like the Pros

Many sites have some sort of banner on the top of their site. This is a part of the page header, and can include the name of the site, and possibly even the navigation for the site. But how do you create a banner … Read more »

5 Types of Web Design Headers

Web design aims to provide you with a website that is not only pleasing to look at but could leave a lasting impact to the client. One of the components of a website is its header. It is the first thing that a visitor sees …. Read more »

A Quick and Easy Method For Creating a Website Header Graphic

For several years now I have been creating various websites for online ventures. I found one of the most difficult things to do while building them is creating a nice header image for each new site that I made. The only option really seemed to be to pay somebody to create them for me. …. Read more »

Impress Your Prospects With Quality Headers

Adding a few targeted, quality images or upgrading existing images can have a powerful impact on your web site and your sales. In fact, just adding or upgrading to a quality header image can increase your sales as much as 200 or even 300 percent…. Read more »

Use That Header of Yours (and the Footer Too!)

The header of the website is the first thing that pops when a new visitor sees your website, therefore its importance should never be underestimated. This is a tool for capturing the eye, providing data to your users and search engines …. Read more »

Web Header Graphics – How To Make Your Site’s Title Look Nice

So you’re making your own web site. You’ve been working on it for a while, you have some good content, but something is still missing… cool graphics! Let’s face it: a web site without nice graphics is like a TV show without color….. Read more »

Make Your Website Attractive and Informative Using Flash Header Design

Header acts as the business card of a website. It helps visitors understand the topic of a site and encourages them to surf all the pages. Therefore, you have to design your website header intelligently and convey the USP of your site through the header design…… Read more »

How You Can Easily Create Web Headers

Are you wasting time making headers that don’t look as good as they should?
Here are some options to get quality, professional headers:
1. Use header templates
The header templates include a variety of professionally-designed, quality header graphics……. Read more »