Comprehensive Notes on Architectural Graphics, Composition, and Narrative Sequencing

Course Administration, Logistics, and Software Requirements

• Course Context and Session Numbering:

  • The second seven-week course (B session) resets its assignment taxonomy to avoid continuity errors with the prior term. Assignments are labeled sequentially as Reading Assignment 1 and Lecture Assignment 1, rather than continuing higher-order numbering (such as Meeting 9).
  • Several submissions remain outstanding across the student cohort in the B session. Assignment submission folders will not be granted rolling extensions or reopened indefinitely, as accommodations were already provided during the first seven weeks.

• Term Timeline and Milestones:

  • The instructional period is approaching its conclusion, with three class sessions remaining before the final course quiz administered on the final day of the semester.
  • Current coursework directly transitions into the comprehensive portfolio piece, which synthesizes previous student projects into a cohesive document for Milestone review.

• Required Software Suite and Installation Protocol:

  • Students are required to install full desktop versions of Adobe InDesign, Adobe Photoshop, and Adobe Illustrator via the institutional portal at adobe.arizona.edu.
  • License procurement requires selecting "Adobe, get license" using university credentials. Account verification and license provisioning require an administrative processing duration of approximately $24$ hours (one to two days).
  • The Adobe Creative Cloud desktop application must be installed onto the local hard drive prior to downloading individual applications. Web-based, cloud-only, or Adobe Express iterations are strictly insufficient for course deliverables.
  • Studio sessions starting the subsequent week require students to bring functional laptops with installed software to facilitate technical troubleshooting and live drafting.
  • Studio Teaching Assistant Claire is preparing an end-to-end video tutorial detailing initial file creation, document geometry, and grid configuration in InDesign, designed to align with the lecture assignment.

Theory of Graphic Composition: Event, Narrative, and Temporal Manipulation

• The Architectural Power of Page Composition:

  • Graphic layout operates beyond visual decoration; it functions as an apparatus capable of manipulating spatial perception, reading velocity, and temporal sequence.
  • Visual layout establishes tension and mental immersion through deliberate relationships between graphical marks and empty space.

• Structural Analysis of the Swan Haiku:

  • Text of the haiku:     $\text{"In the candlelight, teapot's shadow on the wall, a graceful swan floats."}$
  • Although constructed under strict syllabic constraints, the text produces three distinct, overlapping realities:
  • The physical, tangible reality (the teapot situated by a candle flame).
  • The projected visual reality (the cast shadow thrown across the wall plane).
  • The metaphorical, cognitive reality (the mental illusion of a swan floating gracefully).
  • Graphic design achieves identical cognitive effects: by calibrating white space, typographical placement, and contrast, the designer exercises absolute control over how an external observer deciphers meaning.

Cinematic Storyboarding and Sequence: Alfred Hitchcock

• Cinematic Composition as Architectural Notation:

  • Visual storyboards developed by mid-twentieth-century filmmaker Alfred Hitchcock demonstrate how graphic pacing controls human psychology, drama, suspense, and spatial orientation.
  • Hitchcock mastered the curation of visual perspective using variable frame dimensions, alternating between panoramic wide shots and claustrophobic close-ups.

• Case Studies from Hitchcock's Storyboards (e.g., Psycho):

  • Sequential panels depicting an interior automobile view containing three occupants construct psychological tension exclusively through calculated facial orientations and tight visual boundaries.
  • Staggered perspectives of a gas station alternate between an expansive contextual establishing shot and a zoomed-in detail shot focusing on dripping oil or gasoline, instilling visual dread and narrative anticipation.
  • Page-turning mechanics parallel cinematic montage: transitioning from a cluster of compressed analytical diagrams to an unencumbered, large-scale experiential image creates immediate spatial drama.

Architectural Theory of Action, Space, and Movement: Bernard Tschumi

• Theoretical Background:

  • French architect and theorist Bernard Tschumi developed foundational frameworks linking architecture inextricably to events, temporal sequences, and physical human movement, heavily influenced by 1960s–1980s Parisian discourse and Situationist concepts.

• Core Axioms and Manifestos:

  • Architecture cannot be divorced from the bodily occurrences, frictions, and events that occupy it.
  • "To really appreciate architecture, you may even need to commit a murder. Architecture is defined by the actions it witnesses as much as by the enclosure of its walls. Murder in the street differs from murder in the cathedral in the same way as love in the street differs from the street of love radically."
  • The programmatic and psychological reading of physical space shifts entirely based on the cultural, emotional, or traumatic nature of the event framed within its boundaries.
  • "The most architectural thing about this building is the state of decay in which it is in. Architecture only survives where it negates the form that society expects of it, where it negates itself by transgressing the limits that history has set for it."
  • True architectural potency frequently emerges through material degradation, societal friction, and the deliberate violation of historically reinforced formal boundaries.

• The Tripartite Analytic Notation (The Manhattan Transcripts):

  • Tschumi organizes architectural documentation across a structured grid consisting of three interactive operational categories:
  • Space: Delineated through orthographic architectural conventions (plans, sections, axonometrics), establishing boundary edges, geometric order, structural grids, enclosures, clearings, and visual frames.
  • Event: Introduced primarily through photographic evidence or explicit prompts, depicting occurrences, narrative interactions, human confrontations, or dramatic episodes.
  • Movement (Action): Expressed through choreography, vectors, arrows, and specialized notation tracking the trajectory of physical bodies navigating across space over elapsed time.
  • Reading methodology: Analysts must read horizontally across a single row to grasp a single composite moment, while simultaneously comparing rows vertically to perceive temporal and programmatic evolution.

• Relational Typologies between Space and Events:

  • Indifference: The event occurs in total conceptual and operational independence of the formal architectural order; the physical setting exerts no active influence over the unfolding scenario.
  • Reciprocity: Spatial boundaries and the activities they harbor are intimately co-dependent; the physical layout anticipates, accommodates, and amplifies the specific event.
  • Conflict: The programmatic occurrence directly opposes, resists, or disrupts the physical constraints of the enclosure, forcing human negotiation, spatial reinterpretation, and programmatic tension.

Spatial Choreography, Anticipation, and Programmatic Rupture

• Studio Mumbai and the Sixth Sense:

  • In an address presented by Studio Mumbai, the master design principle was articulated as anticipation—described as the authentic "sixth sense" in architectural creation.
  • Case Study: A private residence in India incorporates a prolonged sequence where the visitor descends a darkened, enclosed stair hall illuminated solely by filtered, dappled daylight. The prolonged deprivation and suspense terminate in a luminous chamber anchored by an expansive body of water, offering spatial reward through deferred gratification.

• Literary and Theatrical Translation to Architectural Projects:

  • Concepts derived directly from theatrical playwriting construct conceptual architecture:
  • Setting, Protagonist, Antagonist, Plot, Climax, Resolution.
  • Physical intervention transforms neutral terrain:
  • Erecting a monolithic wall across a flat, vacant landscape introduces immediate tension, dividing territory and forcing an instantaneous spatial choice: deviate left, alter trajectory right, or follow the boundary.
  • Integrating an opening or a niche transforms a wall into an optical framing device or an apparatus for curated display.
  • Introducing a bench generates diverse programmatic readings: for an adult, it provides a respite for passive repose; for a child of five years old, the exact same geometry is appropriated as a performance stage or a submarine.

• Intentional Disruptive Events:

  • Hypothetical Scenario: Introducing a vivid pink flamingo into the minimalist Sundt Gallery inside the CAPLA (Kaplow) Building instantaneously subverts ordinary spatial perception, upending normative expectations.
  • Auditory Intervention Anecdote: An architecture student enlisted a musical colleague to sit within a primary institutional corridor with a cello immediately after studio commenced. Performing in the empty circulation spine disrupted standard circulation patterns, pulling occupants from studios and converting a mundane hall into an acoustically charged performance arena.

Theater of the Absurd and Spatial Minimalism

• Dramaturgical Principles:

  • The Theater of the Absurd, pioneered by twentieth-century European dramatists including Samuel Beckett, Eugène Ionesco, Jean Genet, and Arthur Adamov, systematically dismantle conventional narrative frameworks.
  • Core methods of absurdism include:
  • Forsaking coherently developed narrative situations and linear cause-and-effect progression.
  • Eliminating conventional character motivation, psychological logic, and didactic exposition.
  • Rejecting realistic environmental settings that mirror external literal realities.
  • Subverting language as a reliable instrument of rational communication, prioritizing subtext, silence, and perceptual ambiguity.

• Case Study: Waiting for Godot:

  • In Samuel Beckett's Waiting for Godot (exemplified in a performance staging starring Steve Martin and Robin Williams), two figures occupy a sparse setting awaiting the arrival of Godot—an entity whose identity and purpose are entirely unexplained.
  • Although broadly defined as a play in which "nothing happens," analytical mapping reveals extraordinary systemic complexity: continuous states of existential anxiety, cyclic speech, sudden pauses, rhythmic oscillations between companionship and solitude, and sharp morphological contrasts (tall/thin paired with short/stout).
  • Contemporary television works such as Seinfeld adapt this exact construct into mainstream comedy through serialized narratives built entirely around thematic "nothingness."

• Spatial and Philosophical Implications of Silence:

  • Graphic design must embrace the maxim: "Don't look for meaning in the words. Listen to the silences."
  • In graphic composition, silence equates to unprinted, negative white space. A single minimal mark (such as a distinct red dot) deployed against immense white space resonates with far greater graphic gravity than a cluttered field of redundant information.
  • Parallels in architectural literature include Jun'ichirō Tanizaki's In Praise of Shadows (celebrating spatial darkness and gloom over indiscriminate illumination) and Juhani Pallasmaa's The Eyes of the Skin.
  • Physical Axiom: "Nothing is more real than nothing." At fundamental quantum scales, atomic particles maintain separation through electromagnetic fields and never physically establish solid contact; tangible space is structurally dominated by emptiness.

Graphic Composition, Visual Hierarchy, and Grid Systems

• Juxtaposition and the Recontextualization of Imagery:

  • An identical architectural exterior rendering changes its functional meaning depending on what drawing neighbors it on a spread:
  • Pairing the rendering with a process sketch or axonometric construct conveys technical realization and tectonic evolution.
  • Pairing the exact same rendering with an environmental site plan reframes the discourse around urban ecology, context, and terrain boundary.
  • Pairing the rendering with an interior spatial perspective shifts viewer focus entirely to material phenomenologies and subjective inhabitation.

• Visual Scanning Pathways and the Rule of Thirds:

  • Based on standard Western cognitive tracking patterns, human vision initiates scanning at the upper left-hand quadrant of an image or page spread, sweeps across structural datums, and terminates in the lower right-hand corner.
  • The upper left quadrant serves as the prime field for establishing structural premises, titles, and governing graphics; the lower right corner forms the visual resolution or resting point.
  • Visual balances derived from the Rule of Thirds ($1/3$ to $2/3$ spatial divisions) and the Golden Ratio ($\phi$) structure classical fine art (such as masterworks by Rembrandt) as well as complex contemporary architectural presentation boards.

• Typographic Hierarchy and Pacing:

  • Graphic comprehension relies upon deliberate hierarchy: dominant, large-scale typography communicates the core premise instantaneously; secondary scales communicate technical sub-points; tight tertiary blocks deliver fine documentation.
  • Visual pacing mirrors cinematography: alternating tight, diagrammatic, information-dense pages with wide, single-image full-bleed spreads establishes rhythmic control, allowing readers to pause, inhale, and absorb critical spatial moments.

• Cinematic Color Framing (Wes Anderson):

  • Cinematographer and director Wes Anderson utilizes absolute chromatic harmony, centralized symmetrical balance, and meticulously calibrated color palettes (as exemplified in Fantastic Mr. Fox).
  • All components on a spread or within a project sequence must operate within a unified chromatic universe, establishing an explicit mood, atmospheric temperature, and material language.

• Nested Ordering Systems:

  • Professional architectural boards depend on nested grids: an overarching primary grid establishes universal page parameters (margins, borders, header bands), while internal modules are subdivided into secondary and tertiary micro-grids.
  • Standard competition board organization frequently establishes a distinct top visual band (exterior contextual imagery), a central organizational zone (technical plans, sections, elevations), and an anchoring bottom band (supporting diagrams, details, interior perspectives).

Technical Application: Adobe InDesign and Document Construction

• Essential InDesign Vocabulary:

  • Page: An individual layout surface.
  • Spread: A pair of facing pages visible simultaneously when a document is opened flat.
  • Guide: Non-printing horizontal and vertical reference lines dragged from rulers to align visual elements with precision.
  • Gutter: The interior negative space dividing adjacent columns or separating facing pages along the central spine.
  • Style: Pre-configured typographic or object parameters (paragraph styles, character styles) guaranteeing formatting consistency across an entire publication.
  • Frame: A container boundary holding either typographic text, vector shapes, or imported raster graphics.
  • Parent (Master): Underlying layout templates containing persistent graphical elements (folio numbers, baseline grids, running heads) applied globally to child pages.
  • Link: An external path reference connecting placed external assets (Photoshop, Illustrator, TIFF, JPEG files) to the InDesign document without embedding raw file sizes directly into the document structure.

• Physical Booklet Layout from an $11 \times 17$ Sheet:

  • Deliverables utilize a standard $11 \times 17\,\text{inch}$ modular sheet folded precisely down its vertical center line ($8.5 \times 11\,\text{inch}$ folded proportion).
  • The physical fold automatically creates four sequential surfaces:
  • Page 1: Front Cover.
  • Pages 2 and 3: Interior Facing Spread.
  • Page 4: Back Cover.

• Lecture Homework: Graphic Composition Triad:

  • Students must execute three distinct booklet layouts based on three divergent operational principles:
  • Iteration 1: Symmetry. Rigorous axial balance, mirroring visual weight across central datums.
  • Iteration 2: Asymmetry. Dynamic compositional equilibrium utilizing the Rule of Thirds, staggered columns, and counterbalanced visual mass.
  • Iteration 3: Rhythm / Sequence. Layout driven by modular repetition, cinematic intervals, and temporal pacing.
  • Source material distribution: One layout must utilize the student's personal work generated during Project 1 or Project 2; the remaining two iterations must incorporate external projects sourced from archdaily.com to test editorial and narrative staging using unfamiliar media.
  • Submissions must explicitly include the underlying construction grids, margin guides, and native InDesign document packages.
  • Staggered deadlines: The assignment is divided into three separate weekly checkpoints (Part A, Part B, and Part C) due consecutively on Tuesdays over the next three weeks.

• Reading Assignment and Concept Diagram Integration:

  • Required reading: Bernard Tschumi's nine-page theoretical text focusing on sequence, space, and events.
  • The reading assignment runs directly in parallel with the studio concept diagram deliverable:
  • Part A: Identify, read, and decipher spatial and event logic.
  • Part B: Test and synthesize diagrammatic logic within the student's studio project.
  • Part C: Interpret and peer-review a partner's diagrammatic composition.
  • Concept diagrams must visually document three required layers:
  • Clear articulation of the tested architectural idea.
  • Tangible geometric evidence (boundaries, openings, gathering nodes, red circulation paths, blue view vectors).
  • Explicit event assumptions and social interactions categorized under Indifference, Reciprocity, or Conflict.

Questions & Student Studio Exchanges

• Instructor Clarifications & Student Inquiries:

  • Student Query regarding D2L Labeling: The course assignment folders initially displayed legacy labels such as "Meeting 9," creating confusion regarding submission targets.
  • Instructor Response: The labels are formally recalibrated to Reading Assignment 1 and Lecture Assignment 1 to signify the distinct identity of the second half of the term. The instructor clarified that next week's anticipated holiday falls on a Wednesday rather than Tuesday, providing three complete weeks of instruction before the final quiz.
  • Student Inquiries regarding Studio Sections and Grading: Students Javi and Pablo addressed specific grading inquiries and project check-ins via direct email correspondence with faculty.

• Late-Night Architecture Studio Discussion:

  • Multiple students described an exhausting overnight production sprint leading directly into morning reviews:
  • At $4:00\,\text{AM}$, students visited a local McDonald's to procure food, but were refused service because the staff was actively transitioning the kitchen for breakfast operations, requiring a $30\text{-minute}$ delay.
  • The group subsequently attempted to purchase food at a Taco Bell location, which was also closed.
  • The students finally acquired food at Sonic at approximately $5:00\,\text{AM}$.
  • Students discussed acute anxieties concerning incomplete drawings scheduled for imminent presentation in Dan's studio section:
  • Spatial baselines, vertical wall boundaries, site benches, bicycle stations, water collection zones, circulation ramps, and access stairs were successfully modeled.
  • Critical building elements remained unresolved and entirely absent from orthographic projections, specifically structural columns, ceiling assemblies, and overall roof enclosures.
  • Students noted persistent sleep deprivation, personal exhaustion, and having only approximately $13$ minutes remaining to travel to campus for studio critique.