Website development - design features and principles of layout

Website development for commercial use imposes particularly stringent requirements for layout and design websites. This article describes the basic principles of layout and related features design layouts.

Table layout has long been the main way layout of sites, but now it is widely used in various cases. Using the tables provide a framework align elements make modular grid and colored background.

With this layout layers are structural elements that are placed on the page by overlapping with high accuracy. Layer Settings can be changed dynamically using scripts.

Scripts provide the ability to dynamically change the parameters of the layer. That allows you to create a Web page, a variety of effects, such as drop-down menus, floating windows, unfolding banners and more.

Block layout - made using layout blocks with tag DIV and style sheets CSS, that describe them. Tabular layout is much easier to design than a block layout, but the latter is now used much more widely.

For example, more recently, as the main tool used typesetting tables and frames. But today, frames, fading. HTML 5 standard, which is widely used layout, no longer includes support frames.

Types of design layouts on the principle layout:

  • Fixed - rigid design layout
  • Rubber - flexible design layout
  • Adaptive - Adjusts design layout

Fixed type design - either tabular or block. This type of column design or pattern width specified in pixels, that is exactly fixed.

The advantages of a fixed design:

  • Fixed design is much easier to develop and can know in advance how it will look web page
  • The designer has the ability to set clear the block size of the site.

Disadvantages of fixed design:

The site has only one optimal screen resolution, and other resolutions on the page can be displayed horizontal scrolling.

Rubber type design - one in which the column width or pattern set in% of the screen resolution.

Benefits rubber design:

  • The website will display the entire width of the screen and fill the entire space of the browser.
  • This type of design will look the same on monitors with different resolutions.

Disadvantages rubber design:

Development of rubber design - is a continuous experiment. It is impossible to predict how to behave in the site structure at different moments.

At larger screen sizes appear too long lines, which greatly spoils the view and inconvenient for users.

Adaptive Design - uses the principle layout that adapts (adjusted) under the current screen size. Thus there is a movement of the blocks or the replacement of one other blocks that appear only when the designated screen resolution.

Benefits of adaptive layout:

Site specifically designed for different screen sizes, which of course increases the complexity of the development

Web pages are displayed correctly on the plate and on the big screen - it's most convenient for most users

Disadvantages adaptive layout:

Labor intensity of the designer several times higher, since it takes careful study of several models designed for different screen sizes.

So we did a small survey by type of computer typesetting and a comparison of the types of design layouts. Each type of design has as its disadvantages, so a definite plus. Therefore the choice of the type of design depends on the task that the developer must decide when creating a commercial site.

Another articles

Tips for website creation
Why do You need a website?
News websites - build your news site
Influence of website design on its audience
Laconic design: minimalism is a basis of usability
Design for mobile devices: main trends
How to choose a color for the website - especially the perception of color
Good online store - how to make it?
Creating landing pages and an effective call to action
Website design - an important element of the company's image
Online store or website catalog?
Reasons for website redesign
Website Usability - getting the maximum effect
The main functions of the content on the website
Using business model in the Internet Marketing
Creating multilingual websites. Web development in multiple languages
Web-development - time for website creation
Customer Reviews - Online Marketing Tool
For what you need Landing Page and how it works
Frequency of content updating on your website
Choosing a domain name
The operating mode of online store
The advantage of a simple and intuitive design. The benefit to the designer, the client, the site visitor.
Useful tips to fill website
Corporate website forms image of the company
Criteria of a good website
What is a website usability and why does it need?
Intuitive web design: Landing Page should be convenient for the user!
Order the mobile website
What is important to know about creating sites
How correctly create a website
The costs of creating the online store
Corporate website
Effect download speed for efficiency
Website for wedding salon
Usability analysis - what making website popular?
User experience to improve conversions
Website development - design features and principles of layout
Corporate website: how to be better than the competition
What elements should consist landing page?

Order a website

send message