The Visual Components and the Principle of Contrast and Affinity

Foundations of Visual Components

• Visual images permeate daily life across multiple formats and distribution channels, including films, television programs, video games, internet media, published books, magazines, billboards, theater prosceniums, live musical concerts, home videos, snapshots, and gallery artworks.
• Visual media vary across dimensions, formats, and presentations, appearing as large, small, moving, still, color, or black-and-white pictures.
• Every picture is composed of fundamental structural layers:
  • Story (encompassing ideas, thematic messages, and scripts)
  • Dialogue and printed text
  • Musical compositions and auditory elements
  • People and actors
  • Wardrobe and costumes
  • Scenery and environmental locations
• Controlling these visual and narrative layers determines how a picture affects its audience:
  • Advertisements persuade viewers to purchase products.
  • Video games excite players to engage in active gameplay.
  • Motion pictures involve viewers deeply within narrative story arcs.
• Media structure can be categorized into four distinct areas of fundamental building blocks:
  • The Script: Built from plot elements, character construction, and written dialogue.
  • The Music: Built from musical instruments, written notes, and melodic structures.
  • The Sound: Built from audio volume, bass and treble frequencies, sound effects, and auxiliary auditory components.
  • The Visuals: Built strictly from the basic visual components (rather than surface-level elements like scenery, props, or costumes, which are themselves constructed out of visual components).

The Seven Basic Visual Components

• The seven basic visual components present in every visual image are:
  • Space: The visual component referring to three distinct operational environments:
  • The physical three-dimensional space located directly in front of the camera lens during filming.
  • The dimensional difference between the actual physical filming space and how that space is rendered on a two-dimensional screen.
  • The physical and spatial characteristics of the display screen itself.
  • Line: A perceptual concept that exists solely within human cognition rather than as a physical reality. Lines are perceived as a result of contrast across other visual components.
  • Shape: Intimately connected to line, as all perceived shapes appear constructed from lines. An object's underlying shape is formally revealed when reduced to a high-contrast silhouette.
  • Tone: Refers specifically to brightness along the grayscale, ranging from pure white to pure black. Tone does not refer to narrative mood (such as a happy or angry tone) or audio properties (treble and bass). It is essential in black-and-white visual media and serves as a foundational element of color.
  • Color: A powerful and frequently misunderstood visual component that operates through specific chromatic principles to communicate visual information.
  • Movement: A key component in motion pictures that serves as the primary visual element attracting the human eye. It dictates visual structure, though visual works can also be created using still photos.
  • Rhythm: Present in both stationary (non-moving) objects and moving objects, as well as in sound. Visual rhythm is heavily utilized within the editing process.
• Visual components appear on set every day, exist in front of the camera in every shot, and constantly deliver visual information to the audience alongside the cast of actors.
• The visual components overlap; gaining a complete understanding of one component requires an understanding of the remaining six.

Visual Communication and Audience Reaction

• The Structural Identity of the Actor:
  • An actor is a unique onscreen object whose talent and personality attract audience attention.
  • Actors communicate explicitly through spoken dialogue, facial expressions, and body movements.
  • Visually and structurally, an actor is a collection of spaces, lines, shapes, tones, colors, movements, and rhythms.
  • On a fundamental visual level, audiences process actors and inanimate objects using identical structural principles.
• Unconscious Audience Response:
  • Audiences react unconsciously to actor performances, musical scores, and visual components simultaneously.
  • Visual components continually supply information that alters the audience's moods, emotions, and physical feelings.
  • Viewers cannot escape the psychological and physiological effects of visual components.
• Auditory Communication Examples:
  • Psycho ($1960$, directed by Alfred Hitchcock): Utilizes screeching violins as a musical cue signaling terror and indicating the immediate threat of the mother figure.
  • Jaws ($1975$, directed by Steven Spielberg): Employs low, pounding bass notes to establish a recurring musical theme that signals the presence of the killer shark.
  • Replaying a established musical cue triggers immediate fear, reminding the audience of an underlying threat without showing the threat visually.
• Visual Component Cueing and Associations:
  • Visual components communicate thematic concepts much like musical cues. For instance, establishing a specific color alongside a narrative event assigns explicit meaning to that color (e.g., if every murder in a story occurs under blue light, presenting blue light causes the audience to anticipate a murder).
  • Murder on the Orient Express ($1974$, directed by Sidney Lumet): Uses explicitly defined color associations to build audience expectations and structural meaning.
• Visual Stereotypes:
  • Visual stereotypes demonstrate that visual components communicate, such as traditional movie westerns where heroes wore white hats and villains wore black hats.
  • Stereotypes represent the weakest and least creative application of visual structure. Any visual element or color can represent good, evil, happiness, sadness, honesty, or dishonesty.

Fundamental Visual Terminology

• Inescapability of Visual Components:
  • Color is the only visual component that can be removed from a production (by shooting in black and white). All other visual components are impossible to eliminate.
  • A blank display screen still contains the basic visual components of rhythm, space, line, shape, tone, and movement.
  • Still photographs retain the active visual components of rhythm and movement.
• Practical Production Application:
  • Defining visual components provides the foundation for visual structure, which guides choices regarding location scouting, set dressing, props, wardrobe, camera lenses, camera positions, lighting design, actor staging, and editorial cutting.
  • Visual structure is not a rigid mathematical formula; it relies on clear guidelines, definitions, and principles to manage creative visual choices.
• Essential Definitions:
  • The Screen: The flat, two-dimensional surface where images are viewed, including cinema screens, television monitors, computer displays, theater proscenium stages, museum canvases, and printed images in books or magazines.
  • Real World vs. Screen World:
  • Real World: The three-dimensional physical environment inhabited by human beings.
  • Screen World: The two-dimensional image environment created on display screens, which may or may not obey real-world visual rules.
  • Spatial Depth Terminology:
  • Foreground ($FG$): Objects positioned closest to the camera lens or viewer.
  • Midground ($MG$): Objects positioned at an intermediate distance behind the foreground.
  • Background ($BG$): Objects positioned farthest away from the camera lens or viewer.
  • The Picture Plane:
  • The two-dimensional "window" bounded by frame lines within which a visual image exists.
  • Frame lines define the physical height and width proportions of the image.
  • Examples include painting frames, camera viewfinders, film aperture openings, television screen edges, and framing windows created by holding hands up to view a scene.

Visual Progressions and Structural Dynamics

• A visual progression represents a structured change from one visual state to another, typically moving from visual simplicity toward visual complexity.
• The Four-Stage Geometric Visual Progression:
  1. Point: The absolute simplest visual object that can be placed inside a frame.
  2. Line: Formed by dragging a point horizontally across the frame, increasing visual complexity.
  3. Plane: Formed by pulling a line downward, creating a two-dimensional shape.
  4. Volume (Cube): Formed by pulling a two-dimensional plane out into three-dimensional space, representing the most visually complex stage of the progression.
• Film Case Studies Utilizing Visual Progressions:
  • Raging Bull ($1980$, directed by Martin Scorsese): Each sequential boxing ring sequence builds in dramatic, visual, and sound intensity throughout the film, progressing from simple visual arrangements to complex configurations.
  • The Birds ($1963$, directed by Alfred Hitchcock): Uses deliberate visual progressions as birds incrementally gather before attacking.
  • North by Northwest ($1959$, directed by Alfred Hitchcock): Features a structured visual progression during the crop-duster cornfield sequence.
  • Lawrence of Arabia ($1962$, directed by David Lean): Plots expansive visual progressions to build epic narrative scale.
  • Fred Astaire and Busby Berkeley Musicals: Employ visual progressions to build the intensity and visual complexity of dance choreography.
  • The Godfather ($1972$, directed by Francis Ford Coppola): Uses visual progressions to construct structural intensity during the climactic baptism sequence.
  • Raiders of the Lost Ark ($1981$, directed by Steven Spielberg): Stages action sequences that progress systematically from simple movement to highly complex visual action.
  • Repulsion ($1965$, directed by Roman Polanski): Visually tracks the step-by-step progression of a character's psychological nervous breakdown.
  • Ordinary People ($1980$, directed by Robert Redford): Orchestrates structured visual progressions within the psychiatric office sequences.

Contrast and Affinity: The Principle of Visual Structure

• Visual structure depends fundamentally on the core principles of Contrast and Affinity.
• Definitions:
  • Contrast: Defines difference between visual elements.
  • Tonal Contrast Example: Evaluated along a grayscale, maximum tonal difference occurs between a pure black square and a pure white square. An image utilizing only black and white demonstrates maximum tonal contrast.
  • Affinity: Defines similarity between visual elements.
  • Tonal Affinity Example: Evaluated along a grayscale, selecting adjacent tones (such as pure black and very dark gray) produces high visual similarity. An image composed entirely of black and dark gray demonstrates tonal affinity.
• The Principle of Contrast and Affinity:
  • $\text{The greater the contrast in a visual component, the more the visual intensity or dynamic increases.}$
  • $\text{The greater the affinity in a visual component, the more the visual intensity or dynamic decreases.}$
  • $\text{CONTRAST} = \text{GREATER VISUAL INTENSITY}$
  • $\text{AFFINITY} = \text{LESS VISUAL INTENSITY}$
• Visual Intensity and Audience Reactions:
  • Visual intensity (or dynamic) describes the emotional, intellectual, and physical/muscular reactions generated within an audience.
  • Emotional Reactions: Range from high excitement, terror, and agitation to low-key, calming, or boring states.
  • Physical Reactions: Include tensing muscles, covering eyes, or fidgeting in theater seats.
  • High visual contrast produces high visual stimulus, leading directly to heightened audience reactions.
• Structural Discipline Comparisons:
  • Writers: Structure literary works using words, sentences, and paragraphs.
  • Musicians: Structure musical compositions using notes, measures, and bars.
  • Visual Creators (Directors, Cinematographers, Production Designers, Editors): Structure visuals by applying contrast and affinity to the basic visual components.
• Storyboard Abstract Film Case Studies:
  • High-Contrast Abstract Film: Alternating between a pure white frame and a pure black frame every second ($1\text{ second}$ interval). The rapid contrast assaults the audience, generating extreme visual intensity that becomes overwhelming and difficult to watch.
  • High-Affinity Abstract Film: Displaying an identical gray frame continuously for several minutes. Total tonal affinity creates zero visual dynamic, causing the audience to lose interest immediately.
  • Intra-Frame Division Example: A screen divided vertically in half, where a blank left side yields low intensity and a line-dense right side creates high visual intensity.
• Implementation in Visual Design:
  • Visual structures can be designed to be affinity-dominant (simple and quiet), contrast-dominant (complex and intense), or a combination of both.
  • Controlling contrast and affinity across space, line, shape, tone, color, movement, and rhythm provides direct control over visual style and audience emotion.