Design & DTP · National 5

Desktop publishing (DTP) terms & techniques

9 cards · 5 quiz · 0 exam
What you're learning in this topic

Learning intention WALT

We are learning about desktop publishing (DTP) terms & techniques, specifically to:

know

  • DTP features in a layout: text wrap, reverse, drop shadow, bleed, flow text along a path, columns, gutter

understand

  • the role of thumbnails and annotation
  • why a serif or sans serif font suits a layout

Success criteria WILF

  • I can explain the role of thumbnails and annotation
  • I can identify DTP features in a layout: text wrap, reverse, drop shadow, bleed, flow text along a path, columns, gutter
  • I can explain why a serif or sans serif font suits a layout

Planning a layout

  • Thumbnails: small, quick sketches of layout ideas. They let you try a range of ideas fast and share them with the client.
  • Annotation: notes on thumbnails explaining decisions and how they meet the brief.

Layout terms

TermMeaning
MarginSpace between the edge of the page and the content
Column / gutterVertical blocks of text / the gap between columns
Text box, handlesA frame holding text / the squares used to resize or rotate an item
Title, heading, extended (body) text, captionMain heading / section headings / the main paragraphs / short text describing an image
Header and footerContent repeated at the top / bottom of pages
Text wrapText flowing around the shape of an image
Flow text along a pathText following a curved line
ReverseLight text on a dark background
Drop shadow / transparencyA shadow giving depth / an item made see-through so layers show below
CroppingRemoving unwanted parts of an image
JustificationHow text lines up: left, right, centred or fully justified
BleedColour or images extending past the trim edge so no white edge shows after cutting
Grid, guidelines, snapNon-printing lines that items snap to, for accurate alignment and spacing
Colour fill, rotate, lineFilling shapes with colour / turning items / rules dividing items
caption3Trim / crop marksBleedRegistration markHeaderHeadingColumnGutter + ruleImage + text wrapFooterFolio (page no.)Margin
The dashed line is the bleed, beyond the trim edge. N5 needs margin, column, gutter, header and footer, heading, caption, text wrap and bleed. Higher adds drop caps, column rules, folios, crop marks and registration marks.

Fonts

  • Serif fonts have small strokes (serifs) at the ends of letters: traditional, formal, easy to read in long printed text.
  • Sans serif fonts have no serifs: modern, clean, informal, easy to read on screen and at a distance; they suit simple, modern designs and younger audiences.

When asked why a font suits a layout, link it to the theme or target audience.

Paper sizes

A-series sizes: each size is half the one before, with the same proportions (ratio 1 : 1.41). A4 is 210 × 297 mm; A3 (297 × 420) is double A4; A5 is half of A4. "Bigger" or "smaller" doesn't score when asked to compare: say double or half.

Benefits of DTP software

  • Grids, guides and snap give accurate alignment and spacing quickly.
  • Layouts can be changed and tried out quickly with real images.
  • A wide range of fonts, colours and effects (transparency, drop shadow, text wrap).
  • Output for both print and web.

Exam questions often ask you to describe DTP features in the given layout: point to where each is used. "Speeds up production" is a general benefit, not a layout feature, and scores 0.

Key terms

ThumbnailSmall, quick layout sketch for generating ideas.
GutterThe gap between columns.
BleedBackground extending past the trim edge so no white edge shows.
ReverseLight text on a dark background.
Text wrapText flowing around an image.
Flow text along a pathText following a curved line.
Sans serifFont without serifs: modern, clean, easy to read on screen.
SerifFont with small strokes at the ends of letters: traditional, formal.
A3 compared with A4A3 is double A4, same proportions.

Quick check

1. The space between two columns is the…

  1. Gutter
  2. Margin
  3. Bleed
  4. Header
Show answer
A: Gutter. Gutter.

2. White text on a black box is…

  1. Transparency
  2. Reverse
  3. Drop shadow
  4. Bleed
Show answer
B: Reverse. Reverse.

3. Why does a designer extend the background past the trim edge?

  1. To use more ink and give stronger colours
  2. To add a white border round the edge
  3. So no white edge shows after cutting (bleed)
  4. To make the margins wider
Show answer
C: So no white edge shows after cutting (bleed). Bleed.

4. Text following a curved line uses…

  1. Text wrap
  2. Full justification
  3. Reverse text
  4. Flow text along a path
Show answer
D: Flow text along a path. Often confused with text wrap.

5. A sans serif font suits a modern layout because…

  1. It looks clean and modern and is easy to read
  2. It looks formal and traditional, like a newspaper
  3. It looks like handwriting, so it feels personal
  4. It is always printed in bold, so it stands out
Show answer
A: It looks clean and modern and is easy to read. Link to theme/audience.

Printable worksheet

An I do, we do, you do worksheet for this topic, with a separate answer sheet.

Worksheet (PDF)Answers (PDF)