Rocketface® Webmaster's Workshop
Designing A Website   
A beginners guide to building a classic website


Including the step-by-step webmasters tutorial
How to Design a Website

Home Sitemap Archive Index Privacy About Search AddThis Social Bookmark Button

Webmasters Tutorial Navbar
How to Design a Website
About Domain Names
About Web Hosts
Free Web Hosts
Private Web Hosts
Types of Websites
Building a Website
Analyze Website
Analyze Audience
Analyze Content
Website Design Tips
Website Journal
Effective Communication
Target Audience
Demographics
Website Goals
Organize Website
Website Basic Layout
Webpage Design
Website Navigation
Website Structure
Website Sections
Website Theme
Webpage Layout
Website Content
HTML Editors
White Space
Develop Website
Sitemap Construction
Webpage Construction
Website Assembly
Website Construction
Website Graphics
Website Templates
Implement Website
FTP Website
Fine Tuning Website
Upload Organization
Ftp Checklist
User Interaction
Maintain Website
Website Promotion
Marketing Website
Viral Marketing
Content
Product Sales
Affiliate Programs
OnLine Services
Optimize Website
Keywords
The SEO Process
Website Traffic Analysis
Increasing Website Traffic
Links Tracking
Link Baiting
ROR RSS Sitemap
Generator
Summary
Webmaster Resources
Webmasters Tutorial Start
The SEO Process
Mini Site Design - 101
HTML Tutorial
A beginners guide to effective email
Resources
Glossary
Newsletter
Feedback
Webmasters Article Archive

Bookmark
Bookmark Rocketface Workshop


Balanced Webpage Layout

The purpose of a balanced webpage

No matter how well you have written your content or how stunning your graphics may be your efforts will have been in vain if the webpage that you are designing lacks balance. By balance I am referring to the overall impression one gets when first viewing a webpage.

The human brain, when observing something like a webpage, seeks a sense of order to enable it to understand its content.

In this way we can quickly evaluate the contents of a document and decide if it is relevant to our interests. Therefore, in order to provide our visitors with a clear idea of what we are trying to say, it is necessary to balance the webpage layout.

Balancing a webpage

There are three main principles of composition to consider when balancing a webpage. They are;
  • Focal point: On a webpage this would be the center of interest or focal point. It should be the dominant area on any website document. Here is where your main subject is presented.

  • Unity: If nothing distracts your visitor from the main subject of your webpage you have unity. Unity is the tying together of all the elements of a page, during webpage construction, into a framework which supports your main theme.

  • Contrast: The visual impact of a webpage can be enhanced by the use of contrast. White space, colors and graphics are tools that can be used to create contrast.

Uniformly justified text

On this page all of the webpage elements are left-justified regardless of where they are positioned. This gives a clean professional appearance, it is not cluttered and is the style most commonly used for internet webpages.
Example of uniformly justified text.

fig.2 - Example of uniformly justified text

Consistency and website balance

Remember, no matter which alignment style you are using, keep it consistent. If you want your website to have a professional appearance all of your pages should use the same rules of alignment. This will enable your visitors to easily identify the main areas of each page at a glance.
Text is not the only element of a website that should remain consistent. Colors, headers, footers and styles of graphics should reflect a uniformity to your visitors as they navigate through your website. This is where the pros shine! Nothing gives that sense of quality to a website like balance.

Webpage Designing - Further Reading

Information Designing Web Pages
Information Icon All About Design Principles and Elements
Information Icon An Issue of Width - The Resolution Problem
Information Icon Critical Web Design Rules
Information Icon An Easy Way to Choose Attractive Color Combinations
Information Icon 8 Ways To Improve Bad Website Design
Information Professional Webpage Layout
Information Icon Visit the Webmasters Article Archive for further information on website design and webmastering.

Website Design for Beginners - Further Reading

Create a Professional Looking Website in One Day
Building a Multipurpose Website
Dos and Donts Guide to Great Web Design
Do You Know How To Create A Successful Web Site?
15 Fixes For A Failing Website
8 Ways To Improve Bad Website Design
Common Web Design Mistakes
Choosing A Professional and Reliable Web Host



Check out the webmasters article archive.

Copyright© 1999 - 2008
Rocketface® Graphics
Home Analyze Organize Develop Implement Maintain Site Map Index