Home arrow Graphic Design arrow Page 4 - Web Page Design Overview

Web Page Design Overview

This introductory-level article provides checklists to help with planning a new website. Tips include the effect background colors can have on site visitors and page length considerations such as using shorter pages to break up text by topic or using longer page lengths for ease of printing.

Author Info:
By: Sachin Hiware
Rating: 3 stars3 stars3 stars3 stars3 stars / 49
October 19, 2004
  1. · Web Page Design Overview
  2. · The Process of Creating a Web Page
  3. · Designing Your Site
  4. · Text and Graphics
  5. · Backgrounds, Special Effects and More

print this article

Web Page Design Overview - Text and Graphics
(Page 4 of 5 )

III. Text
Condense your text

Edit your text to the minimum that you need to get your message across. Use white space to break up areas of text and avoid sections that contain only long paragraphs.

Use headline typefaces sparingly

Normal typeface looks more modest. Otherwise, you risk overkill. Don't use all caps or overuse the bold and italic styles.

Make sure your text is readable

Whatever color or texture you choose for your background, don't let the background overwhelm the text. Instead, select a background that subtly complements your text. If your visitors can't read the text, they won't stay.
Choose a high-contrast color for your text

For example, use light text on a dark background or dark text on a light background. Avoid using green text on a red background or vice versa. Red and green have the same value (lightness or darkness), so people who are red/green color blind cannot differentiate between the two. If you expect people to print your page, consider using standard black text on a white background.

Be consistent

Don't mix and match fonts or colors. Decide on the font style, size, and color and use the same style consistently, even on subpages. The same guideline applies to textured and colored backgrounds. They can unify your pages as long as you are consistent with your choices.

Proofread your text carefully

Nothing destroys the professional look of a site more than typos and spelling mistakes.

IV. Graphics
Avoid using large images
The larger the image, the longer it takes to load the page. The longer it takes to load the page, the more likely your visitors will go somewhere else.

In general, you should avoid using a graphic larger than 30KB. You should also try to limit the total size of your images on one page to less than 40KB. Web browsers are usually set to automatically display images. Don't make your readers wait too long to see them.

blog comments powered by Disqus

- Customizing Wordpress Favicons and Gravatars
- Building Corner Effects with Transparent Bac...
- 3D Graphics Technology: VRML Part I - Introd...
- Creating Visual Effects
- Web Page Design Overview
- Creating Artistic Photographs
- Working with Tools in Paint Shop Pro 8
- Using HTML Quickform for Form Processing
- Introduction to Adobe FrameMaker
- WebLogic Workshop, WebLogic Platform, and th...
- Planning the Site
- Working with Web Services
- WebLogic Workshop Application Development Ba...
- Scanning Images for Web Use
- Web Graphics Overview

Watch our Tech Videos 
Dev Articles Forums 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Write For Us 
Weekly Newsletter
Developer Updates  
Free Website Content 
Contact Us 
Site Map 
Privacy Policy 

Developer Shed Affiliates


© 2003-2019 by Developer Shed. All rights reserved. DS Cluster - Follow our Sitemap
Popular Web Development Topics
All Web Development Tutorials