Home
  • Serif Vs. Sans Serif:
    • Serif fonts (times) have ''little feet'' are easier to read and thus better for extended text areas
    • Sans Serif (Arial/Helvetica) has no ''little feet'' and tend to look better for headings or short bursts of text
  • A person can only see fonts that are installed on their computer. Arial/Helvetica and Times are found on almost all computers. If you use exotic fonts their size and thus your layout may not look as you intended it to look.
  • Don't set default text to all caps
  • Don't italicize words that are in all caps.
  • Don't use underlined text
  • Make sure you have good contrast between your text and background color. Some well contrasted colors can be too harsh (bright red on royal blue, white text on a black background)

  • example
  • #1 complaint of web users is graphics that take too long to load. A graphic should be no larger than 50K. Use thumbnails to click on for viewing larger photographs
  • Make sure graphics are clear and correctly proportioned. Crop your pictures to focus on subject.
  • Graphics should be resized in a graphic program like Photoshop, not a web  editor.
  • Do not use copyrighted graphics without written permission from the owner
  • Save photographs as jpegs
  • Save clip art and simple graphics as gifs

  • example
  • Choose one alignment and use it on the entire page. Items on a page should be lined up with each other. Don't mix alignments. They don't have to be aligned along the same edge, just either all flush left, flush right, or all centered.
  • Move elements away from the extreme left edge of the web page, (use blockquote) or control your text in a table

  • example
  • The relationships that items develop when they are close together, in close proximity.
  • Be  conscious of the space between elements. Group items together that belong together.
  • To control spaces use "invisible text", text the same color as the background.
  • <P> creates extra space, return key on editing software. <BR> next line only.

  • example
  • Throughout a project you repeat certain elements that tie all the disparate parts together. Each page in the web site should look like it belongs to the same web site.
  • Your navigation buttons are a repetitive element. Colors, style, illustrations, format, layout typography, can all be part of the repetition that unifies the entire site.

  • example
  • Draws your eye into the page, it pulls you in. Contrast might be type that is bolder, bigger, or a very different style. It might be different colors, graphic signposts, or a spatial arrangement. To be effective contrast must be strong. Contrast defines what is important.
  • If two elements such as type, graphics, color, texture, etc. are not the same, make them very different, don't make them almost the same.
  • There are times when you don't want contrast - when you want to present continuous text as in an article. Links also provide contrast. If you want people to read an entire piece, let it be bland and uninterrupted.

  • example
  • table of contents on first or second page to pages in the site and return to table of contents page on each page
  • all links are clearly identified, work and go to where they say they will go
  • don't use clumsy buttons or underline large pieces of text
  • make sure after link color is distinctly different from before link color
  • buttons on a site should be located in the same place on each page

  • example
  • information is accurate, spelling correct, no grammatical errors
  • date site was last updated
  • who is responsible for the information in the site, what are their qualifications, and how do you reach them?
  • important information on first or second page (i.e. phone of school, principal, "business" of site)

  • example