| |
| |
| 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 | |