Web Page Layout

 

Don't forget to consider the importance of white space on a page.

The color displayed by your computer monitor (and thus the color used in your web design) is different from "regular" printed color or photograph color.

Design/layout of a web page is similar to layout of a newspaper page or any other publishing layout.

Different text locations on the page, different use of images, different structures and colors will alter how a user expereriences a webpage and its content.

It is probably easiest to consider some pros and cons of page structure/layout by looking at some examples.

Fantastic home page of Stuart Moulthrop http://iat.ubalt.edu/moulthrop/ excellent use of white space, simple, clean layout Since I am partial to the use of white space, check out the Amiens Cathedral website, http://www.mcah.columbia.edu/Amiens.html once inside thw website gets a bit busy. The Dogwood home page http://www.nvcc.edu/dogwood/ straightfrward layur, background image, explanations for the links. Look at how simle and effective the layout of the google search page http://www.google.com/ Yahoo is not bad but can get cluttered and then rearranged http://www.yahoo.com/ Nice use of images on the Romantic Images site http://www.rc.umd.edu/ American Social History Project http://www.ashp.cuny.edu/ PBS They Drew Fire http://www.pbs.org/theydrewfire/ The Mesoamerican Ballgame http://www.ballgame.org/ Ancient India http://www.ancientindia.co.uk/ Medici Archive Project http://www.medici.org/ http://www.thestonehengeproject.org/ Churchill and the Great Republic http://www.loc.gov/exhibits/churchill/ Mongols in World History Very interesting http://afe.easia.columbia.edu/mongols/ Sauerkraut recipes http://www.sauerkrautrecipes.com/

 

 

All materials on this site are copyright © 2005, C.T. Evans
For information contact cevans@nvcc.edu