| |
| |
Introduction | |
| |
| |
Vignelli Associates: Approach to Grid-based Design | |
| |
| |
Elements of a Grid System | |
| |
| |
An Overview | |
| |
| |
Oikos Associate: Turning the Grid into a Focal Point | |
| |
| |
Basic Structures Single-Column/Manuscript Grids | |
| |
| |
Multicolumn Grids | |
| |
| |
Modular Grids | |
| |
| |
Hierarchical Grids | |
| |
| |
Baseline Grids | |
| |
| |
Compound Grids | |
| |
| |
Uppercase Magazine: Multicolumn Flexibility | |
| |
| |
Behind the Grid | |
| |
| |
An Overview | |
| |
| |
Type & Column Widths | |
| |
| |
How Magazine: Designing for Designers | |
| |
| |
Type & Vertical Increments | |
| |
| |
Type & Balance in Columns | |
| |
| |
The Golden Section | |
| |
| |
Lucid Design: The Twelve-Column Grid & Website Design | |
| |
| |
Hierarchy/Organization of Information | |
| |
| |
An Overview | |
| |
| |
Organizing the Content | |
| |
| |
Scale & Impact | |
| |
| |
Typographic Techniques Can Impact Flow | |
| |
| |
Negative Space As a Map | |
| |
| |
Using Relative Position to Establish Importance | |
| |
| |
Color Can Bring Content Forward, or Push It Back | |
| |
| |
Brandon Bird Design: Grids on Display | |
| |
| |
Elements: A Modular System to Ease Line Extension | |
| |
| |
The Official Manufacturing | |
| |
| |
Company: Divisions in Space Form Content Areas | |
| |
| |
Page Structure | |
| |
| |
An Overview | |
| |
| |
Size & Shape of the Page | |
| |
| |
Page Margins | |
| |
| |
Caserta Design: Layout That Evokes an Emotional Response | |
| |
| |
Live Area: Page Size | |
| |
| |
Symmetry & Composition | |
| |
| |
Folds & Relationship of Content Across Pages | |
| |
| |
Production Considerations | |
| |
| |
Under Consideration: Grouping with Grids | |
| |
| |
Content Structure | |
| |
| |
An Overview | |
| |
| |
Development of Read/Progression of Info | |
| |
| |
Grouping Information | |
| |
| |
Rhythm & Flow | |
| |
| |
Pacing | |
| |
| |
Memo Productions: Content Is King | |
| |
| |
Alexander Isley, Inc.: Illustration Grouped with Text | |
| |
| |
Here Design: Illustrations | |
| |
| |
Add Flavor to Layouts | |
| |
| |
Relationship of Design Components | |
| |
| |
An Overview | |
| |
| |
How Text & Image Can | |
| |
| |
Be Separated How Text & Image Can | |
| |
| |
Be Unified Space Scale | |
| |
| |
804: Spatial Flexibility | |
| |
| |
Wired Magazine: Design Fidelity Across Platforms | |
| |
| |
Type as Image | |
| |
| |
An Overview | |
| |
| |
Hand Lettering & Illustrative Typography | |
| |
| |
Caption Treatment | |
| |
| |
Pull Quotes | |
| |
| |
Folios & Wayfinding | |
| |
| |
Matador: Layout with a Typographic Focus | |
| |
| |
Color | |
| |
| |
An Overview | |
| |
| |
Color As a Unifying Element | |
| |
| |
Color As an Organizational Tool | |
| |
| |
Adams Morioka: For the Love of Color | |
| |
| |
Breaking the Rules | |
| |
| |
An Overvieiv | |
| |
| |
Grid Deconstruction | |
| |
| |
Optical Composition | |
| |
| |
Organic Design | |
| |
| |
Modern Dog: Design | |
| |
| |
Organically But Think | |
| |
| |
Rationally | |
| |
| |
About the Authors | |