Different types of grids (Environment Spread)

There are different types of grids that has been use a lot for example there is:

  • Manuscript grids — are the simplest and they work well when presenting large continuous blocks of text or images.
  • Column grids — work well when the information being presented is discontinuous and different types of information can be placed in different columns.
  • Modular grids — work best for more complex problems where columns alone don’t offer enough flexibility. The introduce horizontal spaces between blocks of content.
  • Hierarchical grids — can be used when none of the above grids will work to solve the problem. They tend to be created organically by first placing design elements on the page and then finding a rational structure for presenting those elements.

Manuscript Grid:


The manuscript grid is the simplest grid layout and it’s mainly a large rectangular area taking up most of the space or otherwise known as a singular column.

Manuscript grids are good for large amounts of blocks of text. This grid layout is mainly used in books and long essays but they aren’t limited to text though, images however can be used to fill the block.

For this grid layout, if you have a narrow margin, then there will be more text on one page and the user would find it harder to read than having multiple columns or having a larger margin and having a larger margin is a bit better because it helps the user focus on reading the text on the page.

Column Grids:


Column grids are made up of multiple columns on 1 page, preferably 2-3 columns per page.

Columns can be dependent on each other, independent from each other, and crossed over by design elements. This leads to a large amount of flexibility when organising information on the page.

Modular Grids:


Modular grids are like column grids with the addition of horizontal divisions marked by rows. The columns and rows and the gutters between each create a matrix of cells or modules.

Modular grids are good for complex projects that require more control than a column grid can offer. Image galleries and shopping carts are likely candidates for modular grids.

Hierarchical Grids:


Hierarchical grids are commonly found on the web. They’re based more on an intuitive placement of elements, which still conforms to the needs of the information.

Customised proportions are typically used in hierarchical grids instead of regularly repeated intervals. Column widths tend to vary as do the location of flow-lines.

They can be thought of as loose organic grids. Development often begins by spontaneously placing design elements. Later a rational structure to coordinate those elements is determined.


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s