Friday, July 20, 2018

Grid Design:

  • Grid is a design of rows and columns or table format for the matter to convey in systematic manner.
  • Grid is keep your elements aligned, ordered and your page design clean and neat.
  • Grids are made up of intersecting straight ( horizontal and vertical ) guide lines.
  • To get the things quicker and better so it improves the efficiency.
  • Grids encourage alignment. It helps to organize the content and also provides consistency.
  • Grids are using easy and elements are physically separated from each other.
Grid Terminology:

Gutter: The Gutter is the space between columns.
Column Inch: One column inch is one inch of vertical space by one column wide.
Jump: When item flow from one column to next column.
Modular Grid: This grid is more detailed and flexible to arrange content.

 Examples:  
                                                                    Simple Grid


                    This grid explain about grid headings where you placed the content

Related image

                                             Simple grid for showing data how you placed

                  Image result for images related to grid in web design