Lesson 9.4
Composing Portfolio Pages
A page full of good drawings can still fail if it's badly laid out. Composition — how you arrange image, space and words on the page — is what makes a portfolio read as confident and clear. The good news: it's the same design eye you've been building all along.
Start hereTwo pages, identical drawings. One is cramped, crooked and cluttered; the other is calm, aligned and breathing. The second looks like the work of someone who knows what they're doing — before a single drawing is even read.
Layout is the first thing seen and the last thing many beginners think about. Let's fix that.
01 — The principles of a good page
Space, alignment, hierarchy
Good page composition rests on a few principles you already half-know from the editorial feel of this whole course. Tap each to see it applied to a portfolio page.
Whitespace
Give the work room. Empty space isn't wasted — it directs the eye, signals confidence, and lets each drawing be seen. Crowding reads as anxious.
02 — Words earn their place
Just enough text
A portfolio page isn't only images. A little text does essential work: a project title, a one-line description (what, where, for whom), and a short caption or two pointing out what matters. But text must be brief and quiet — a few well-set words, not paragraphs. The drawings carry the argument; words just orient the reader. Set them in a clean, consistent type at a small size, aligned to the same grid as the images. The same restraint you learned for annotation (5.2) and rendering (7.3) applies: say the minimum that helps, and let the work speak.
| Include | Avoid |
|---|---|
| Project title | Long descriptions |
| One-line context (what/where/who) | Explaining what's obvious in the drawing |
| A few pointed captions | Decorative fonts, many sizes |
| Consistent, quiet type | Text competing with the work |
03 — Consistency across pages
One system, every page
A portfolio reads as professional when its pages share a system: the same margins, the same grid, the same type, the same placement of titles and page numbers throughout. This consistency is invisible when present and glaring when absent — pages that each do their own thing feel amateur and restless. Set up a simple template (a grid, a type scale, a margin) once, and hold to it across every page. Variety comes from the work, not from changing the layout each time. It's the title-block discipline of Module 5.5, applied to your own document: a consistent frame that lets the content shine.
Here's the deeper truth of this lesson: your portfolio is not just a container for your design work — it is design work, and it's being judged as such. Every choice you've learned to make in a building, you're now making on the page: hierarchy (what the eye sees first), proportion (the size and spacing of elements), rhythm (consistency from page to page), restraint (knowing what to leave out). A reviewer reads your portfolio's composition as direct evidence of your design sensibility — often before they've consciously assessed a single project. This is why a beautifully composed portfolio of modest work can outperform a clumsy one of ambitious work. The portfolio is your first and most important design, because it's the design that decides whether anyone looks at the rest. Treat each page with the same care you'd give a façade.
20 minutes
- Set up a page template: choose margins, a simple grid (say, two or three columns), one type for titles and one for captions.
- Lay out one capstone page: one hero drawing, two or three supporting ones, a title and a one-line description — all aligned to the grid, with generous whitespace.
- Step back. Is there one clear focal point? Does it breathe? Is everything aligned?
- Now lay out a second page on the same template. Confirm they feel like part of one document.
Key terms — added to the Drawing Atlas
- Whitespace
- Deliberate empty space on a page that directs the eye, signals confidence, and lets each drawing be seen.
- Alignment
- Lining elements to a shared edge or grid. Strong alignment reads instantly as care and control.
- Visual hierarchy
- Making some elements larger and first so the eye knows where to look. One hero drawing dominates; support sits smaller.
- Page grid
- An invisible structure of columns and rows underlying a clean page, onto which all elements are placed.
- Layout system
- A consistent set of margins, grid, type and placement held across every page, making a portfolio read as professional.
Check yourself
1 quick questions — pick an answer to see why.
Q1Which set of principles makes a portfolio page read as confident?
- Compose with whitespace, alignment and hierarchy — give the work room and a clear focal point.
- Use just enough text: title, one-line context, a few quiet captions — let the drawings argue.
- The portfolio is itself a designed object, read as direct evidence of your design eye.
- Hold one consistent system — grid, type, margins — across every page.
You can compose a page and curate a set. The final step is to bring it all together into a finished portfolio — and to think about where this whole course has brought you, and what comes next.