Skip to main content

Web design layout has evolved dramatically. Today there are dozens of them in the wild. However, they can be classified into two huge categories: one-column and multi-column.

1.The one-column layout

The one-column layout is the oldest structure in the World. Tim Berners-Lee used it when he created the first ever website in the World on August 6, 1991. And it is still a valid and popular option, especially when creating mobile-first designs and landing pages.

2.The multi-column layout

The multi-column layout is a successor of the one-column layout that has also been with us for ages. It underlies millions of web projects worldwide and considers being the top choice now.


These fundamental structures come in various options. The most popular are:

3.Two-column layout

Two-column layout as a rule, it includes one massive area for displaying content and a sidebar for primary navigation.

4.Split screen layout

Split screen layout. It is a two-column structure with equal space between both sides of the screen.

5.Asymmetrical layout

Asymmetrical layout. It is an imbalanced structure whose key feature lies in emphasising a particular page area.

6.The F-shape layout

The F-shape layout. It is based on well-known users behaviour of scanning the web page, which implies visitors’ eyes move across a page in an F-letter pattern.

7.The Z-shape (zig-zag) layout

The Z-shape (zig-zag) layout. It arranges content in a Z-letter direction, another popular option for exploring web pages among website visitors.

8. Card or block layout

Card or block layout. It reminds a mosaic style where the screen is divided into numerous blocks that are tightly placed together.

BestWeb –

For further enquiries on any of our expertise or services, whether it is for website design & development, mobile application development, or digital media marketing, please feel free to contact or whatsapp +6010-2200 660, email or visit Thank you.

Need Help? Chat with us