What is Grid system ?

  • 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.
Leave a Reply

Your email address will not be published. Required fields are marked *

You May Also Like

What is Semantic HTML ?

It is essential to understand the meaning of words during communication in any language. It becomes more critical and provides more semantic elements which make it easy to understand the…
View Answer

What is the difference between SOAP and REST ?

                  SOAP                    REST It is a protocol. It is an architectural style. SOAP- Simple Object Access Protocol. REST- Representational State Transfer. It can’t use REST because it is a…
View Answer

What is JS ?

It is a small piece of javascript program that can add user interactivity to your website. A Script could provide a dropdown menu and generate a pop-up alert box message.…
View Answer