|
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
 |