O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Best Practices for Graphic Designers, Grids and Page Layouts: An Essential Guide for Understanding and Applying Page Design Principles

Book Description

This unique, go-to guide for designers fully details the essential layout and design skills needed to succeed in this competitive industry.

Table of Contents

  1. Cover
  2. Title Page
  3. CONTENTS
  4. INTRODUCTION
    1. Vignelli Associates: Approach to Grid-based Design (1/2)
    2. Vignelli Associates: Approach to Grid-based Design (2/2)
  5. ELEMENTS OF A GRID SYSTEM: An Overview
    1. Oikos Associati: Turning the Grid into a Focal Point
  6. BASIC STRUCTURES: Single-Column/Manuscript Grids
    1. Multicolumn Grids
    2. Modular Grids (1/2)
    3. Modular Grids (2/2)
    4. Hierarchical Grids
    5. Baseline Grids
    6. Compound Grids
  7. UPPERCASE Magazine: Multicolumn Flexibility (1/2)
  8. UPPERCASE Magazine: Multicolumn Flexibility (2/2)
  9. BEHIND THE GRID: An Overview
    1. Type & Column Widths
  10. HOW Magazine: Designing for Designers
    1. Type & Vertical Increments
    2. Type & Balance in Columns
    3. The Golden Section
    4. Lucid Design: The Twelve-Column Grid & Website Design
  11. HIERARCHY/ORGANIZATION OF INFORMATION: An Overview
    1. Organizing the Content Scale & Impact
    2. Typographic Techniques Can Impact Flow
    3. Negative Space As a Map
    4. Using Relative Position to Establish Importance
    5. Color Can Bring Content Forward, or Push It Back
    6. Brandon Bird Design: Grids on Display
    7. Elements: A Modular System to Ease Line Extension
    8. The Official Manufacturing Company: Divisions in Space Form Content Areas
  12. PAGE STRUCTURE: An Overview
    1. Size & Shape of the Page
    2. Page Margins
    3. Caserta Design: Layout That Evokes an Emotional Response
    4. Live Area: Page Size
    5. Symmetry & Composition
    6. Folds & Relationship of Content Across Pages
    7. Production Considerations
    8. UnderConsideration: Grouping with Grids
  13. CONTENT STRUCTURE: An Overview
    1. Development of Read/Progression of Info
    2. Grouping Information
    3. Rhythm & Flow
    4. Pacing
    5. Memo Productions: Content Is King
    6. Alexander Isley, Inc.: Illustration Grouped with Text
    7. Here Design: Illustrations Add Flavor to Layouts
  14. RELATIONSHIP OF DESIGN COMPONENTS: An Overview
    1. How Text & Image Can Be Separated
    2. How Text & Image Can Be Unified
    3. Space
    4. Scale
    5. 804: Spatial Flexibility
    6. WIRED Magazine: Design Fidelity Across Platforms (1/2)
    7. WIRED Magazine: Design Fidelity Across Platforms (2/2)
  15. TYPE AS IMAGE: An Overview
    1. Hand Lettering & Illustrative Typography
    2. Caption Treatment
    3. Pull Quotes
    4. Folios & Wayfinding
    5. Matador: Layout with a Typographic Focus
  16. COLOR: An Overview
    1. Color As a Unifying Element
    2. Color As an Organizational Tool
    3. AdamsMorioka: For the Love of Color
  17. BREAKING THE RULES: An Overview
    1. Grid Deconstruction
    2. Optical Composition
    3. Organic Design
    4. Modern Dog: Design Organically But Think Rationally (1/2)
    5. Modern Dog: Design Organically But Think Rationally (2/2)
  18. ABOUT THE AUTHORS