Basic Placement and Position of Web Design

When you are beginning a new design, regardless of your design method is, you begin with a blank page. There's nothing on the internet page - so the very first thing you will do is put something up on the page.

But do you concentrate on the position of those elements or do you throw them onto the page willy nilly? Good designers don't permit the position and placement of their designs to happen at random. They suspect about:

* What the part is
* The way the component is related to the page goals
* Where the part fits with the other elements on the page

What’s the Component You are Placing
There are a lot of common elements on an internet page, eg: news, navigation, photographs, textual content, and administrativa. Understanding what a factor is helps identify where it should be placed on the page. For instance, you sometimes would not put an internet page strap line at the bottom of the page. Navigation is mostly found on the left or at the very top, and administrativa is most ordinarily found at the bottom.

How Does the Component Relate to the Page Goals?
Knowing your goals and the goals for the page are key to placement. That is the reason why advertisements are found in similar places on net pages. If the goal is to get folks to click them or spot them, then placing them in locations where traditionally folk look and click helps them to meet their goals.

Where are the Other Elements on the Page?
in many ways this seems to be the most blatant part of design - after all if you already have a trademark in the higher left, you are not going to put content on top of it. But you also have to consider the context of your positions. Placing an advert block in the middle of a text block implies a feeling of connection between the 2 elements. Placing a horizontal line after a title or by-line can create a feeling of disconnect between the title or by-line and the content.

Where you Place Your Elements Can make a contribution
As they assert in property, there are 3 vital rules: "Location. Location. Location." If the Mona Lisa were stored in my aunt's garage, it would not have the effect on folks that it does hanging in the Louvre. It's still the same painting, but if it were sitting next to cans of old paint, a grimy grass mower, and a dust covered junker vehicle it takes on the side of its environment.

Now, I don't believe that nearly everybody has a "ghetto" location on their net pages, but effective placement provides the visible structure and structure to your internet page. If you can engage your clients through an engaging and motivating design, you have done half of the work.

Variety is the Spice of Life
One of the simplest design methods is to center elements on the page. And many beginning designers begin with that as their goal - all of their design elements start in the middle, often horizontally, but occasionally vertically too.

Centering appeals to a lot of people because it's simple. You know you have "done it right" because 1/2 the page elements are on one side of the screen and the other half is on the other. But centering is dull. Centering things makes them look terribly flat on the screen and there's little for your eye to catch and hold onto. Centering is really rare in nature. Actually even things that seem to be focused, like leaves (see picture) have tiny defects that lead the eye.

The dot in the image has been positioned in order that it's absolutely not targeted. Every one of the horizontal and vertical measurements from the sides of the page is dissimilar. You can see this on a net page, too. By playing with the position of the dot (and by extension, other parts of a webpage) you provide variety to your designs. You can apply this to more than one part on the page by spacing them unequally from one another as well as the page edges. Here's an illustration of unsymmetrical spacing with 2 dots.

Find the Points of Interest on Your Page
Points of interest are the focal points of a design - the places where your eye is drawn to. By changing the spacing around those points of interest you can affect how those items are viewed on the page.

As an example, an image could be the focus of your webpage. You might decide to center the image on the page, but that is dull and flat. Instead glance at the other elements on the page and change the margins around your image to make a design that increases the interest in that picture.

On this sample page, I placed 3 elements: a title, a photograph, and a caption. I could decide to center all of the elements, but it is an uninteresting layout and there is not any clear visible power structure. Your eye is drawn towards the image because it is an image, not thanks to the position it has in the layout.

 
Copyright @ 2012. Universal Media UK All Rights Reserved.