Typography: Working with Grids
39mBeginner2014-09-22
Authors
Ina Saltz
Writer, Art Director, Professor Emeritus at City College of New York
Course details
Simply put, grids are an essential design tool for containing and organizing type and images. But they do so much more. Grids give compositions strength and structure. Grids help break space into units. And grids streamline the visual design process.
Designer Ina Saltz walks you through how to use grids effectively in both print and screen-based projects, offering examples from websites, books, magazines, and even comic strips. Ina touches on using grids to solve issues with hierarchy, proportion, and variation, and points out occasions that might warrant breaking away from the grid, to give your compositions more visual tension and interest. Start here and learn how to add this powerful tool to your typographic arsenal.
Designer Ina Saltz walks you through how to use grids effectively in both print and screen-based projects, offering examples from websites, books, magazines, and even comic strips. Ina touches on using grids to solve issues with hierarchy, proportion, and variation, and points out occasions that might warrant breaking away from the grid, to give your compositions more visual tension and interest. Start here and learn how to add this powerful tool to your typographic arsenal.
Skills covered
TypographyMotion Graphics and VFXGraphic DesignAnimation and IllustrationDeep Dive (X:Y)
Concepts
0. Introduction
- 01 - Welcome
1. Creating Basic Typographic Grids
- 02 - Creating a manuscript or book grid
- 03 - Creating grids with columns
- 04 - Creating modular grids
- 05 - Using grids to create hierarchy
- 06 - Classic grids - The golden section rectangle and the Fleckhaus 12-column grid
2. Creating Complex Typographic Grids
- 07 - Creating unequal modules within the grid
- 08 - Creating grids for tabular matter
- 09 - Breaking out of the grid - Creating movement and dynamism
- 10 - Emphasizing creative chaos over order
3. Creative Challenge
- 11 - Creative challenge - Design a poster or webpage
- 12 - Creative challenge - Solutions
Conclusion
- 13 - Recap and what's next