Website_Design
Site Unity
Organization
Typography
Page_Layout
Style Guide
Audience
Page Size

All Hints
Site_Map


Related_Tutorial
Web Images
Scanning_Images


Summer_98
TechFair_98


Organization
  • Divide into 5 -7 sec
  • Make your site only three links deep
  • Toolbar should be discreet, elegant, and efficient
Style Guide
  • Use tables to give your site a constant grid format
  • Keep your pages short
  • Create style guidelines with some contrast between other sites
  • Establish site wide consistency rules
Audience
  • Consider how your audience will receive the page
  • Provide an email link for feedback
  • Design for your schools computer lab
Page Size
  • Keep page size small
  • Set an upper limit for each page
  • Repeat graphics whenever possible
Layout
  • Put the most important information at the top of the page
  • Decide on a standard width
  • Design content to flow from left to right
  • Design for skim readers
  • Use simple, low contrast backgrounds
Typography
  • Serif Fonts
  • San Serif Fonts
  • Font Legibilty
  • Establish a typographic hierarchy
  • Readability
Site Unity
  • Layout design
  • Site unity
  • Balance

Website Design
Site Unity | Organization | Typography | Layout | Style Guide | Audience | Page Size
All Hints | Site Map


Related Tutorial
Web Images | Scanning Images


Contact Nancy Perrin, or John Rueter. PSU's FIPSE Project coordinated by Nancy Perrin and John Rueter, © 1998. Page constructed by Chris Miller. Last updated on June 23, 1998. For more see the About Page.