Overview

Whether you are a web designer or a website owner, understanding web layouts is very important. This is because a web page layout is the backbone of the entire design. The type of web layout you will choose greatly depends on the purpose of the website.

What is a Web Layout?

Web layout is an aspect of web design that is concerned with the visual arrangement of elements on a website. These elements are what makes the page layout. They include color, text, style, page size, graphics, and so on. It also involves consistency, a key element in page layout.

There are 3 main types of web layouts. They are fixed layout, fluid layout, and elastic web layout.

Fixed Layouts

Fixed web layouts were used in the past and are now considered more primitive. In this layout, the main components of the site are fixed within certain widths. In fixed layouts, web visitors will experience the same layout components within the fixed widths regardless of the browser or device type.

Fluid Layouts

In fluid layouts, almost all the components on the web page have percentage widths. This means that they adjust according to the set percentage ratios on different display resolutions.

Elastic Layouts

On the other hand, an elastic layout is a blend of fixed and fluid layouts. Also known as a responsive layout, it is a commonly used layout in modern web designs, especially with the popularity of mobile usage on the rise. In this layout, the fonts are adjusted to suit specific resolutions. The adjustments are triggered by em-based units which are simply squares of the fonts used. Even though elastic layouts offer better usability and improve loading speeds, they are hard to design.

Final Words

Each of these layout suits different website needs. A web designer will choose any of the above layouts depending on the type of site they are creating. For example, a personal website will emphasize on a fixed layout while an e-commerce website will settle for an elastic design layout.