Graphic Design
  Home arrow Graphic Design arrow Page 5 - 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  
Mobile Linux 
App Generation ROI 
IBM® developerWorks 
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 / 42
    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


    Web Page Design Overview - Backgrounds, Special Effects and More


    (Page 5 of 5 )

    V. Backgrounds         

    Choose background colors carefully

    Many websites today use a simple white background so that text is easy to read, but you can choose any color. Be cautious, however. Research on color has shown that color can affect how people perceive information. For example, royal blue represents a conservative or traditional approach while gray evokes a feeling of being uninvolved. Red increases blood pressure and heart rate and indicates an urge to achieve results and succeed. Also, you should avoid using bright colors, such as neon tones, because they can be hard to look at for too long.

    Avoid large backgrounds

    There are lots of sites on the Internet where you can get free backgrounds for your site. Be careful though about selecting one of these backgrounds. Some are "too busy" and distracting and many are large and, therefore, take a long time to load.

    VI. Temptations
             
    Use special effects sparingly
                                  
    This is one instance where the old saying "less is more" applies. Have you ever browsed a page with several blinking text items or animations going on simultaneously, or a page with five or six frames, each tiled with a different background image? Then you know that too many special effects can be irritating. Use special effects, such as frames and animations, conservatively and tastefully to enhance your web page. You don't want to overwhelm or annoy your visitors.

    Avoid copyright violations

    The current copyright laws and their application to the Internet continues to be a topic of debate. For example, just because art or information is on the Internet, it does not mean that you have the right to copy it. Also, you cannot copy text or images from books, magazines, or other sources and place them on your website. Even using clipart that you have purchased for print may be illegal for use on the web.

    Instead, create your own text and, if possible, draw your own graphics. Also, consider purchasing clipart that you can use on the web.

    VII. Finishing Touches
               
    Add horizontal lines

    Horizontal lines are effective design elements that you can use to separate different elements on a page. Lines don't take any extra time to download, and you can vary their length and width.

    If you wish to spice up your page, consider using color lines. They take a few seconds to download, but they can add a strong design element to your page, especially if you coordinate the lines with the color scheme of your page. Avoid using different types of lines on the same page, and be careful -- too many lines can be distracting.

    Include bullets

    You can use bullets to set off lists or to break up the page visually. Color balls, arrows, and pointers are also available, but remember, a little color goes a long way.

    Use markers

    If you want to draw your viewers' attention to new items on your page, you can add colorful markers that identify the items as "New" or "Updated." Again, don't overdo it -- one or two markers per page is sufficient. More than that defeats the purpose.

    Include an e-mail address link
            
    Invite your viewers to contact you by including an e-mail address link on your page. This link will take your visitors directly to a window where they can type and send you an e-mail message.

    This is how you can design your site. So what are you thinking? Get set go.


    DISCLAIMER: The content provided in this article is not warranted or guaranteed by Developer Shed, Inc. The content provided is intended for entertainment and/or educational purposes in order to introduce to the reader key ideas, concepts, and/or product reviews. As such it is incumbent upon the reader to employ real-world tactics for security and implementation of best practices. We are not liable for any negative consequences that may result from implementing any information covered in our articles or tutorials. If this is a hardware review, it is not recommended to open and/or modify your hardware.

       · This article states the obvious.I was hoping for a more graphical explanation...
       · very well written ....
       · half of this crap is wrong!!
     

    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-2009 by Developer Shed. All rights reserved. DS Cluster 2 Hosted by Hostway
    For more Enterprise Application Development news, visit eWeek