Get on the grid
Setting up a baseline grid may not be as easy to accomplish as it is in print, but extra effort really shows your attention to detail.
Tip – To maintain a consistent rhythm set the background of the page as a repeating image with a solid pixel on the bottom. The height of this image should be equal to the line-height of your text, which will enable you to see the baseline grid
Contrast is key
The legibility of your design is what will determine its success and , because no two monitors ever look alike, contrast is the only way to ensure it. This is crucial when considering type, as it must have ample contrast in relation to its background to ensure a positive user experience for all visitors.
Tip – Take a screen shot of the website, then convert it to greyscale to double-check the contrast of your website.
Add natural depth
Paying close attention to the small details can really set your work apart. Trying setting small one-pixel borders around elements with CSS or using subtle gradients to add depth. Light textures can be used to enhance this effect and make your designs appear natural. These techniques help avoid the flatness often associated with plain HTML, but remember that less is more – using too many can make a page look over done.
Typography still rules
Because the web is comprised mostly of text, well handled typography is extremely important. While web typography my not have been very interesting just a couple of years ago, it’s getting more advanced everyday. Using intelligently selected font stacks in your CSS, and tools such as sIFR and Cufon, we’re even able to use typefaces other than the core set of ‘web safe’ fonts (Arial, Verdana, Times, and Georgia).
Whitespace is your friend
Whitespace is a key element of all well-designed websites. Not only does it make sites more visually appealing, it enables the reader to easily absorb the information by defining page hierarchy. Adding generous margins to the content areas of the the page and setting proper leading as compared to the line measure are two simple ways to ensure that your web design presents content in an effective way.