Video Production — Strand 2: Design (Comprehensive Study Notes)

Design as Visual Communication (Purpose, Audience, and Message)

Design in video production is the intentional planning of how your video will look and feel so the audience understands—and emotionally connects with—your message. It includes choices about composition, color, typography, graphics, locations, wardrobe, props, and overall visual style. If production is “capturing footage,” design is “deciding what the audience should see and why.”

What design is (and what it isn’t)

Design is not decoration. A common beginner mistake is to treat design as adding “cool effects” or “making it pretty.” Good design is functional: it supports clarity, story, and brand identity.

In practice, design answers questions like:

• What should the audience notice first in this frame?
• What mood should this scene create—warmth, tension, trust, excitement?
• Does this title card look professional and readable on a phone?
• Do all the graphics feel like they belong to the same video?

Why design matters in video

Video is fast. Viewers don’t pause to analyze your choices—they feel them. Design helps you:

• Control attention (where the viewer looks and what they remember)
• Support storytelling (visuals reinforce character, setting, and tone)
• Increase comprehension (clear graphics, readable text, sensible layout)
• Build credibility (consistent, intentional visuals feel professional)
• Maintain continuity (a coherent world that doesn’t distract)

A useful analogy: design is like the “user interface” of your video. If it’s confusing or inconsistent, the audience struggles—even if the content is good.

How design decisions get made (a practical process)

A reliable way to approach design is to move from intent to execution:

1. Define the goal: Inform? Persuade? Entertain? Train?
2. Identify the audience: Age, interests, cultural context, viewing platform.
3. Choose a tone: Serious, playful, urgent, intimate, “corporate,” gritty, etc.
4. Develop a visual direction: A consistent plan for color, type, composition, and environments.
5. Prototype: Sketch frames, make style tiles, build sample title cards.
6. Test for clarity: Show someone a draft—ask what they noticed and felt.
7. Refine and standardize: Create a style guide so the whole piece matches.

Design constraints you must respect

In real productions, design is shaped by constraints:

• Platform constraints (vertical vs horizontal, safe areas, small screens)
• Time constraints (you may need fast, template-based solutions)
• Budget constraints (limited locations, props, wardrobe options)
• Brand constraints (logos, brand colors, font rules)
• Accessibility constraints (captioning, contrast, readable type)

Design skill shows in how well you solve problems within constraints.

Example: Same script, different design outcomes

Imagine a 30-second public service announcement encouraging seatbelt use.

• A serious documentary design might use desaturated colors, steady compositions, minimal graphics, and clean typography.
• A youth-focused social design might use bold colors, quick motion graphics, energetic type animation, and vertical framing.

The message is similar, but the design changes how the audience receives it.

Exam Focus

• Typical question patterns:
  • Explain how a specific design choice (color/type/composition) supports the purpose and audience.
  • Compare two visual styles and justify which better matches a message.
  • Identify mismatches between intended tone and actual design execution.
• Common mistakes:
  • Describing design as personal preference (“I like it”) instead of linking it to communication goals.
  • Ignoring audience and platform (e.g., tiny text for mobile viewers).
  • Treating each design choice separately instead of building a cohesive visual system.

Elements and Principles of Visual Design (Your Core Vocabulary)

To design intentionally, you need a shared vocabulary—the building blocks and the rules for combining them.

Elements of design (what you work with)

Elements of design are the basic visual ingredients you can control in frames and graphics:

• Line: Real (edges) or implied (a row of objects). Lines guide the eye.
• Shape: 2D forms (circles, rectangles) and recognizable silhouettes.
• Form: The illusion of 3D volume created through lighting, shading, and perspective.
• Color: Hue, saturation, and brightness; strongly tied to emotion and meaning.
• Value: Lightness/darkness; essential for contrast and readability.
• Texture: Surface quality (smooth, gritty), real or suggested.
• Space: Positive space (subject) and negative space (breathing room).

These show up everywhere: in cinematography (framing and lighting), production design (sets/wardrobe), and motion graphics (titles/layouts).

Principles of design (how you combine elements)

Principles of design describe how elements work together to create clarity and impact:

• Contrast: Differences that create emphasis (light/dark, big/small, warm/cool). Without contrast, visuals look flat and confusing.
• Balance: Distribution of visual weight. Balance can be symmetrical (stable/formal) or asymmetrical (dynamic/modern).
• Emphasis: Making the most important thing stand out—often by contrast, placement, or motion.
• Hierarchy: A clear order of importance (what you notice first, second, third). Titles and infographics live or die on hierarchy.
• Repetition: Consistency of shapes, colors, fonts, or motifs. Repetition builds unity and branding.
• Alignment: Objects line up intentionally. Misalignment often reads as “accidental” or amateur.
• Proximity: Items that belong together should be near each other. Proximity creates groups without needing boxes.
• Movement: The path your eye follows through the frame—created by lines, contrast, focus, and motion.
• Unity/Consistency: Everything feels like part of the same world or brand.

Why these principles matter specifically in video

Video adds time. A design that looks fine in a still might fail when:

• text appears too briefly to read,
• motion draws attention away from the message,
• cuts break visual continuity,
• graphics don’t match the lighting and color of the footage.

So you’re designing not just a single image, but a sequence of images that must remain coherent.

How to apply principles step-by-step

When evaluating a frame or graphic, ask:

1. What is the focal point? (emphasis)
2. Is the message readable instantly? (hierarchy, contrast)
3. Is the layout orderly? (alignment, proximity)
4. Does it match surrounding shots? (unity)
5. Does anything compete for attention? (contrast and movement in the wrong place)

Example: Fixing a confusing title card

Problem title card: A long headline centered over a detailed photo, thin font, low contrast.

• What’s wrong: poor contrast and hierarchy; background texture competes with text.
• Design fix:
  • Add a dark overlay or blur behind text (increase contrast).
  • Use a heavier weight font and shorter line breaks (improve readability).
  • Create hierarchy: big headline, smaller subheading, consistent margins.

Exam Focus

• Typical question patterns:
  • Identify which principle is being used or violated in a frame/graphic.
  • Revise a layout to improve hierarchy, alignment, and readability.
  • Explain how contrast or repetition supports branding.
• Common mistakes:
  • Naming principles without explaining impact (“uses contrast” but not why it helps).
  • Confusing elements (color, line) with principles (contrast, emphasis).
  • Overusing repetition (copying the same look everywhere) without considering purpose or variety.

Composition and Framing Design (Directing the Viewer’s Eye)

Composition is how visual elements are arranged within the frame. In video production, composition is one of the fastest ways to look professional—because strong composition makes your message clear even without dialogue.

Why composition matters

Your viewer is always asking (often unconsciously): “Where should I look?” Composition answers that question. It also shapes emotion:

• centered, symmetrical framing can feel formal or controlled,
• off-center framing can feel natural, tense, or dynamic,
• wide negative space can feel lonely, calm, or suspenseful.

Core composition tools (and how they work)

Rule of thirds (and why it’s useful)

The rule of thirds divides the frame into a 3×3 grid. Placing important subjects near the grid lines or intersections often creates a balanced, natural-feeling image.

The point isn’t to “obey the grid” mechanically. It’s a training tool that helps you avoid the common beginner habit of centering everything without intention.

Leading lines and visual pathways

Leading lines (roads, railings, edges of buildings, shadows) guide attention. They’re powerful because they create a “path” your eye follows—especially in motion.

A common error is letting strong lines point out of frame (leading your viewer away from the subject). Try to aim lines toward the focal point.

Headroom, look room, and lead room

When framing people:

• Headroom is space above the head. Too much makes the subject feel small; too little feels cramped.
• Look room (or nose room) is space in front of where a person is looking. Without it, the subject can feel “trapped.”
• Lead room is space in front of moving subjects. It suggests where they’re going.

These are simple ideas, but they strongly affect how “correct” a shot feels.

Foreground, midground, background (depth)

Depth helps your image feel three-dimensional and guides attention. You can design depth by:

• placing objects in the foreground,
• using shallow depth of field (blur background),
• using lighting contrast (bright subject, darker background),
• choosing backgrounds with clean separation.

A frequent problem is ignoring the background. Even if your subject is framed well, a messy background can steal attention or create unintentional meaning.

Negative space (designing with emptiness)

Negative space is the “empty” area around your subject. It’s not wasted space—it’s a design tool. Negative space can:

• make text placement easier,
• create a calm, premium look,
• emphasize isolation or scale.

Compositional continuity across edits

Because video is cut together, composition must work shot-to-shot. You should look for:

• consistent screen direction (so movement doesn’t flip confusingly),
• consistent headroom in interview setups,
• intentional variation (wide → medium → close) that feels motivated.

Even in design-heavy projects (ads, promos), sloppy continuity makes the viewer notice the editing instead of the message.

Examples

1) Interview framing: Place the subject on the left third looking toward the right. Leave clean negative space on the right for lower-third text.
2) Product shot: Use a clean background, strong key light, and a diagonal leading line (like a table edge) pointing toward the product.

Exam Focus

• Typical question patterns:
  • Analyze a frame and explain how composition directs attention.
  • Propose a better framing choice for a given scenario (interview, action, product, narrative).
  • Identify what in the background/foreground is harming clarity.
• Common mistakes:
  • Treating the rule of thirds as a strict rule instead of a tool.
  • Forgetting to design the background (unwanted clutter, bright objects, readable text in the background).
  • Cropping joints awkwardly (cutting at elbows/knees) or ignoring headroom/look room.

Color Design and Visual Mood (Color Theory for Video)

Color design is the planned use of color to create mood, clarity, and consistency. In video, color isn’t only “post-production color grading”—it starts in pre-production through wardrobe, set dressing, props, and lighting choices.

Why color is powerful

Color works fast because it’s emotional and symbolic. It can:

• set tone (warm = inviting, cool = distant, green = unnatural/sickly in some contexts),
• separate subjects from background (color contrast),
• communicate brand identity (consistent brand palette),
• influence readability (text and graphics contrast).

A common misconception is that “more saturated = better.” Over-saturation often looks cheap, breaks skin tones, and reduces detail.

Color basics you actually use

You don’t need to memorize art-class theory to use color well, but you do need a few practical ideas.

Hue, saturation, brightness (value)

• Hue: the “type” of color (red, blue, green).
• Saturation: intensity (grayish to vivid).
• Brightness/value: lightness/darkness.

In video design, value contrast often matters more than hue. Two different colors with similar brightness can still be hard to separate on screen.

Color temperature (warm vs cool)

Color temperature is the warm-to-cool feel of light and images. Practically:

• Warm light can feel cozy, romantic, nostalgic.
• Cool light can feel clinical, lonely, tense.

Be careful: if your camera’s white balance is off, “warm mood” may just look like a mistake. Intentional color must still look controlled.

Color harmony (palettes that feel intentional)

Common palette strategies:

• Monochromatic: variations of one hue (clean, cohesive, can feel minimal).
• Analogous: neighboring hues (natural, harmonious).
• Complementary: opposite hues (high contrast, energetic; can look harsh if overused).

You can use these ideas for:

• wardrobe vs background separation,
• choosing graphic accent colors,
• building a consistent visual identity.

Color in production: designing before you shoot

Good color often comes from planning, not “fixing it later.” Key choices include:

• Wardrobe: avoid colors that blend into the background unless that’s the point.
• Set/Location: pick environments with controlled color clutter.
• Lighting: colored lights or practicals (lamps, neon) can create motivated color accents.
• Props: a single accent color can create emphasis and repetition.

Color in post: correction vs grading (the conceptual difference)

• Color correction aims to make footage look consistent and “neutral” (proper exposure, consistent white balance, natural skin tones).
• Color grading is the creative look (teal-orange feel, muted pastels, high-contrast noir, etc.).

A typical workflow is: correct first, grade second. Many beginners jump to grading and wonder why clips don’t match.

Example: Designing a consistent look for a short scene

Goal: A tense nighttime scene in a parking garage.

• Production design: wardrobe in dark neutrals; avoid bright logos.
• Lighting design: cool overhead feel with a few motivated warm highlights (like a sodium lamp).
• Palette plan: mostly cool blues/greens with small warm accents to pull attention to faces.

This is design because you’re controlling emotion and clarity—not just making things “blue.”

Exam Focus

• Typical question patterns:
  • Explain how a color palette supports a mood or brand.
  • Diagnose why footage looks inconsistent (mixed lighting, changing white balance, wardrobe conflicts).
  • Suggest wardrobe/set/lighting changes to improve subject separation.
• Common mistakes:
  • Assuming color grading can fix poor lighting or messy locations.
  • Ignoring value contrast (choosing colors that are different in hue but similar in brightness).
  • Making skin tones look unnatural due to heavy grading or incorrect white balance.

Typography and On-Screen Text (Titles, Lower Thirds, and Readability)

Typography is the design of text—font choice, size, spacing, layout, and motion. In video, typography must be readable under real viewing conditions: small screens, compression, bright daylight, and short on-screen duration.

Why typography matters in video production

Text is often the most information-dense thing on screen. If it’s hard to read, your audience misses the message. Typography also carries tone:

• a clean sans-serif can feel modern and neutral,
• a serif can feel traditional or editorial,
• an overly playful display font can undermine serious topics.

A key idea: typography is part of your visual voice. It should match the project’s purpose and audience.

Readability vs legibility

These two terms are related but different:

• Legibility: how easily you can recognize individual letters (font design, weight, clarity).
• Readability: how easily you can read phrases and paragraphs (size, line length, spacing, contrast, timing).

Video often fails on readability because titles are on screen too briefly or the text is too small for mobile viewing.

Practical typography choices for video

Font selection (what to consider)

• Clarity at small sizes: avoid thin strokes and overly decorative fonts.
• Weight and contrast: bolder weights hold up better over footage.
• Consistency: limit the number of font families (often 1–2) to maintain unity.
• Licensing: use fonts you have the right to use (important in professional contexts).

Spacing: tracking and leading

• Tracking is overall letter spacing. Too tight becomes unreadable; too loose feels disconnected.
• Leading is line spacing. Too tight feels cramped; too loose disconnects lines.

In video, slightly increased spacing can help because compression and motion reduce clarity.

Layout concepts: hierarchy and grids

Text should have a clear hierarchy:

• primary headline,
• secondary info (name/title/date),
• tertiary details (URLs, disclaimers).

A simple grid (consistent margins, alignment lines) prevents the “floating text” look. Misaligned lower thirds are one of the quickest ways to look amateur.

Safe areas and platform realities

Even though many modern displays show the full frame, safe area thinking is still useful: keep important text away from edges to avoid cropping on some displays and to improve comfort on phones.

Also design for aspect ratios:

• A lower third that works in $16:9$ may cover a subject in $9:16$.
• Vertical video often needs higher placement because UI elements (captions, buttons) occupy the bottom.

Example: Building a lower third that looks professional

Scenario: Interview with a doctor for a health video.

• Use a clean sans-serif, medium-to-bold weight.
• Place name larger than title (hierarchy).
• Align text to a consistent left margin.
• Add a subtle background bar or shadow for contrast—especially if the footage changes.
• Keep it on screen long enough to read comfortably.

Common failure: placing thin white text directly over bright footage without a background—readable in your editing program, unreadable on a phone.

Exam Focus

• Typical question patterns:
  • Redesign a title/lower third for readability and hierarchy.
  • Explain how font choice affects tone and audience perception.
  • Identify why text is hard to read (contrast, size, timing, background clutter).
• Common mistakes:
  • Using too many fonts or styles (loss of unity).
  • Relying on pure white text with no separation from footage.
  • Ignoring timing: titles appear too briefly or during visually busy moments.

Motion Graphics Design (Styleframes, Animation, and Visual Systems)

Motion graphics combine graphic design with animation to communicate information through moving text, shapes, icons, and transitions. In many modern videos—news, sports, promos, social content—motion graphics are not optional; they are a core storytelling tool.

What motion graphics design includes

Motion graphics design can involve:

• animated titles and lower thirds,
• transitions and wipes (used sparingly and intentionally),
• kinetic typography (animated text that matches speech or rhythm),
• icons and infographic animation,
• branded openers/closers (“bumpers”),
• visual effects that support clarity (callouts, highlights, trackers).

Why motion design matters

Motion can create attention and hierarchy over time. When something moves, we notice it. That’s useful—until everything moves and nothing feels important. Good motion design uses movement strategically so the viewer’s attention goes where you want.

How motion design works: key principles

Even without deep animation theory, a few principles make motion graphics feel professional:

Timing and spacing

• Timing is how long an action takes.
• Spacing is how motion is distributed (smooth vs sudden).

Fast motion can feel energetic or urgent; slower motion can feel premium or serious. If timing doesn’t match the tone, the whole piece feels “off.”

Easing (why linear motion looks fake)

Real-world movement rarely starts and stops instantly. In animation, easing means acceleration and deceleration. Without easing, motion feels robotic.

A common beginner error is using default linear keyframes for everything.

Visual hierarchy in motion

If three things animate at once, you’ve created competition. Use:

• staggered timing (one element leads, others follow),
• scale and opacity to prioritize,
• simple motion paths to reduce distraction.

Consistency: a motion “language”

Your video should feel like it has one motion style:

• consistent speeds,
• consistent types of transitions,
• consistent icon style (outline vs filled),
• consistent use of blur/shadows.

Randomly mixing styles (slick corporate lower thirds + playful bouncy icons) breaks unity.

Styleframes: designing before animating

A styleframe is a designed still image that shows what a motion graphic moment should look like (layout, type, color, imagery). Styleframes are valuable because they let you solve design problems before you spend time animating.

If you animate first without styleframes, you often end up polishing motion for a design that doesn’t communicate well.

Example: Designing an animated statistic for a documentary

Goal: Show “30% increase” clearly and credibly.

• Design: large number as the focal point; smaller label underneath; clean chart shape.
• Motion: number counts up or slides in with easing; chart grows from left to right.
• Restraint: avoid flashy spins; credibility often comes from simplicity.

Exam Focus

• Typical question patterns:
  • Propose motion graphic choices that match tone (news vs comedy vs luxury ad).
  • Diagnose why a motion graphic feels “amateur” (linear motion, clutter, inconsistent style).
  • Explain how motion creates hierarchy over time.
• Common mistakes:
  • Over-animating everything, causing distraction.
  • Using inconsistent motion speeds and transition styles.
  • Skipping design planning (no styleframes), leading to unclear visuals.

Production Design (Sets, Props, Costume, and Locations)

Production design is the design of the physical world seen on camera. Even in small projects, you’re doing production design whenever you choose a location, decide what appears in the background, or pick wardrobe colors.

Why production design matters

Viewers learn a lot from what they see behind the actors or subjects. The environment communicates:

• time period and place,
• character personality and status,
• genre and tone,
• realism and credibility.

Bad production design distracts. A powerful speech filmed with a messy, random background can feel unprofessional—or unintentionally comedic.

Key components of production design

Location design

Choosing a location is a design decision, not just a convenience decision. Evaluate:

• visual noise (clutter, signage, people moving),
• color palette (does it match your plan?),
• depth (can you separate subject from background?),
• lighting control (windows can create exposure problems),
• sound (design and audio are linked—bad sound can ruin good visuals).

Set dressing and props

Set dressing includes the objects placed to create a believable environment. Props should:

• support story and character,
• reinforce theme (repetition of motifs),
• avoid unintentional messages (e.g., visible brand logos you didn’t plan).

A common beginner issue is adding props because they “look cool” rather than because they communicate something.

Costume and wardrobe

Wardrobe affects:

• character and social identity,
• color palette and subject separation,
• continuity (matching across takes and shots).

Wardrobe mistakes that commonly show up on camera:

• fine patterns that create moiré (shimmering artifacts),
• highly reflective fabrics under strong lights,
• colors too close to green screen (if compositing).

Makeup and hair (camera realism)

Camera and lighting can wash out faces. Basic makeup can reduce shine and balance skin tone. The goal in many projects isn’t glamor—it’s consistency and control.

Continuity: the design glue

Continuity means visual consistency across shots so time and space feel believable. Production design continuity includes:

• prop positions,
• wardrobe details,
• hair/makeup,
• background elements.

Even short social videos can feel “off” if continuity breaks (a drink level changes, a jacket appears/disappears). Viewers may not identify the problem—but they’ll feel it.

Example: Designing a simple, controlled interview space

If you have limited gear, you can still design effectively:

• Choose a background with depth (subject away from the wall).
• Remove distracting bright objects.
• Add one or two intentional background elements that support the topic (books for an academic, tools for a maker).
• Use wardrobe that contrasts with the background without being distracting.

Exam Focus

• Typical question patterns:
  • Explain how location/wardrobe/props communicate character or tone.
  • Identify continuity problems and propose fixes.
  • Plan a production design approach for a given genre (news, drama, commercial).
• Common mistakes:
  • Treating backgrounds as “whatever is there” instead of designing them.
  • Forgetting continuity documentation (photos/notes), causing mismatches across takes.
  • Ignoring practical constraints like sound, lighting control, and permissions.

Designing the Viewer Experience (Blocking, Shot Design, and Visual Continuity)

Design in video doesn’t stop at “how things look” in isolation. You also design how the viewer experiences information over time—through staging, blocking, shot size choices, and continuity.

Blocking as design

Blocking is where people (and sometimes camera) move within a space. Blocking affects:

• what the audience notices,
• emotional distance (close vs far),
• power relationships (one character higher or more centered),
• clarity of action.

Even in documentaries, you often “block” informally—where you place the subject relative to background, windows, or practical lights.

Shot size and emotional meaning

Shot size is a design tool:

• Wide shots establish context and scale.
• Medium shots balance person and environment.
• Close-ups create intimacy and intensity.

A common mistake is choosing shot sizes only based on convenience. Instead, choose them based on what the viewer should feel and understand at that moment.

Screen direction and spatial logic

If a subject moves left-to-right in one shot and suddenly right-to-left in the next (without motivation), viewers can feel disoriented. Maintaining consistent screen direction helps the scene feel coherent.

This is partly a filming/editing topic, but it’s also design because you’re designing spatial understanding.

Match cuts and motivated transitions

Transitions should serve meaning:

• cut because attention shifts,
• cut because time jumps,
• cut because a new idea begins.

Overusing flashy transitions is usually a design failure: it puts style above communication.

Example: Designing clarity in a simple action

Scenario: Someone enters a room, finds a note, reacts.

• Use a wide shot to establish the space.
• Use a medium shot as they approach the table.
• Use an insert close-up of the note (designed for legibility—angle, lighting, focus).
• Use a close-up reaction.

This sequence is design because it structures the viewer’s attention step-by-step.

Exam Focus

• Typical question patterns:
  • Choose shot sizes and blocking to communicate emotion or information.
  • Explain how continuity and screen direction affect viewer understanding.
  • Identify when a transition is unmotivated and propose a simpler alternative.
• Common mistakes:
  • Using random shot sizes without a communication goal.
  • Breaking spatial logic (confusing direction changes) and calling it “creative.”
  • Overusing stylized transitions that distract from content.

Design Planning Documents (Treatments, Mood Boards, Storyboards, and Style Guides)

Professional-looking design is rarely improvised. It’s planned, communicated, and standardized. Design documents turn ideas into something a team can execute consistently.

Treatment: the big-picture design plan

A treatment is a written (and often visual) description of what the video will be. It typically includes:

• purpose and target audience,
• tone and style references,
• visual approach (color, camera style, pacing),
• key scenes or structure,
• sometimes sample frames.

Treatments matter because they align everyone early—before time and budget get spent.

Mood boards and visual references

A mood board is a curated set of images that communicate a visual direction. The goal is not to copy; it’s to clarify:

• palette and lighting style,
• textures and environments,
• typography vibe,
• composition patterns.

A common mistake is making a mood board that is too broad (“cool photos”) instead of specific (“warm, low-contrast, natural window light; minimal backgrounds; muted earth tones”).

Storyboards: designing shots before filming

A storyboard is a sequence of drawings (simple sketches are fine) showing:

• shot framing,
• subject placement,
• major actions,
• sometimes camera moves and transitions.

Storyboards are especially useful when:

• timing matters (ads, promos),
• you need coverage for editing,
• you’re coordinating action, VFX, or motion graphics.

Style guides: protecting consistency

A style guide is a set of rules so everything matches. For video, a style guide might specify:

• fonts and how to use them (sizes, weights),
• brand colors (and acceptable variants),
• logo placement rules,
• lower-third templates,
• icon style,
• motion rules (transition type, animation speed),
• caption styling.

This prevents the common team problem where each person makes graphics that look like they’re from a different project.

Asset planning and organization

Design also includes planning your assets so production is efficient:

• naming conventions for graphics versions,
• organizing fonts, logos, and project files,
• keeping track of licenses and permissions,
• maintaining consistent versions across edits.

Disorganization becomes a design problem when the final video contains mismatched fonts, outdated logos, or inconsistent colors.

Example: Building a mini style guide for a school news segment

• Choose one font family with 2–3 weights.
• Define primary and accent colors.
• Create one lower-third template and one headline template.
• Decide transition style (simple cuts, occasional dissolve).
• Define rules: headlines in Title Case, names in ALL CAPS (or vice versa), consistent placement.

Exam Focus

• Typical question patterns:
  • Identify which design document is most appropriate for a scenario (treatment vs storyboard vs style guide).
  • Create or critique a design plan for consistency and clarity.
  • Explain how planning documents prevent production problems.
• Common mistakes:
  • Treating storyboards as “only for artists” and skipping them even when complexity is high.
  • Using references as direct copying rather than inspiration and guidance.
  • Lacking standards (no style guide), causing inconsistent graphics and typography.

Designing for Platforms and Accessibility (Real-World Delivery Constraints)

Design choices must survive the real world: different screens, aspect ratios, compression, and viewer needs. A design that looks great on an editing monitor can fail completely on a phone in daylight.

Platform formats and aspect ratios

Common aspect ratios include widescreen ($16:9$) and vertical ($9:16$), with square ($1:1$) still used on some platforms. Designing for multiple formats often requires:

• reframing shots (keeping subjects centered enough to crop),
• repositioning titles and lower thirds,
• simplifying layouts for small screens.

A practical design habit is to keep critical content away from extreme edges and avoid tiny details that will disappear when scaled.

Compression and readability

Online platforms compress video. Compression can:

• reduce fine detail,
• introduce banding in gradients,
• make thin text shimmer,
• muddy subtle color differences.

Design responses:

• favor strong value contrast,
• avoid extremely thin fonts and delicate lines,
• keep backgrounds behind text simple.

Accessibility: designing so more people can understand

Accessibility is not only captions—it’s designing for a range of viewers and contexts.

Key considerations:

• Captions/subtitles: ensure they don’t clash with lower thirds; plan layout so text doesn’t overlap.
• Contrast: text needs strong contrast against its background.
• Color meaning: don’t rely on color alone to communicate a difference (use labels, shapes, or position too).
• Pacing: leave enough time for viewers to read titles and graphics.

A common mistake is adding captions at the end without checking if they cover important on-screen information.

Branding and legal/ethical considerations (design-adjacent but essential)

In many video contexts (schools, organizations, clients), design must respect:

• correct logo usage,
• permissions for images, fonts, and music,
• avoiding accidental endorsement through visible trademarks.

Even if your course emphasizes creativity, professional design includes responsible usage.

Example: Adapting a lower third for vertical video

In $16:9$, a lower third sits at the bottom left. In $9:16$, the same placement may conflict with app UI and captions.

• Solution: move the lower third higher, simplify it, and ensure caption space is reserved.

Exam Focus

• Typical question patterns:
  • Explain how platform constraints change design decisions.
  • Propose changes to improve readability on mobile.
  • Identify accessibility issues (low contrast text, overloaded screens, caption conflicts).
• Common mistakes:
  • Designing only for one screen (editing monitor) and ignoring mobile viewing.
  • Using color alone to communicate categories in graphics.
  • Overcrowding the frame with text and icons, leaving no breathing room.

Critique, Iteration, and Design Quality Control (How Good Design Gets Made)

Design is not a one-pass activity. Professionals expect revision because design is communication—and communication must be tested.

What critique is (and how to do it constructively)

A critique is a structured evaluation focused on the work, not the person. The goal is to improve clarity and impact.

A useful critique framework:

1. Describe what you see (objective).
2. Interpret what it communicates (what message/tone it gives).
3. Evaluate what works and what doesn’t (based on goals).
4. Suggest specific improvements (actionable steps).

This prevents unhelpful feedback like “I don’t like it” and replaces it with “The headline blends into the background because contrast is low; adding a darker overlay would improve readability.”

Iteration: small changes that make big differences

Common high-impact iterations in video design:

• increasing text size and contrast,
• simplifying backgrounds behind titles,
• standardizing spacing and alignment,
• removing unnecessary motion,
• adjusting color palette consistency across scenes.

Beginners often iterate on the wrong things (adding more effects) instead of improving fundamentals (hierarchy, contrast, alignment).

Consistency checks (a practical quality-control habit)

Before final export, review for consistency:

• Do all lower thirds match exactly (font, size, position, timing)?
• Are colors consistent across scenes (no random shifts)?
• Are graphics aligned to the same grid and margins?
• Do titles stay on screen long enough to read?
• Do captions overlap with essential text?

This is design discipline: viewers trust what feels controlled.

Example: Revising a graphic package after feedback

Feedback: “The opener feels exciting, but the lower thirds feel like a different show.”

• Diagnosis: inconsistent typography and motion style.
• Fix: choose one font family, unify color palette, match animation timing curves, and create one template used everywhere.

Exam Focus

• Typical question patterns:
  • Critique a design using principles (hierarchy, contrast, unity) and propose improvements.
  • Explain why consistency and templates matter in multi-asset projects.
  • Analyze a viewer feedback scenario and identify the underlying design issue.
• Common mistakes:
  • Giving opinion-only critique without linking to goals or principles.
  • “Fixing” clarity problems by adding more effects instead of simplifying.
  • Failing to check consistency across the whole timeline (only polishing one screen).