By using a grid as framework for laying out the design, you can align the content text into place, both horizontally and vertically.

The grid helps the design complete balance and spacing, which are an important part of the principals and elements of design, and organizes my content. Doing this creates a well built structure and an uncluttered design.

Grids are effective in both web design and print design if you pay attention to the horizontal and vertical lines, but don’t be afraid to step outside the grid. Small elements may be very powerful and eye catching if intentionally placed off balance.


In the grid-based example shown above, it shows how a simple horizontal and vertical grid can organize the page in an interesting way. However, the title is outside the grid. This is done intentionally to give the title impact.

Grids can be created easily for each design. You can have as many columns and rows in your design, but remember to keep it simple and use only as many columns and rows as needed.

How often do you design by grids? Does it prove effective to you?