Arrikiwinslow - IDÉES VAGUES AVEC IMAGES CLAIRES

Alvin Lustig (1940) • Typographical illustrations for 'The Ghost in the Underblow' Book

#graphicdesignwow #american graphic design #alvin lustig #1940

Diptera, original photo Denef Huvaj Paper collage on panel, 21 x 29.7cm

website | instagram | behance | facebook | ello

Viktor Hachmang

Grids and Layout

Grids are the skeleton that a layout is built upon. This helps organisation, readability, to produce the piece easier and quicker, easier for collaboration, easier to balance the design, creates an easy to make multi-page layout with consistency, enhances visual hierarchy, creates a starting point for your design and can be used to break the rules for impact. There is a full anatomy to a grid: 

Format - the full area/space for all the elements. 

Margin - space between the content and the edge.

Flowlines - to line up the text correctly.

Modules - space between the vertical and horizontal gutters 

Spacial Zones - multiple modules 

Columns - vertical spacial zones 

Rows - horizontal spacial zones 

Gutters - spaces between the rows and columns. And making them equal creates visual balance 

There are also types of grid: 

Baseline - consistent typography size and leading. Mostly used for novels. 

Manuscript - a large rectangular area which is good for continuous elements of text. A narrow box means a focus on the eye. 

Column - useful for pull quotes and they could be regular or irregular for variations. 

Modular - vertical and horizontal divisions. Useful for small chunks of information and to create spacial zones. 

Hierarchical - Loose and organic grids which create more freedom and can unify different elements.

Pixel - useful for design on screen. 

This lecture was useful by showing me key types of grids and layouts which I can refer to in my practice now and in the future to create successful editorial layouts. 

Sherilyn Fenn

promotional photo for Twin Peaks, November 1989

Grids and Layout

Grids are the skeleton that a layout is built upon. This helps organisation, readability, to produce the piece easier and quicker, easier for collaboration, easier to balance the design, creates an easy to make multi-page layout with consistency, enhances visual hierarchy, creates a starting point for your design and can be used to break the rules for impact. There is a full anatomy to a grid: 

Format - the full area/space for all the elements. 

Margin - space between the content and the edge.

Flowlines - to line up the text correctly.

Modules - space between the vertical and horizontal gutters 

Spacial Zones - multiple modules 

Columns - vertical spacial zones 

Rows - horizontal spacial zones 

Gutters - spaces between the rows and columns. And making them equal creates visual balance 

There are also types of grid: 

Baseline - consistent typography size and leading. Mostly used for novels. 

Manuscript - a large rectangular area which is good for continuous elements of text. A narrow box means a focus on the eye. 

Column - useful for pull quotes and they could be regular or irregular for variations. 

Modular - vertical and horizontal divisions. Useful for small chunks of information and to create spacial zones. 

Hierarchical - Loose and organic grids which create more freedom and can unify different elements.

Pixel - useful for design on screen. 

This lecture was useful by showing me key types of grids and layouts which I can refer to in my practice now and in the future to create successful editorial layouts.