Grid Based Design

  • A Grid Based Design is a structure comprising a series of horizontal and vertical lines which intersect and are then used to arrange content.
  • Grids enable you to build solid structure and form into your designs, which make it easier to understand.
  • A Grid System is a way of providing a system that designers can work with to structure and present content and imagery in a much more readable, manageable way.


Advantages :
  • Allows you to design in proportions, balancing between all of the different elements that you might have in your design.
  • It is very flexible, so that you can almost twist it to your needs when you’re designing the different parts of your website.
  • A grid can add better alignment, balance, and equality in spacing for a much better visual experience.
  • Grids can make it much easier to apply even proportions for dividing content, and also divine proportion (the rule of thirds).
  • It provides high flexibility.

Examples :