Layout I — Grid and Spatial Planning — LA309 — David Barbarash
02 of 13

Layout I: Grid and Spatial Planning

Layout is a design problem. Treat it like one.

Layout is not the last step

Saving layout for last is one of the most consistent sources of portfolio frustration. Students complete their graphics, then try to arrange them into a spread — and discover that the images don't fit the story they need to tell, the page feels chaotic, or the layout looks like a bulletin board rather than a designed document. The construction and communication of your work is as important as the work itself.

Layout is a design problem in its own right. Approach it with the same intentionality you'd bring to a site plan.

The grid as foundation

A grid is not a constraint — it's an organizing structure that gives you something to work with and something to break from intentionally. Establish your column structure, margins, and gutter widths before placing a single image. Consistent spacing creates visual relationships between elements. Inconsistent spacing creates visual noise.

You're working with existing content — projects already made — rather than designing layouts in anticipation of imagery that doesn't exist yet. That means your grid has to be flexible enough to accommodate what you have while giving the spread a clear structural logic. Also remember that you don't need to show all of an image, crop when necessary to fit your layout and presentation intention.

Spacing communicates tone. Regular, even spacing between elements reads as calm, formal, controlled. Purposeful uneven spacing — a dominant image with smaller supporting graphics clustered nearby — reads as energetic and dynamic. Neither is better. Both are choices. Make them deliberately.

Breathing room

White space is not empty space. It's a design element that controls pacing, directs attention, and gives the eye somewhere to rest. Portfolios that fill every available pixel feel anxious. Portfolios with intentional negative space feel confident. Don't be afraid of the blank page — use it.

InDesign from day one

Design your portfolio in InDesign. Not PowerPoint, not Canva, not a PDF assembled from screenshots. InDesign gives you precise control over grids, typography, image placement, and output quality that no other tool matches. If you're going to print at professional quality, your source file needs to be built at professional quality. Start there.

Image / Annotation Needed

Diagram showing a sample portfolio spread at two stages: (1) the underlying grid with column structure, margins, and gutters annotated; (2) the same grid with content placed — dominant image, supporting graphics, text block — showing how the grid is used and where it's intentionally broken for visual interest.