Graphic Design
  Home arrow Graphic Design arrow Page 4 - Web Page Design Overview
Dev Articles Forums 
ADO.NET  
Apache  
ASP  
ASP.NET  
C#  
C++  
ColdFusion  
COM/COM+  
Delphi-Kylix  
Design Usability  
Development Cycles  
DHTML  
Embedded Tools  
Flash  
Graphic Design  
HTML  
IIS  
Interviews  
Java  
JavaScript  
MySQL  
Oracle  
Photoshop  
PHP  
Reviews  
Ruby-on-Rails  
SQL  
SQL Server  
Style Sheets  
VB.Net  
Visual Basic  
Web Authoring  
Web Services  
Web Standards  
XML  
Dedicated Servers  
Actuate Whitepapers 
Moblin 
IBM® developerWorks 
Sun Developer Network 
Weekly Newsletter
 
Developer Updates  
Free Website Content 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Write For Us Get Paid 
Request Media Kit
Contact Us 
Site Map 
Privacy Policy 
Support 
 USERNAME
 
 PASSWORD
 
 
  >>> SIGN UP!  
  Lost Password? 
GRAPHIC DESIGN

Web Page Design Overview
By: Sachin Hiware
  • Search For More Articles!
  • Disclaimer
  • Author Terms
  • Rating: 3 stars3 stars3 stars3 stars3 stars / 38
    2004-10-19

    Table of Contents:
  • Web Page Design Overview
  • The Process of Creating a Web Page
  • Designing Your Site
  • Text and Graphics
  • Backgrounds, Special Effects and More

  • Rate this Article: Poor Best 
      ADD THIS ARTICLE TO:
      Del.ici.ous Digg
      Blink Simpy
      Google Spurl
      Y! MyWeb Furl
    Email Me Similar Content When Posted
    Add Developer Shed Article Feed To Your Site
    Email Article To Friend
    Print Version Of Article
    PDF Version Of Article
     
     
    ADVERTISEMENT

    Stay one step ahead of the competition. Evaluate and give feedback on some of the hottest web development tools on the market today. Make your opinion heard! Click Here

    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.

    More Graphic Design Articles
    More By Sachin Hiware


       · This article states the obvious.I was hoping for a more graphical explanation...
     

    GRAPHIC DESIGN ARTICLES

    - 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
    - The Pen is Mightier than the Brush Tool







    © 2003-2008 by Developer Shed. All rights reserved. DS Cluster 4 hosted by Hostway