What is quality in web-design? The distance between objects on the page.

One of the main advantages of a good web site – this is the optimal use of the distances between the elements of design. If you pay attention to how certain elements are situated and aligned on the page, you can greatly improve its appearance as a whole and to give the user a feeling of quality design.

To set the correct distance between the elements it is necessary, first of all, to look at all the objects that make up the Web page. Looking at the big picture, you can understand better how to best locate objects. Sometimes it helps to reduce the page size and look at your design under the alternative angle.

Examples of successful arrangement of the elements

Excellent layout site Good.is

As you can see, this page provides a feeling of very open and clean space. This happened thanks to the decision to leave the designer considerable distances around blocks of text and pictures.

Very successful distance between the elements on the site Digital Mash

If properly arrange elements on the page relative to each other, they will look much more attractive and they will be more likely to click. Website Digital Mash – an excellent example of a very friendly design.

A lot of free space on the site web design company – Powerhost

And again – the distance between objects are very helpful to provide content that he could speak for itself. There is not too much content on the page, but the creators of the site were not afraid to leave more space. If you visit only a few lines of text, this does not mean that they can not divert a lot of space.

Incorrect distance between objects

The fundamental error in determining the distances between the elements of content – pinning them to the edges of the page. No matter how stylish are the objects themselves – if you squeeze them on the page too much, it lost much in the style and quality.

Tips on proper placement of objects

Deciding how much free space to use on the page, had to take over again in each case. Therefore, we must practice good eye to be able to determine the correct distance required around each element, and use this knowledge in design. It is not easy it comes with practice.

  • Use the design grid guide lines
    Using the grid certainly helps to understand the importance of the distances between objects.
  • Try again and again
    By trying you can determine what should be the indentation.
  • Free space – does not mean wasted
    If you are on the page is empty space, not necessarily that it must fill.
  • Better Fewer, But Better
    Rather than try to fit the page a little more, make her less content, add a space and place only vital information.
Advertisement

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 )

Connecting to %s

Follow

Get every new post delivered to your Inbox.