Wire Framing Workshop -generic web page template, the basic layout areas of a web page, anatomy of a website

 

Generic Web Page Template the Basic layout areas of a web page

This is a generic web template showing the basic layout areas of a web page from the wire framing workshop. And below is a example of the wire framing for a social web version.

Generic Web Page Template - the social web version. web design

These are two basic web layouts. Some more information about what is important and included in each element of the design is listed below:

 

So this information tells me what goes where when I am thinking about the design of my websites. It is important to remember not all websites need ALL of these elements to make it work. Each website designed is for a different purpose and different viewing experience so not every design will include all of the elements I have posted here.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s