Grid System

Definition

Grid systems help arrange content on a screen by serving as organizational tools. They consist of horizontal and vertical lines that make up what one calls gutters and columns.

Information

Using a grid system is one of the easiest ways to achieve an organized design. Grid systems align elements of a page according to sequenced rows and columns. The technique first gained popularity in print layout. This is a low-tech and high-value tool that every designer should include in his top ten office tools. In interactive design, grids can also help create a consistent experience across a variety of devices. Seeing familiar features in the same place as expected pleases users.