By WalkingTree February 23, 2021

Grids are like a system of organizing content and layout. They create a proper alignment and organize the content of the design. Grids help give shape and give a hierarchy to digital design and it can be a bit challenging to place elements without grids. Grids are important for creating a good user experience as well. There 5 main types of grids are as follows
- Baseline Grid – A baseline grid is a series of invisible vertical units that can be used to create spacing with typography and page elements. This type of grid helps to create a good experience for the reader, where there is a lot of text to read.
- Manuscript Grid – Also known as a single-column grid, a manuscript grid is one of the simplest grid systems. It’s a large rectangle area inside the page for the text to be added on.
- Column grid – Column grids help the text and images to break up which helps you to have anywhere from 2–12 columns that span the width of a landing page. The text and images can be placed within just one column or they can span across multiple columns.
- Modular grid – Modular grids are similar to column grids but with an addition of rows. The YouTube homepage is one of the examples of a modular grid.
- Hierarchical grid – Hierarchical grids are most commonly found in web design. The purpose of this grid is to arrange elements in order of importance. The most important objects are on the top and a grid is created around them.
Read on to know more about the grid structures in web design.
Blogs
Adobe XD is a very fast emerging prototyping application and is making rounds in every organization, who is…
Just twenty years ago everyday life wasn’t as it is today. Not every household had a desktop or…
Many of us aware of the fact that we are living in a world of apps. With a…
Here are few terminologies that should be used if you are in a field of UX. You…
A puzzle with dice of discovery, interpretation, ideation, experimentation and evolution—in real-world scenarios when clubbed to solve it…