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.
The need for improvement in healthcare UX has become apparent over the years. According to a John Hopkins…
Welcome back to the Dashboard Design Principles series! If this is your first time here, part 1 will…
It is frustrating to not have the information you need at your fingertips. With astronomical data coming in…
It has become evident that over the past decade the BFSI industry is heading toward a major overhaul….
Accessibility put simply, is a user experience designed for all. This concept, although around for a while, has…