|
|
Typography and Website Design - Layout
Position your webpage text to make every word count
|
Make every word count!More important than either appearance or style is the arrangement of text. On web pages, text needs to be short, concise and to the point. Make every word count and don't use passive language. Instead of "This link will take you to another one of my graphics pages" - use command verbs such as "Click here for more graphics" or simply "More Graphics".Group your internal navigation linksLinks to other sections of your site should be visible on the opening screen - don't make visitors scroll to find them. If you are offering a number of links to other sites, don't just list them - group them under categories. |
|
Be consistent on every page of your website (i.e. landing pages)Keep in mind that not all visitors will enter your site through the "front door" (your home page). They could access any page on your site directly. These "landing pages" often out perform your home page and may be responsible for your major traffic flow.It is important to have the following things on every page of your web site:
- The site or company name
- A link to the home/index page
- Links to other key sections of the site
- Email address of contact person
- Copyright information
Use "White Space" to break up your contentBreak content into chunks of information separated by white space. Use this white space to distinguish the different sections of your site. Reading is more difficult on screen; avoid long paragraphs. Don't let your paragraphs, or any text, run the full width of the screen. Use margins and/or tables to keep the width of text to within 10 to 15 words per line.
Example of a typical webpage layout using white space to organize the content.
Website Basic Checklist1. Select your web site name and theme 2. Know what graphics and/or photos you're going to use and have them ready 3. Know what information you are going to put on your website 4. Determine the main sections and subsections and list them in order of importance 5. Have a basic outline of your web siteSelecting type fonts and colorsYou need to select the type of font you want to use and the colors you will use for the bulk of your text, links, and visited links. |
Note:Remember to consider your background color or image. Determine if it is going to make reading the text difficult and make changes if needed.See: Typography_and_Website_Design-Style - Style refers to -uppercase, bold, italic, underlined, subscript and superscript text as well as font color and size.
If you are going to use a specialty font for your title and/or section headings, create them as graphics.
See: Typography_and_Website_Design-Fonts - Use the proper type fonts to create a professional looking website.
|
|
|