- It is a structure comprising a series of vertical and horizontal lines which intersect and used to arrange content.
- Is a way of providing a system that designers can work with the structure and imagery in a much more readable and present content, manageable way.
- In print publication Grid systems have long been used, but with their introduction into designing for the web and the many, many CSS grid frameworks which have since.
- It is one way to achieve a level of consistency that would be otherwise extremely difficult to master and to portray in your designs by using Grid system.
- Consistency and uniformity are the key to creating a website that your users will find easy to navigate, read and understand.
- It helps you to do that by providing a solid base that you can grow your design from.
- In this grid system, there are four types:
- Manuscript grid
- Column grid
- Modular grid
- Baseline grid
Manuscript grid
- In a page, this is a one-column grid which simply determines that where the text will sit.
- Manuscript grids are utilized in e-books, pdf, documents and display with uncountable text.
Column grid
- It is used for magazines to set content in columns, it makes easier to browse.
- This is the most widely recognized kind of grid utilized by web designers and graphic.
Modular grid
- However, it additionally has rows, A modular grid is similar to a column grid.
- Modular grid separates a page both horizontally and vertically into modules.
Baseline grid
- It is a dense and heavy grid of equally spaced horizontal lines that determine where the text will sit.
- are often used in combination with column grids, to make sure that the lines of text in each column align uniformly across a spread.
