Week 6 Outside of Class

Outside of class I read pgs. 68-73. Here are my notes:
The Grid System:

• The benefits of working with a grid are: clarity, efficiency, economy, and continuity
• Before anything else, a grid introduces systematic order to a layout, distinguishing types of information and easing a user's navigation through them

The Anatomy of a Grid:

• A grid consists of:
• Margins - the negative spaces between the format edge and the content - can be used to focus attention, serve as a resting place for the eye, or act as an area for subordinate information
• Flowlines - alignments that break the space into horizontal bands - help guide the eye across the format
• Gutters - interstitial spaces that exist between columns and rows and modules - "the gutter" refers to the margins toward the inside of the spread
• Modules - individual units of space separated by regular intervals that, when repeated across the page format, create columns and rows
• Spatial zones - groups of modules that form distinct fields
• Markers - placement indicators for subordinate or consistently appearing text, like running heads, section titles, folios, or any other element that occupies only one location in any layout
• Columns - vertical alignments of type that create horizontal divisions between the margins
• Rows - series of flow lines defined by the existence of modules

Column Grid - Articulating Text Structure:

• Information that is discontinuous benefits from being organized into an arrangement of vertical columns
• The width of the columns in a column grid depends on the size of the running text type
• If the column is too narrow, excessive hyphenation is likely, making a uniform rag difficult
• If the column is too wide, the reader will have difficulty finding the beginnings of sequential lines
• Traditionally, the gutter between columns is given a measure, x, and the margins are usually assigned a width of twice the gutter measure, or 2x
• Margins wider than the column gutters focus the eye inward, easing tension between the column edge and the edge of the format
• The column grid also has a subordinate structure - the flowlines, vertical intervals that allow the designer to accommodate unusual breaks in text or image on the page and create horizontal bands across the format
• The hangline is one kind of flowline - it defines the vertical distance from the top of the format at which column text will always start

Modular Grid - Text and Image Architecture:

• Because very complex projects require even more precise control, a modular grid may be the most useful choice in such situations 
• A modular grid is, essentially, a column grid with a large number of horizontal flow lines that subdivide the columns into rows, creating a matrix of cells called modules
• Each module defines a small chunk of informational space
• The degree of control within the grid depends on the size of the modules
• Smaller modules provide more flexibility and greater precision but too many subdivisions can become confusing and redundant
• Modules can be the width and depth of one average paragraph of the primary text at a given size
• The margin proportions must be considered simultaneously in relation to the modules and the gutters that separate them

I also worked on my impact spread layout.

I was told to stack my text and mix typefaces for my title. I played around with that and came up with this version. I also had another option seen below. I like the texture of "diet" in this one but kinda like how "diet" is skinny in the one below because it is a diet. In this one I also added a little more detail to the shortcake in the picture.