Chapter 3
Pages 135-147
Grids - govern the space to help solidify and hold the elements in place to help create form and structure.
Classical Grid -
proportional systems mathematically divide the page visually.
the golden rectangle (the gold ratio is 1:1.618.
Modern Grid -
Ladislav Sutnar developed guidelines to organize and arrange different kinds of levels.
The modern grid builds equal margins rather than progressively wider ones and columns of text are deprecated by gutters establishing the whole texting area. The modern grid accommodates arbitrary placed guidelines and is designed to support asymmetrical compositions.
Modular Grids - build upon the functional aesthetic.
When to use grids?
Based on the content the design may need a grid.
When there is large amounts of text.
Organizational and navigational needs.
Certain types of mediums
When trying to communicate effectively.
Chapter 5
Pages 212-214
Design Genres:
THE CLASSICAL BOOK
Also called the Manuscript Grid, it has optimal proportions between the main text, margins, and page spread.
THE MODERN PAPERBACK BOOK
With narrow margins, this grid maximizes space with symmetry and single text blocks.
THE TEXT-ORIENTED
Organizes less prominent images alongside the text.
IMAGE-ORIENTED PERIODICAL
Organizes large images and captions.
CORPORATE COLLATERAL
This function is applicable over a wide range established by constant relationship between elements across the pages.
THE NEWSPAPER
The article lengths tend to be specified by the number of columns needed for flexibility to maximize multiple information.
THE NEWSLETTER
This grid flows and floats text within column frames.
THE WEBSITE
Basic HTML code can position elements in relation to the upper left most pixel. It has become expected to have universal and navigational menus along the top and left side of the browser.
THE WEBLOG
Similar to that of a college or wide rule paper the blog has navigation on both the left and right side of the pages with the main body of texts in the middle.
