Grid systems in graphic design
A grid system is a set of measurements which can be use to align and size objects within the given format.
Although there are a few different categories of grid systems, there are no strict rules on what can or cannot be a grid.
It's up to you to chose any guides that help you shape the final design better.
Ref: printingcode.runemadsen.com/lecture-grid
Type of grids used are as follows:
1. Perfect in Division Grid
2. Perfect in Measure Grid
3. Baseline Grid
A. Perfect in Division Grid:
Sometimes called a block grid or single column grid, the division grid is the simplest grid structure. It's mainly a large rectangular area taking up most of the space inside a format. The primary structure is defined by large text blocks and margins, which position the block within the format.
Ref: vanseodesign.com/web-design/grid-types
B. Perfect in Measure Grid:
A measure grid also known as modular grid is a grid which has consistent horizontal divisions from top to bottom in addition to vertical divisions from left to right. Measure grids are created by positioning horizontal guidelines in relation to a baseline grid that governs the whole document.
Ref: https://viljamis.com/2012/modular-grids/
C. Baseline Grid:
The baseline grid is a technique used to better your web-based typography. Essentially, it aligns all your text to a vertical grid where the bottom of each letter is positioned onto the grid, just like writing on lined paper.
Ref: https://webdesign.tutsplus.com/.../setting-web-type-to-a-baseline-grid--webdesign-3414
