|
|
Balanced Webpage Layout
Designing webpages that provide a sense of order
A balanced webpage has a sense of orderNo matter how well you have written your content or how stunning your graphics may be your efforts will have been in vain if your webpage design lacks balance. By balance I am referring to the overall impression one gets when first viewing a webpage. The sense of order one perceives when viewing a balanced webpage layout translates into trust by your visitors. Your visitors will trust you more if you present them with a webpage layout that dosen't insult the senses but provides a sense of order.
Order enhances your contentThe 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 your webpage layout.
Example of a balanced webpage with uniformly justified text
Example of uniformly justified text
Uniformly justified textOn this page all of the web page 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.3 main principles of composition to observe when balancing a webpageThere 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 or webpage. Here is where your main subject or argument should be presented.
See: Focal Point - Every page on your website should have an eye catching central theme
-
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 webpage, during webpage construction, into a framework which supports your main theme.
See: Website Theme - Provide unity by creating an overall look and feel for your website.
-
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. On the internet it is imperative that the content of a webpage should stand out clearly to the eye.
See: White Space - How to use white space for contrast on your webpages.
|
Consistency and website balanceRemember, 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 typography and website design - layout. This will enable your visitors to easily identify the main areas of each webpage at a glance.Colors, headers, footers and graphicsText 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.
|
|
|