Price: $40.00 - $27.84
(as of Sep 09, 2024 14:50:27 UTC – Details)
Take your design work to the next level with Making and Breaking the Grid: A Graphic Design Layout Workshop (Third Edition), the essential easy-to-use guide for designers working in every medium.
With over 150,000 copies in print, this new edition makes a classic text relevant to a new generation of designers. Updates include:
A cross-cultural inclusive re-envisioning of design history related to the grid, including alternative approaches to layout Expanded discussion of grid use in interactive, UX/UI scenarios Greater equity in the representation of design work by women and BIPOC designers
Grids are the most basic and essential forms in graphic design—and they can be the most rigid. This book shows you how to understand the rules of the grid to use them effectively, and then how to break them, resulting in phenomenal cohesive layouts. Timothy Samara explains the history of the grid and shows examples of grid basics, such as column, compound, and modular grids. He shows methods for building and using grids, and offers numerous examples of stunning design projects using a variety of imagery and typography.
Pages are filled with hundreds of large, full-color layout concepts and diagrams that educate and inspire. After mastering the grid, discover how to break it using conceptual designs that deconstruct and flip the grid successfully. Split, splice, and shift; create spontaneous compositions; make narrative constructs; work on an axis; use intuitive design; and more to create unique layouts or other projects. See ideas in action with eye-catching layout examples.
With this book you will:
learn how grids work. be inspired to explore new concepts for using—or not using—grids. discover achievable alternatives for boring layouts. get the results you want using fresh design elements. learn designers’ processes via fascinating case studies. see numerous examples of successful layouts created with and without grids. communicate ideas effectively using visual language.
This new, expanded edition presents the most comprehensive, accessible, in-depth exposition of layout concepts ever published.
From the Publisher
The most comprehensive design layout reference
Making and Breaking the Grid is a watershed in design publishing. Innovating a form of “educational showcase,” it is the only reference title that presents in-depth discussion of both grid-based design strategy and its many viable alternatives. The book is divided into two major chapters (Making the Grid and Breaking the Grid); within each, readers encounter fundamental concepts before progressing to more complex ideas and practices.
In-depth instructional content
History and theory
Each of the two major chapters opens with a substantial overview that introduces readers to the evolution of grid-based and alternative layout strategies—from their ancient, cross-cultural origins to their application in contemporary contexts—and the respective philosophies that have guided designers one way or another over time. Richly illustrated with abundant historical examples and descriptive diagrams.
Real-world examples
Fundamental concepts and practices described in each chapter’s instructional sections come to life through images of actual projects—produced by an international roster of acclaimed graphic designers. Related ideas are shown applied to work that encompasses design for print, UX/UI, motion, packaging, and environmental or spatial work, like exhibitions and signage. In most instances, illustrative project examples are accompanied by diagrams that lay bare their layout strategies.
Detailed diagrams
Throughout both chapters, complex layout approaches ideas, and practices become clear for readers through hundreds of topical, intricate schematics. From basic typographic details related to readability in print and screen contexts; to grid structures (and their alternatives) of various kinds; visual hierarchy; and technical issues related to screen display—the book’s diagrams elucidate an astounding array of important visual considerations.
Case study exhibits
After the instructional sections, each chapter’s most dramatic feature is an extensive series of comprehensive project case studies, numbered and color-coded to their respective sections. A concise header describes each exhibit case study’s layout approach, supported by one or more structural diagrams. Dynamic large-scale images allow for close inspection; alongside designer or studio credits, a list of projects by number encourages comparison of projects that share similar, as well as contrasting, qualities.
M04 / Modular Grid
The choice of a modular grid (for this architecture lecture poster) as an organizing strategy is appropriate for two reasons… (Its) appreciable geometry helps tame a relatively complex hierarchy; and those same geometric qualities suggest structures associated with a building’s facade. By their very nature, modular grids pose a challenge: how to overcome their rigidly repetitive regularity to achieve visual vitality. This poster’s designer (does so) through a few clever strategies: Splitting up the title among columns and rows creates a dynamic contrast with smaller, more textural blocks. Carefully applying value differences through color to various text elements exaggerates the results of that first strategy.
M37 / Compound Grid: Hierarchic + Modular
A hierarchical grid houses the various areas and incorporates a number of interactive tools developed specifically for the site: timelines, galleries, and a forum in which users can respond to contributors’ essays. The hierarchy is divided into four major areas…Each hierarchical area assumes importance or diminishes in importance depending on where the user is located within the site; careful attention to type sizes and luminosity differences between grid areas helps some information recede when needed. The modular nature of the structure becomes evident in the interface details such as markers, pagination icons, and menus.
B18 / Grid Deconstruction
This course catalog relies on multiple structural ideas to convey the experimental, exploratory, and often antiestablishment environment of an art school. The overlap of images, type, and integration of several different alignment structures serves as a metaphor for the interaction of different artistic disciplines…The first few spreads are seductively simple. Misalignments in the columns of the table of contents and the mission statement, while unorthodox, only hint at the upcoming dynamics. Beginning with the descriptive section about the surrounding city, each section takes on its own organizational qualities. Sometimes a few center-axis columns hang from the top of the page, sometimes there are no columns. Course information begins in a four-column structure but quickly dissolves into clusters of staggered lines, ignoring hanglines and, in some cases, running horizontally across the gutter of the spread.
B34 / Spontaneous Formal Composition
Anchored by bold, large-scale titling, a variety of informational elements…energetically fills the available space of each format: a study in dynamic contrasts between silhouetted contours and hard geometry; flat color planes and texture (whether photographic or typographic); light/dark values and chromatic vibration. Each element is positioned, scaled, and treated with spontaneous (but purposeful and decisive) concern for those in direct juxtaposition—at the same time, generating an overall visual rhythm that carries through the format in a unified compositional gesture. The visual experience evokes a scrapbook, piecing together disparate narratives from multiple sources and cultures, knitting togethermemories from past and present communities.
Publisher : Rockport Publishers; Expanded,Updated edition (June 6, 2023)
Language : English
Paperback : 256 pages
ISBN-10 : 0760381933
ISBN-13 : 978-0760381939
Item Weight : 2.5 pounds
Dimensions : 9.3 x 1 x 10.95 inches
