Join Ina Saltz for an in-depth discussion in this video Breaking out of the grid: Creating movement and dynamism, part of Foundations of Typography: Working with Grids.
- View Offline
…As a kid, I was crazy about comic books.…Maybe you have fond memories of comics, too.…Remember how the narrative advanced on page after page full of boxes?…Those boxes inside the frame of the page are my first memory of a grid structure.…In comics, almost every box seemed to have something bursting out of it.…I love grids, but there are times when we just need to break out of the grid!…Breaking out of the grid can help create a sense of movement and…dynamism in your layouts.…
Let's look at some great examples of punching through the grid or…violating the grid.…Sometimes a simple move can have a big effect.…Just pushing through the stem of the big capital T creates movement and dynamism.…And notice on the photo caption at the right how the little piece of the T…carries out the motif.…Another way to break out of the grid is to bleed elements off of the screen or page.…Popping the giant initial J off to the right adds movement, and it also mirrors…the way the image on the facing page bleeds off to the top, left, and bottom.…
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.