Unit 11 | Page Layout, Packaging & Promotional Design
Introduction
Unit 11 is the first of FDD’s two Extra Units. Post-certification enrichment that builds toward two connected real-world design skills: laying out a multi-page publication and designing packaging/promotional pieces for a brand, using Illustrator skills already built in Units 1–9.
Nothing in this unit is ACP-tested. See each lesson’s standard: field. The unit still carries full compliance rigor (78-minute timing, The 7, a real Differentiation Matrix, real Organize criteria). The students are still in the room, even though the exam is behind them.
Learning Outcomes
Upon successful completion of this unit, you will be able to:
- Apply page layout fundamentals: margins, gutters, columns, hierarchy
- Build multi-page documents using artboards
- Design packaging and promotional concepts for a brand
- Produce a finished yearbook spread and brand package
Calendar of Events for This Unit
| Monday | Tuesday | Wednesday | Thursday | Friday |
|---|---|---|---|---|
| 5/3 | 5/4 | 5/5 | 5/6 | 5/7 |
| S | 10 | F | 11.1 | F | 11.1 | F | 11.2 | F | 11.2 |
| 5/3: AP Exams - Week 1: 5/3-5/7; 5/4: Unit 11 - Professional Cert; 5/5: BPA Nationals (NLC): 5/5-5/9, Denver CO | ||||
| 5/10 | 5/11 | 5/12 | 5/13 | 5/14 |
| F | 11.3 | F | 11.3 | F | 11.4 | F | 11.4 | S | 11 |
| 5/10: AP Exams - Week 2: 5/10-5/14; 5/11: Grade Correction Deadline (MP3); 5/12: Interim grades open in Infinite Campus (MP4) | ||||
| 5/17 | 5/18 | 5/19 | 5/20 | 5/21 |
| S | 11 | F | 12.1 | F | 12.1 | F | 12.2 | F | 12.2 |
| 5/19: Interim grades close 4:00pm (MP4); 5/20: Senior Report Card grades open in Infinite Campus; 5/20: Senior grade verification window opens (through 6/3); 5/21: Interim Reports Available | ||||
Lessons
- 11.1 – Page Layout Fundamentals. Margins, gutters, columns, hierarchy, alignment
- 11.2 – Working with Grids & Multi-Page Documents. Multi-artboard documents as a lightweight page-layout tool
- 11.3 – Packaging & Promotional Design Concepts. Dielines, brand identity, promotional collateral
- 11.4 – Building the Yearbook Spread. Applying 11.1–11.3’s skills to a real two-page spread
- S11 – Brand Package: Promotional Spread + Product Mockup. Summative capstone
Unit Vocabulary
- Margin
- The blank space between the edge of a page and the content. Keeps text and images from crowding the trim edge or a binding.
- Gutter
- The space between columns of text or between two facing pages in a spread. Wide enough that text doesn’t feel like it’s touching or falling into the binding.
- Column
- A vertical division of a page used to organize text and images into readable widths. Multi-column layouts (for example, a 3-column grid) are standard in publications like yearbooks and magazines.
- Hierarchy
- The intentional ranking of content by importance, headline, subhead, body copy, caption, communicated through size, weight, and placement so a reader knows what to look at first.
- Alignment
- How elements line up relative to each other and to the page (left, right, center, justified). Consistent alignment is one of the fastest ways to make a layout feel organized.
- White Space (Negative Space)
- Intentionally empty area in a layout, not “wasted” space, but a tool that gives content room to breathe and directs the eye toward what matters.
- Spread
- Two facing pages (for example, the left and right pages of an open magazine or yearbook) designed to be viewed together as a single visual unit.
- Folio
- The page number, and often a running header/footer (section title, publication name), printed on each page of a multi-page document.
- Masthead
- The design treatment of a publication’s title/logo, typically on its cover or an opening page.
- Pull Quote
- A short, notable quotation or phrase pulled from the body text and enlarged/set apart on the page as a graphic and reading-pace element.
- Caption
- A short line of text identifying or explaining a photo or graphic, typically set smaller than body copy and positioned directly beside or below the image it describes.
- Grid
- An underlying structure of aligned guides (columns, rows, margins) that positions text and image blocks consistently across a page or across every page of a document.
- Baseline Grid
- A grid of evenly spaced horizontal lines that text baselines snap to, keeping type aligned across columns and across facing pages.
- Multi-Page (Multi-Artboard) Document
- A single Illustrator file containing several artboards, each representing one page of a publication. Illustrator’s lightweight substitute for dedicated page-layout software when a project doesn’t need true auto-flowing text or master-page automation.
- Template / Master Elements
- Design elements (a grid, a masthead, a folio position) that repeat identically across every page of a document, so pages feel like part of one consistent publication rather than unrelated one-offs.
- Live Area
- The safe zone inside a page’s trim edge where essential content should stay, protecting it from being cut off by trimming or bleed variance.
- Consistency (Style Guide)
- The practice of applying the same grid, type sizes, colors, and spacing rules across every page or piece in a set, so the whole reads as one unified design system rather than several unrelated designs.
- Dieline
- A technical line drawing showing where a package’s material will be cut, scored, and folded. The structural blueprint a graphic design is placed onto before a package can be built.
- Structural Packaging Design
- The 3D engineering of a package (its shape, folds, and how it opens/closes), as distinct from the 2D graphic design applied to its surfaces.
- Packaging Mockup
- A realistic preview, physical or digital, showing artwork as it will actually look wrapped around or printed on a real, dimensional package, used to catch problems flat art can hide.
- Brand Identity
- The consistent visual system (logo, color palette, typography, imagery style) that makes a company or product instantly recognizable across every piece it produces.
- Brand Guidelines (Style Guide)
- A reference document defining exactly how a brand’s logo, colors, fonts, and imagery may be used, so every designer who touches the brand produces consistent work.
- Promotional Collateral
- The set of supporting marketing materials (flyers, posters, table tents, social ads, etc.) built to promote a product, event, or brand alongside its primary packaging.
- Tagline
- A short, memorable phrase used consistently alongside a brand’s name to reinforce its identity or value proposition.
- Call to Action (CTA)
- The specific instruction a piece of promotional design gives its audience (“Visit us today,” “Scan to order”) telling them exactly what to do next.
- Product Label
- The printed graphic applied directly to a product or its packaging, typically carrying required information (name, contents, branding) as well as promotional design.