Graphic Design Layout and Print Design Syllabus

Layout and Print Design syllabus — full chapter and topic list

Expand any chapter to see its topics and sub-topics. This is the whole examinable outline for Layout and Print Design in Graphic Design, not a summary of it.

1. 1

   Grid Systems

   4 topics

   • Column and Modular Grids
   • Baseline Grids
   • Margins, Gutters, and Columns
   • Breaking the Grid
2. 2

   Page Layout with InDesign

   4 topics

   • Master Pages and Templates
   • Text Frames and Threading
   • Paragraph and Character Styles
   • Placing and Linking Assets
3. 3

   Editorial and Publication Design

   3 topics

   • Magazine and Brochure Layout
   • Multi-page Documents
   • Tables and Data Layout
4. 4

   Prepress and Production

   4 topics

   • Bleed, Trim, and Safe Margins
   • Color Separation and Overprint
   • Preflight and Packaging
   • Print-Ready PDF Export
5. 5

   Print Production Methods

   3 topics

   • Offset vs Digital Printing
   • Paper Stocks and Finishes
   • Binding and Folding Techniques

Layout and Print Design flashcards for Graphic Design

20 of 50 cards from the Layout and Print Design deck — real questions with worked answers.

1. What is a column grid in layout design?

   A grid that divides the page into a set number of vertical columns separated by gutters. Text and images align to one or more columns, giving the layout consistent vertical structure — common in newspapers and magazines (e.g., 3-, 4-, or 12-column grids).

2. What is a modular grid, and how does it differ from a column grid?

   A modular grid adds horizontal flowlines to a column grid, dividing the page into a matrix of modules (cells). Unlike a column grid, which only controls vertical alignment, a modular grid controls both horizontal and vertical placement — ideal for complex layouts with many mixed elements.

3. In a modular grid, what is a 'module' and what is a 'spatial zone'?

   A module is a single cell created by the intersection of columns and rows. A spatial zone is a group of adjacent modules combined to hold a larger element such as an image or a block of text.

4. If a page uses a 12-column grid, why is 12 a popular column count?

   Because 12 is highly divisible: it supports layouts of 1, 2, 3, 4, or 6 equal columns ($12 = 2 \times 6 = 3 \times 4$), giving maximum flexibility from a single underlying grid.

5. What is a baseline grid?

   An invisible set of evenly spaced horizontal lines to which the baselines of text align across the whole document. It ensures consistent vertical rhythm and makes lines of text in adjacent columns align with each other (and back up correctly on two-sided printing).

6. How should the baseline grid increment relate to body text leading?

   The grid increment should equal the body text leading, or the leading should be a whole multiple of the grid increment. Example: with 10 pt type on 12 pt leading, use a 12 pt baseline grid; larger elements use multiples such as 24 pt.

7. Body text is set at 11 pt with 14 pt leading on a 14 pt baseline grid. What leading values keep a heading 'on grid'?

   Any whole multiple of the grid increment: $14, 28, 42, \ldots$ pt. Keeping all leading and spacing in multiples of the baseline unit preserves vertical rhythm.

8. Define margin, gutter, and column as parts of a page grid.

   Margins are the empty areas between the content area and the page edges. Columns are the vertical divisions that hold content. Gutters are the spaces between columns (the term also refers to the inner margin at the binding edge of facing pages).

9. In a bound book, why is the inside (gutter) margin usually made larger than the outside margin?

   Because part of the inner page is lost in the binding — the page curves into the spine. A larger inside margin keeps text readable and visually balanced after binding, especially in perfect-bound books that do not open flat.

10. What is the classic Van de Graaf / traditional book margin proportion?

    Margins in the ratio inner : top : outer : bottom of $2 : 3 : 4 : 6$ (based on ninths of the page), producing a text block whose proportions match the page and a generous bottom margin.

11. A page is 210 mm wide with 15 mm left and right margins and 3 columns separated by 5 mm gutters. What is each column width?

    Content width $= 210 - 2(15) = 180$ mm; subtract gutters: $180 - 2(5) = 170$ mm; each column $= \frac{170}{3} \approx 56.7$ mm.

12. What does 'breaking the grid' mean, and when is it effective?

    Deliberately placing an element (image, pull quote, headline) so it violates the established grid to create emphasis, tension, or visual interest. It works only when a strong grid exists first and breaks are used sparingly — otherwise the layout reads as random rather than intentional.

13. Give three common techniques for breaking the grid without destroying layout coherence.

    1) Bleeding an image off the page edge; 2) Angling or rotating one element against the orthogonal structure; 3) Letting a pull quote, headline, or cut-out image cross column boundaries — while all remaining elements stay on the grid.

14. What is a master page (parent page) in a page-layout application?

    A non-printing template page whose elements — margins, grids, page numbers, running headers/footers, background graphics — are automatically applied to every document page based on it. Editing the master updates all pages that use it.

15. How do you insert automatic page numbering in a layout document, and where should it go?

    Place a Current Page Number special character (in InDesign: Type > Insert Special Character > Markers > Current Page Number) in a text frame on the master page. It then displays the correct number on every document page.

16. What is a 'facing pages' (spread) setup and when is it used?

    A document mode showing left and right pages together as they will appear when bound, with mirrored inside/outside margins. Used for books, magazines, and brochures; single-page mode suits posters, flyers, and one-sided pieces.

17. What is text threading (linked text frames)?

    Connecting text frames so a single story flows automatically from one frame to the next — across columns and pages. Each frame has an in port and an out port; editing text upstream reflows it through all linked frames.

18. What does a red plus sign (+) in a text frame's out port indicate, and how is it resolved?

    Overset text — more text exists than the frame(s) can display. Resolve it by enlarging the frame, threading to a new frame, editing the text shorter, or reducing type size/leading.

19. What is the difference between a paragraph style and a character style?

    A paragraph style stores formatting applied to whole paragraphs (font, size, leading, indents, spacing, alignment, hyphenation). A character style stores attributes applied to selected text within a paragraph (e.g., bold, italic, color) and overrides only the attributes it defines.

20. Why are paragraph and character styles essential in long documents?

    They guarantee consistency, allow global changes (edit the style once and every instance updates), speed up production, and enable features that depend on styles such as tables of contents, nested styles, and EPUB/HTML export mapping.

See more Layout and Print Design flashcards →

Planning Layout and Print Design for Graphic Design

Layout and Print Design (Graphic Design) FAQ