Waztech >> Library >> Sample Website Layouts


Thursday, 11/20/2008

Library

Where to start

How much

Strategy

Choose a designer

Color Schemes

Search Engine Spiders

Important links to help you start a business and grow your business

Sample Website Layouts

Find a layout and color scheme that works with your company image

Website design can sometimes be a difficult thing to imagine in your head. Here are some sample layouts and color schemes that will get your ideas started.

Layout. There are four common layout designs for a website.

one column graphic
One Column with Header

This page layout is very common. Many different types of sites can use this layout. The negative space gives the site an open space feel.

two column graphic
Two Columns with Header

This is a common page layout used by eCommerce sites. The navigation is easy to find and gives space to the rest of the page.

three column graphic
Three Columns with Header

Content-driven sites use this layout most frequently. The space is divided to allow for navigation, copy and advertising.

letterbox graphic
Letterbox

This is a creative layout for a site. Sites that have very little content use this type for the attractive negative space.

There are also other unique site layouts that are determined by the site's personality and content.

Waztech Internet Services will help you decide on a page layout that fits your site's needs.

Color Schemes. The color scheme of your website can greatly influence your web visitors. While emotional responses vary, there are typical responses to color:

	White Sense of newness, awakened interest, and openness to new ideas
	Red Inspires action, decisiveness, and evokes desires - good for encouraging purchases (used sparingly)
	Orange Excitement, vibrancy, and warmth - good for encouraging purchases (used sparingly)
	Yellow Cheerfulness, hopefulness, welcoming - very evocative color to use for resourceful information
	Green Elegance, stability, balance, harmony, peacefulness, and freshness - good for financial businesses
	Blue Trust, calmness, stability, and peacefulness - influential color, useful on graphics, great for new businesses
	Purple Subdued, mysterious, spiritual - not good for action
	Brown Down-to-earth, casual, reliable, quiet - again, not good for action
	Black Somber, introspective, withdrawing, suspicion - use as accent or border for more evocative colors, not good as main color
	Gray Non-committed, neutral - again, not good for action

Keeping these color values in mind, you then decide on a color combination. Here are a few schemes:

	Primary This color scheme uses bold primary colors. This look that can become overwhelming if not used properly.
	Secondary Secondary colors can create a look of consistency.
	Subdued Using subdued color creates an open site with a clean look.
	Bold The use of bold color and contrast works on a page with many areas. Each area of the page is clearly defined from other parts of the page.
	Dark The use of dark colors creates a tech look, with a highlight color to draw your eye to important elements.
	Cool Cool colors gives a site a crisp, clean feel.
	White Very minimal color with gray line dividers.
	Colorful Bold, warm colors.
	Monochromatic Using monochromatic colors is a good for reinforcing a corporate color.
	Strong This is a unique look with bold colors and background.