Home arrow Design Usability arrow Page 2 - Design Principles that Shape a Web Site

Design Principles that Shape a Web Site

Have you ever wondered why one web page interests you while another leaves you cold? If you're designing your own web site, that topic is of more than idle interest. There are specific design principles that you can use to ensure web surfers have a good experience when they visit your web site and keep coming back for more. This article explains the details.

Author Info:
By: Stephen Davies
Rating: 5 stars5 stars5 stars5 stars5 stars / 12
July 25, 2007
  1. · Design Principles that Shape a Web Site
  2. · The aesthetics of web design
  3. · What Software?
  4. · Compositing the visual elements

print this article

Design Principles that Shape a Web Site - The aesthetics of web design
(Page 2 of 4 )

From the design principles laid out in the previous section, where web design is concerned, these factors stand out the most in influencing the aesthetics of web design:

  1. Form - shape, line, dot
  2. Texture
  3. Color or Hue
  4. Value (light and dark)
  5. Space (actual and virtual)
  6. Time
  7. Hierarchy
  8. Mood
  9. Style
  10. Message

Additional Points to Consider

Those ten points above represent the most important elements in web design work outside of the information architecture that forms the content. But there are additional elements that influence the design work. These include:

  • The design process, which involves the step-by-step processes by the designer to reach a design solution through research and revision of the problem at hand.
  • Using great layouts to help improve how the images and content are laid out on each part of the web template. This pre-production stage allows the designer to gain early visibility of the project.
  • Careful consideration of the impact and use of the choice of technology in the design solution. Depending on the learning curve, some software titles will be more suitable to one designer than another. Also influencing this is the amount of graphic technology that the designer wants to employ in the design solution.

blog comments powered by Disqus

- Responsive Web Design: More Than Just a Buzz...
- Add New Website Features to Please Users
- Gzip Components in Action
- Configuring Gzip Components
- Gzip Components
- Create Great JavaScript and CSS Menus Simply
- Design Principles that Shape a Web Site
- Creating Aqua Style Images
- Easy as A,B,C dynamic A to Z indexes
- EasyChart: a Usability Teaching Tool to Demo...
- Building Friendly Pop-up Windows
- Back to School: Design Usability
- Using HTML_QuickForm To Manage Web Forms, Pa...
- Using HTML_QuickForm To Manage Web Forms, Pa...
- More Website Knick Knack

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-2018 by Developer Shed. All rights reserved. DS Cluster - Follow our Sitemap
Popular Web Development Topics
All Web Development Tutorials