Workshop 4: Grid Systems

22/02/17 – Grids

Above are examples of a grid based design style taken from books found in the library on campus. The grid overly was added in Photoshop, and then converted to a block colour scheme, representing each major section of the grid.

Red – Imagery
Dark grey – Primary text
Light Grey –  Secondary text/elements


The aim of this task was to understand the importance of a consistent coherent design hierarchy through the use of grids. Grids provide a systematic order and guide the reader through the text to main elements. A grid layout used throughout a medium such as a magazine or book is highly advantageous, not only does it dramatically increase the speed of designs from page to page, but it also provides a consistent theme; Users can learn where to expect title, imagery, and main page content. A layout that has no consistency is highly irritating to the user, and forces them to search for the content they desire on every new page.

Grids schemes used in this manner are far more efficient than traditional page by page design methods, allowing for quick designing for multiple documents at once and a sense of familiarity or continuity for the reader. This method also saves development time and therefore helps to keep design and developments costs down.

Grids, though sounding very ordered and static, can create very unique looking designs. The system allows for objects within the page to be aligned together, in whichever the designer sees fit. Consistent blank spaces such as gutters or margins can be implemented to break up the design, whilst keeping the grid structure and content alignment.


Leave a Reply

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

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

Google+ photo

You are commenting using your Google+ 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 )


Connecting to %s