PracticeVideosBlogFlashcards

1.2 Purpose, Audience, and Project Specifications

Key Takeaways

  • Identifying project purpose and target audience demographics dictates visual hierarchy, typography, color palette, and composition.

  • WCAG 2.1 Level AA mandates a minimum contrast ratio of 4.5:1 for standard body text and 3:1 for large text (18pt or 14pt bold).

  • Color should never be the sole visual cue to convey critical information; designers must use secondary cues such as icons, shapes, or text labels.

  • Photoshop provides built-in color blindness proofing under View > Proof Setup to simulate Protanopia (red-blind) and Deuteranopia (green-blind).

  • Target delivery mediums determine core document setup: commercial print follows the vendor’s color profile, resolution, and bleed specifications, while screen and web require RGB (sRGB) with optimized pixel dimensions.

Last updated: October 2026

Purpose, Audience, and Project Specifications

Quick Answer: Every successful visual project begins with identifying the client's core purpose and target audience demographics. Design specifications are governed by accessibility standards—such as WCAG 2.1 AA's 4.5:1 contrast ratio for normal text—and the delivery medium, which dictates whether print documents follow the vendor’s requested profile, resolution, and bleed, sRGB pixel dimensions for web, or action/title-safe zones for broadcast video.

1. Defining Project Purpose and Business Objectives

Before opening Adobe Photoshop or selecting a canvas preset, a designer must understand the project's purpose. The purpose defines what problem the visual asset solves and what specific outcome the client expects to achieve. Without an unambiguous purpose, even visually stunning designs fail to deliver real-world business results.

Every project generally falls into one or more functional purpose categories:

  • Informing and Educating: Delivering factual data, instructions, or public announcements with immediate clarity (e.g., instructional graphics, infographics, health notices).
  • Persuading and Converting: Driving a specific action, such as purchasing a product, signing up for a service, or attending an event (e.g., e-commerce hero banners, promotional flyers, social media ads).
  • Brand Building and Identity: Cultivating brand recognition, emotional resonance, and credibility through cohesive visual assets (e.g., brand billboards, corporate brochures, digital style guides).
  • Entertaining and Engaging: Capturing attention through expressive visual storytelling (e.g., editorial illustrations, movie posters, album artwork).

Aligning Purpose with Visual Hierarchy

The project purpose directly dictates the visual hierarchy—the arrangement and presentation of visual elements in order of their importance. When the purpose is persuasion, the focal point is typically the product image and an unmissable Call to Action (CTA) button or text. When the purpose is educational, the hierarchy prioritizes legibility, logical sequencing, and balanced negative space (white space) to prevent cognitive overload.


2. Target Audience Profiling: Demographics and Psychographics

A design cannot appeal to everyone simultaneously. Attempting to design for an undefined "general public" leads to generic, ineffective imagery. Designers profile the target audience by evaluating two complementary data dimensions: demographics and psychographics.

Demographics vs. Psychographics

DimensionDefinitionKey VariablesDesign Impact
DemographicsObjective, quantifiable population characteristicsAge, gender, education level, geographic location, primary language, income bracketDetermines font sizing, contrast requirements, cultural color symbolism, and layout complexity
PsychographicsQualitative psychological attributes and behaviorsValues, attitudes, lifestyle preferences, cultural beliefs, purchasing habits, technical fluencyShapes stylistic tone, photographic subject matter, visual metaphors, and aesthetic mood

How Demographics Shape Visual Decisions

Age

  • Older adults: Tend to experience decreased contrast sensitivity and presbyopia. Test larger text, stronger contrast, generous line spacing, and clear icons with the intended audience; point-size and contrast choices depend on the medium and requirements.
  • Children and Teens: Benefit from dynamic compositions, playful typography, high-saturation color accents, and prominent character-driven or interactive visuals.

Cultural and Geographic Considerations

Color conveys radically different emotional meanings across global cultures. Choosing the wrong color palette can alienate or inadvertently offend an audience:

  • Red: Symbolizes good fortune, joy, and prosperity in Chinese culture; signifies passion, excitement, or danger in Western cultures; represents mourning or death in parts of South Africa.
  • White: Associated with purity, peace, and weddings in Western traditions; represents mourning, sorrow, and funerals in many East Asian cultures.
  • Green: Widely associated with nature, eco-friendliness, and money in the United States; holds deep sacred religious significance in Islam; can symbolize infidelity or misfortune in specific Asian regions.

Reading patterns also depend on geographic demographics. Left-to-right (LTR) languages (English, Spanish) often scan in ways influenced by left-to-right reading order, content, and layout. F- and Z-patterns are useful hypotheses rather than universal laws. Right-to-left (RTL) languages (Arabic, Hebrew) can need a different reading hierarchy; test the actual language and layout.


3. Accessibility Standards and Inclusive Design

Accessibility ensures that digital and physical media can be perceived, understood, navigated, and used by everyone, including individuals with visual, auditory, cognitive, or motor impairments. In professional design, accessibility is not merely an optional courtesy—it is a design responsibility. Legal requirements depend on the organization, jurisdiction, and product; identify the applicable requirements in the brief.

Web Content Accessibility Guidelines (WCAG)

The international benchmark for digital accessibility is the Web Content Accessibility Guidelines (WCAG), maintained by the World Wide Web Consortium (W3C). WCAG is organized around four foundational principles—Perceivable, Operable, Understandable, and Robust (POUR).

Contrast Ratio Thresholds (WCAG 2.1 Level AA)

Contrast ratio measures the luminance difference between foreground text (or graphical objects) and its background, expressed on a scale from 1:1 (no contrast, e.g., white text on a white background) to 21:1 (maximum contrast, black text on a white background).

Content TypeMinimum Ratio (Level AA)Enhanced Ratio (Level AAA)Notes
Normal Text4.5:17:1Applies to text smaller than 18pt regular font (or smaller than 14pt bold font)
Large Text3:14.5:1Defined as at least 18pt regular or at least 14pt bold
User Interface Components & Graphical Objects3:13:1 (AA criterion)Information needed to identify active controls or understand meaningful graphics; exceptions apply
Incidental / Decorative TextExempt (No minimum)ExemptInactive UI elements, purely decorative backgrounds, brand logos

Important

Exam Rule on Text Contrast: Normal text covered by the contrast criterion must meet a minimum contrast ratio of 4.5:1 under WCAG Level AA. A common exam trap presents a ratio of 3:1 for regular 12pt body copy—remember that 3:1 is only acceptable for large text (18pt+ regular or 14pt+ bold) and graphical UI elements!

Designing for Color Vision Deficiencies (Color Blindness)

Color Vision Deficiency (CVD) affects people differently. Relevant types include:

  1. Protanopia / Protanomaly: Red-weakness or red-blindness (difficulty distinguishing red from green, blue-green, or dark gray).
  2. Deuteranopia / Deuteranomaly: Green-weakness or green-blindness (the most common form, causing confusion between green, red, brown, and yellow).
  3. Tritanopia / Tritanomaly: Rare blue-yellow color vision deficiency.

Non-Reliance on Color Alone

Never communicate vital information, system states, or required actions solely through color hue. If an error field on a web form turns red, it must also display a secondary visual cue, such as an exclamation mark icon, a bold outline, or explicit error helper text.

Simulating Color Blindness in Photoshop

Photoshop features built-in soft-proofing presets that approximate selected color-vision deficiencies. Designers should test compositions before client delivery:

  1. Navigate to View > Proof Setup in the top application menu.
  2. Select either Color Blindness - Protanopia-type or Color Blindness - Deuteranopia-type.
  3. Toggle the proof preview on or off at any time using the keyboard shortcut Ctrl + Y (Windows) or Cmd + Y (macOS).
  4. Check whether text, infographics, navigation buttons, and status icons remain distinguishable when red and green shades collapse into neutral tones.

Alternative Text (Alt Text)

When designing web graphics or digital assets, designers must prepare alternative text (alt text). Screen readers read alt text aloud to visually impaired users, and search engines index it to understand visual context. Effective alt text is concise, functional, and descriptive:

  • Poor Alt Text: image123.jpg or Banner graphic with buttons.
  • Effective Alt Text: Promotional discount offering 25% off all graphic design toolkits through November 30.

4. Target Delivery Mediums and Production Specifications

The intended distribution medium dictates fundamental canvas properties inside Photoshop, including color mode, spatial resolution, physical dimensions, and safe zones.

Delivery Medium Comparison Matrix

MediumColor ModeTypical ResolutionPrimary UnitsCritical Output Considerations
Commercial Offset PrintCMYK300 PPI / DPIInches, Centimeters, MillimetersBleeds (typically 0.125 in / 3 mm), trim line, safe margin, dot gain compensation
Desktop / Digital PrintCMYK or RGB150–300 PPIInches, MillimetersPrinter-managed color profiles, paper stock coating (gloss vs. matte)
Web & Desktop ScreensRGB (sRGB)Total pixel dimensions (e.g., 1920×1080)Pixels (px)File compression, responsive breakpoints, fast loading, SVG vs. WebP/JPEG
Mobile DevicesRGB (sRGB / Display P3)Multi-scale exports (1x, 2x, 3x Retina)Pixels (px) / Points (pt)Minimum touch target size (44×44 pt / 48×48 dp), portrait vs. landscape responsive design
Video & BroadcastRGB (Rec. 709 / Rec. 2020)1920×1080 (HD), 3840×2160 (4K UHD)Pixels (Square Pixels)Title Safe and Action Safe margins, frame aspect ratio (16:9)

Print Specifications: Bleed, Trim, and Safe Zones

When commercial printing equipment trims stacks of paper, mechanical blades can shift slightly (blade bounce). To ensure ink extends cleanly to the physical edge without leaving an unsightly white sliver:

  • Bleed Area: The extra outer perimeter of the design that extends beyond the physical trim line (standard commercial bleed is 0.125 inches (3.175 mm) or a vendor-specified 3 mm on all four edges). Background colors and full-bleed photographs must be pulled completely into this zone.
  • Trim Line: The actual line where the printed sheet will be cut to its finished physical dimensions.
  • Safe Zone (Safety Margin): An inner boundary inside the trim line (typically 0.125 to 0.25 inches inward). All critical text, logos, and focal elements must remain inside the safe zone to ensure they are never inadvertently chopped off by a cutting variance.

Screen Specifications: Pixels, PPI, and the 72 PPI Myth

In digital screen workflows, image clarity is determined exclusively by total pixel dimensions (width in pixels × height in pixels), not by the Pixels Per Inch (PPI) value.

Note

The 72 PPI Myth: An old industry rule of thumb claimed that all web images must be saved at "72 PPI." On modern screens (such as 4K monitors and high-density mobile Retina screens operating at 300–460+ PPI), a browser displays an image based on its absolute pixel count. A 1200×800 pixel image saved at 72 PPI displays at the exact same physical size and clarity on a webpage as a 1200×800 pixel image saved at 300 PPI. PPI only becomes meaningful when an image is translated into physical ink on paper via a printing device.

Video and Broadcast: Safe Areas

Broadcast television screens often exhibit "overscan," where the outer border of the video signal is concealed by the bezel. When creating lower thirds, title cards, or background plates in Photoshop using the Film & Video document presets, Photoshop automatically overlays non-printing guide overlays:

  • Action Safe Zone (Inner 90%–93%): Visual action must occur within this perimeter so it is not obscured by screen bezels.
  • Title Safe Zone (Inner 80%–90%): All readable typography, lower-third names, logos, and informational text must remain inside this tighter boundary.

5. Exam Scenarios and Common Pitfalls

Scenario 1: Developing an Omnichannel Marketing Banner

A client asks for a single Photoshop design that will be printed as a 4×6 inch promotional postcard and uploaded as a Facebook sponsored ad.

  • The Pitfall: Creating an sRGB web canvas at 800×1200 pixels and sending that directly to the commercial print vendor. The file may lack the printer’s required effective resolution and bleed.
  • The Solution: For a printer requesting 300 PPI and 0.125-inch bleed, create 4.25×6.25 inches, or 1275×1875 pixels. Keep an RGB master if the vendor accepts it; convert a delivery copy to the requested press profile when required. Export a separate sRGB web copy, using Bicubic Sharper for reduction.

Scenario 2: Selecting Colors for Form Fields

A designer uses light gray text (#999999) on a white background (#FFFFFF) for an input placeholder, yielding a contrast ratio of approximately 2.85:1.

  • The Pitfall: The text fails WCAG 2.1 AA requirements, making it unreadable for elderly users and those in bright sunlight.
  • The Solution: Darken the placeholder text to at least #767676, which produces a contrast ratio of approximately 4.54:1, satisfying the 4.5:1 minimum threshold for standard text.

Summary Checklist Before Starting Production

  1. Has the client confirmed the core business purpose and expected user action?
  2. Have primary audience demographics (age, culture, language) been mapped to font choices and color choices?
  3. Do all body copy color combinations meet or exceed the 4.5:1 contrast threshold?
  4. Has the composition been verified under View > Proof Setup > Color Blindness?
  5. Are document dimensions, resolution, and color modes configured appropriately for the intended delivery medium (CMYK/300 PPI for print; sRGB/pixel dimensions for screen)?

Source check: W3C text contrast criterion, reviewed October 18, 2026. Contrast exceptions include logos, inactive controls, and incidental text; evaluate the actual context.

Test Your Knowledge

For normal text that does not qualify as large text and is not exempt, what minimum contrast ratio does WCAG Level AA require?

A

3:1

B

4.5:1

C

7:1

D

10:1

Test Your Knowledge

Which menu command path in Adobe Photoshop allows a designer to preview how an image appears to individuals with red-green color vision deficiencies?

A

Image > Adjustments > Invert

B

Filter > Blur > Desaturate

C

View > Proof Setup > Color Blindness (Protanopia or Deuteranopia)

D

Edit > Color Settings > Grayscale

Test Your Knowledge

A print vendor requests CMYK, 300 PPI, and 0.125-inch bleed for a full-bleed advertisement. Which setup meets that specification?

A

CMYK color mode, 300 PPI resolution, with a 0.125-inch (3.175 mm) bleed extending beyond the trim line

B

sRGB color mode, 72 PPI resolution, with zero bleed and strict Title Safe margins

C

RGB color mode, 150 PPI resolution, with crop marks drawn directly on the active background layer

D

Indexed Color mode, 600 PPI resolution, with an embedded WebP preview profile

Sections you finish are checked off in the contents.