A reusable layout should survive a longer caption, a narrow portrait and a title that occupies two lines. If it only works with the sample photographs supplied in a template, you have a demonstration page rather than a system for your book.
This workshop builds a small page system for an illustrated nonfiction book. You will create a measured grid, use it for different kinds of content, and test the pages with awkward material before repeating them. The dimensions below are a design exercise, not a printer’s production specifications.
Define the reader’s job and gather test content
For our fictional example, the reader must understand how a ceramic bowl changes from a lump of clay to a finished object. Gather an overview photograph, two process photographs, one close detail, a 180-word explanation and captions of different lengths. If you are making another book, substitute an equally specific task.
Use original or permitted material. Work in a layout application with dimension controls and guides. Have a ruler and access to a printer for a paper test. Confirm the intended trim and required safety margins before turning the exercise into a production file.
Calculate the grid in physical units
Start with an example page 170 mm wide and 240 mm high. Reserve 20 mm inside, 15 mm outside, 18 mm at the top and 22 mm at the bottom. This leaves a content area of 135 × 200 mm. The inner margin is an example allowance, not a universal answer for every binding.
Divide the width into two columns with a 7 mm gap. Each column is (135 − 7) ÷ 2 = 64 mm. Use the full 135 mm width for a main image or a short introductory paragraph. The two columns provide alignment options; they do not require every paragraph to be narrow.
| Guide | Right-hand page: distance from left trim | Left-hand page: distance from left trim |
|---|---|---|
| Content begins | 20 mm | 15 mm |
| First column ends | 84 mm | 79 mm |
| Second column begins | 91 mm | 86 mm |
| Content ends | 155 mm | 150 mm |
The mirrored values keep the larger margin beside the binding. Draw these guides on both pages of a facing spread. If your application uses an origin at the spread edge, enter equivalent positions from each page’s trim edge rather than blindly copying the coordinates.
Make two page patterns with different jobs
Pattern A: explain one stage. Place a heading across the full width. Leave space below it for a 135 × 90 mm photograph, a caption and a short explanation. A horizontal image with a 3:2 ratio fits that image box without cropping. If your photograph has another ratio, choose fit or crop deliberately.
Pattern B: compare two details. Place two images in the 64 mm columns with matched top edges. Put each caption directly below its own image. Add a full-width paragraph below both captions. If one caption is longer, begin that paragraph below the longer caption’s bottom edge. Do not let it drift between the two columns and confuse the reading order.
For the bowl example, Pattern A introduces centring clay on the wheel. Pattern B compares the rim before and after trimming. Those roles decide the layout; the second pattern is not merely a way to fit more pictures onto a page.
Budget the vertical space before decorating
Pattern A has 200 mm available. Try the following allocation, measuring actual frame heights in your file:
| Element | Height or gap |
|---|---|
| Heading frame | 20 mm |
| Gap to image | 6 mm |
| Main image | 90 mm |
| Gap to caption | 4 mm |
| Caption frame | 18 mm |
| Gap to explanation | 6 mm |
| Explanation frame | 56 mm |
The total is exactly 200 mm. It is a space budget, not proof that 180 words will fit the last frame. Place the real text at a readable size and inspect the result. If it overflows, shorten it only where editing improves it, or continue onto another page. The arithmetic exposes the constraint; it cannot solve typography by itself.
Save structure and style separately
Name the page patterns by purpose, such as A-Stage and B-Comparison. Name paragraph styles Heading, Body and Caption. Repeating frame positions and repeating type treatment are related but different tasks. If a caption font changes, you should not have to rebuild the grid.
InDesign’s Parent Pages provide repeatable elements. To create one, use Window > Pages, open the panel menu and choose New Parent; set its identifier and page count, then add the shared elements. Adobe documents the creation process here. In other applications, use the supported template or saved-layout mechanism.
Test a shared change on a duplicate project. Move a repeating element slightly, then confirm the intended pages update. An individually overridden element may behave differently; do not assume that a template guarantees synchronization.
Stress-test the system with four substitutions
- Replace the short heading with the longest real heading. Check whether it collides with the photograph.
- Use the longest caption. Check its final sentence and the gap before the explanation.
- Replace a horizontal image with a vertical one. Make a deliberate exception rather than stretching it.
- Remove one image from Pattern B. Decide whether to use Pattern A or retain intentional white space; do not fill the gap with unrelated decoration.
Write down the exception rule that solved each problem. For example: “A heading needing more than two lines gets an opening page,” or “Comparison pages keep both captions above the shared explanation.” A small set of explicit rules prevents forty slightly different improvised pages.
Check reading order with someone who did not build it
Print the spread at intended size. Ask a reader to point to the first thing they would read, identify which caption belongs to each image, and explain the difference between the two stages. Do not explain the layout before the test.
If they jump from one caption into the wrong paragraph, adjust proximity or alignment. If they notice a coloured circle before the important process photograph, reduce or remove the circle. If they cannot comfortably read the explanation, revise its typography and space allocation. A grid should support the content, not defend a decorative decision.
Blurb’s designer discussion of layout offers useful but sometimes differing opinions on hierarchy and restraint. This exercise turns those questions into measured frames and observable reading tasks, rather than treating a fixed number of fonts or images as a guarantee.
When both patterns survive the substitutions, save a clean template and a separate filled example. Remove test marks from the exported PDF and use the file guide for production checks. If the page system depends on an uncertain binding margin, send sample spreads for review before applying it throughout the book.