Grids, Margins, Modules and More

Grid "a structure that breaks space or time into regular units"

Why do designers use a grid? What are the benefits or functions?
They vary in complexity and their definition but their main funtion is giving the the designer control. They give the designer a way of arranging their content in a systematic way. The grid benefits the designer by creating modules and equally spaced lines to create a more satisfying image.

Modular Grids have equally spaced lines (both horizontally and vertically) which form perfect square modules: spaces between these grids are called gutters.

Margins the space between the grid and the edge of the page; used to keep content from reaching the edge of the page

Columns a section of content or space going vertically used to organize the text throughout the grid

Grid Modules defined by the gutter, these lines create 18 small squares on the grid

Flowlines made by text, these lines lead the viewer's eye through the grid

Gutter the space between the modules that creates the outlines of the grid modules

Hierarchy & Ways to Achieve a Clear Hierarchy the way a designer places importance on a certain part of the image or makes the viewer to focus or look at certain parts of the image in a certain order. This can be used through manipulation of text or image placement. size, or certain elements in that design that draw the viewer in to see certain elements in the order that the designer wants them to

Type Family typefaces which include different versions of itself, including condensed and extended variations and display faces; they are seen as distinct yet still related

Type Styles any full set of standardized letter forms which are designed for print reproduction