Massimo Vignelli
source

Era 1965 · 1931–2014

Massimo Vignelli

system as a service to the reader — one typeface, grid, manual, word instead of mark

co-founder of Unimark International (NYC 1965/66) and Vignelli Associates (1971, with Lella Vignelli)
Milan → Chicago (1958–60) → Milan → New York (from 1964/65)

Palette of the œuvre

Colours (described, not measured): black + white (foundation of everything); red as identifier (Piccolo, AA, Austrian Architecture) — hex not confirmed; blue (AA) — hex not confirmed; process CMYK pure and in overlap (Knoll 1967, Vignelli's text); Unigrid 24 standard colours — beige PMS 451–454, greys PMS 414–417, Super Warm Red (NPS specification)

„We proceeded by logic, not emotion. Not trends and fashions." — on the American Airlines logotype (Archivio Grafica Italiana) „I love systems and despise happenstance." — The Vignelli Canon „If you see the layout, it is probably a bad layout!" — The Vignelli Canon

Biography

Born in Milan on 10 January 1931. At sixteen he leaves school and works as an architectural draughtsman (Wikipedia: at the Castiglioni brothers' — Eye does not confirm this). He studies architecture at the Politecnico in Milan and at IUAV in Venice 1950–53, does not graduate; from 1953 he draws glass for Venini on Murano — his first job where material and production dictate the form, which Lella later turns into a method (Cooper Hewitt: „decoration by subtraction"). Two Milanese draw him from architecture into graphic design: Max Huber and Antonio Boggeri (Eye).

In 1957 he marries Lella Valle, an architect; that same year a Towle Silversmiths fellowship takes them to America — Chicago 1958–60, where he teaches at the Institute of Design (IIT) and works for Container Corporation of America. They return to Milan in 1960 and open a joint studio. From that Milan period come the Biennale 1962, Pirelli 1963, and the whole Piccolo Teatro programme 1964–68 — already his entire vocabulary is complete: one typeface, black line, two sizes, red as address.

In the mid-sixties (Cooper Hewitt: 1964; Wikipedia: New York office 1966; an earlier note stated 1965) he moves to New York and with Bob Noorda and five others founds Unimark International — a firm that brought Helvetica to the US, white lab coats and the idea that identity is a manual, not a drawing. From Unimark come American Airlines 1967, Knoll from 1966, Dot Zero 1966–67 and the underground: the Transit Authority engages them in 1966/67 on the recommendation of MoMA curator Mildred Constantine, the manual comes out in 1970, the map in 1972. Unimark goes bankrupt in 1977; the Vignellis had already left in 1971 and founded Vignelli Associates (from 1978 also Vignelli Designs), where they do everything — from the Bloomingdale's bag 1973 to the St. Peter's church 1977 and Heller tableware.

In 1977 he designs the publications programme for the National Park Service — Unigrid — for which in 1985 he receives the first Presidential Design Award. Compasso d'Oro 1964 and 1998, AIGA medal 1983. In 2008/2010 he donates the archive to RIT (Vignelli Center for Design Studies). He dies in New York on 27 May 2014; Lella in 2016. His own formula for the work: „I was always seeking to affect the lives of millions of people — not through politics or entertainment but through design" (Eye).

What he actually did: he wrote rules for other people's hands. He ran the Piccolo Teatro for four seasons, and then an assistant continued it; the subway was continued by clerks; the Unigrid was used by hundreds of NPS designers for forty years. His success is measured by how much the system survived without him — which is also why the map, the one work where he asked the user to adopt it rather than merely use it, was rejected by the city.

Influences

Studied with

  • Castiglioni (brothers), Milan — apprentice draughtsman at age 16 (Wikipedia; Eye says only "architectural draughtsman")
  • Politecnico di Milano and IUAV Venice — architecture, 1950–53 (Eye), unfinished
  • Venini, Murano — glass designer from 1953 (Eye)

Borrows from

  • Max Huber and Antonio Boggeri — Eye: Swiss modernists who led him from architecture into graphics
  • Harry Beck — London diagrammatic map 1933 as the logic of the NYC map (Bierut, MoMA)
  • Music — per him, the primary inspiration (Eye)
  • Mildred Constantine (MoMA) — recommended Unimark to the Transit Authority in 1967 (MoMA record 89300)

Influenced

  • bierut — Michael Bierut, worked at Vignelli Associates (Wikipedia); not in the roster
  • Joan Charysyn — lead designer of the NYC map under his direction (MoMA)
  • Emilio Fioravanti — assistant, took over Piccolo Teatro in 1969 (AGI)
  • Unimark as a school — white coats, Helvetica in the US (Cooper Hewitt, AGI)

Contemporaries

Who he learned from

What he steals

Who he influenced

Linked from other profiles

Ikko Tanaka (田中一光)Muriel CooperPaula Scher

Key works — full analysis

01 · Piccolo Teatro di Milano — playbill for the 1964/65 season (1964)

Piccolo Teatro di Milano — playbill sezone 1964/65
documented + reading
Year
1964
Client
Piccolo Teatro di Milano
Technique
lithograph (MoMA)
Size
99.1 × 34 cm (MoMA); AGI lists 100 × 35
Type
Helvetica (Eye, TDC — confirmed); tight setting

Colours (described, not measured): white; black; red

One typeface, wide scale Colour as hierarchy, not decoration Series as identity Grid holds chaos

record ↗ · original image ↗

  1. What it is — a programme poster (playbill) for the 1964/65 season of the Piccolo Teatro and Teatro Lirica; lithograph, 99.1 × 34 cm (MoMA). The first in a series Vignelli made for four seasons, 1964/65–1967/68 (AGI). This is not a street poster but the season's timetable: eight productions, all the names, prices.
  2. Composition — a narrow upright format (almost 3:1), divided by thick black horizontal lines into bands: an upper title block (~18% of the height), a band reading "stagione 1964/65", seven or eight equal rows each with one production title, a block of names in two columns, a price zone. The eye enters top left ("Piccolo Teatro") and falls row by row like a flight of steps — no diagonal, no centre, just the left edge as spine. The whole setting is left-aligned on one vertical. Eye calls this his "master language": black lines, two adjacent size steps, strong horizontal lines.
  3. Colour — white ground, black, red. Red is not an accent but an address: red titles are productions at the Piccolo Teatro, black ones at the Teatro Lirica (AGI). Colour does the job of a category label; remove it and a word would have to be added.
  4. Typography — one typeface, Helvetica (Eye, TDC), tightly set (Eye: "closely set Helvetica"). Three sizes: theatre name, production titles, everything else — and that everything else is in ONE size: AGI states that for the first time on a playbill actors and stagehands are set in the same size. Hierarchy comes from position in the row, not from the typeface/cut.
  5. Message — from five metres: two colours and the rhythm of black lines — "programme, two houses". From half a metre: a timetable. The three-second test passes because the first line reads the name of the theatre, not the production title.
  6. Why exactly this way — the format is a narrow billboard column / theatre wall; the content is a list, not an image. Vignelli refuses illustration and makes a table that looks like a poster; the democratic equal size of names is an ideological, not merely formal, choice (the Piccolo was Strehler's public theatre). The same grid repeats for four seasons — a system, not a one-off piece.
  7. What would kill it — a second type family for the titles. The whole work stands on the fact that contrast comes only from size and colour; one serif and the playbill becomes an ordinary ad.

Principles: One typeface, wide scale Colour as hierarchy, not decoration Series as identity Grid holds chaos To verify against the image: exact sizes of the setting (Eye says "two sizes", in the image there are at least three); whether the red is identical across all seasons.

02 · XXXI Biennale Internazionale d'Arte, Venezia (1962)

XXXI Biennale Internazionale d'Arte, Venezia
reading of the work
Year
1962
Client
La Biennale di Venezia
Technique
offset lithograph (MoMA)
Size
68.6 × 97.8 cm (MoMA)
Type
grotesque of the Helvetica/Akzidenz type — specific typeface not confirmed

Colours (described, not measured): grey photographic vignette; black; white

White space as shape One image, one word

record ↗ · original image ↗

  1. What it is — exhibition poster, offset lithograph, 68.6 × 97.8 cm (MoMA). MoMA credits Lella, Massimo, and Guido Ballo. Ballo's role is not clarified.
  2. Composition — the whole field is a photographic grey vignette: light in the middle, dark corners, like a lit wall. In the centre, slightly above the middle (around 40% of the height), a black square about 40% of the format's width, with a large white "31B" in it, above it a small "XXXI Biennale Internazionale d'Arte", below it the dates. A small line of text along the bottom edge. The eye goes straight to the centre and stays there — there is no other element.
  3. Colour — no colour. A grey gradation and one black block. The contrast is tonal: the darkest spot is also the only piece of information.
  4. Typography — grotesque (sans serif) (Helvetica or Akzidenz, specific typeface not confirmed), white out of black. The number and letters "31B" are the only large mark — the name of the exhibition reduced to a code.
  5. Message — "Biennale, 31st, Venice" within a second; everything else requires moving closer. Serious, museum-like, not festive. The distance test passes because of one block.
  6. Why exactly this way — the Biennale has no single work that could represent it; Vignelli does not pick an image but builds a pedestal: the emptiness around the black square is what gives it weight. The vignette is a cheap way to keep a blank sheet from reading as unprinted.
  7. What would kill it — any image in the grey field. Or moving the square off the central axis — the whole work is a single symmetry.

Principles: White space as shape One image, one word To verify against the image: whether the vignette is photographic or airbrushed; the exact text of the bottom line; the exact position of the square in %.

03 · Dot Zero — Unimark's magazine, issues 1–4 (1966–67)

Dot Zero — časopis Unimarka, br. 1–4
reading of the work
Year
1966–67
Client
Unimark International Corporation, New York
Technique
lithograph (MoMA)
Size
30.5 × 22.9 cm each (MoMA)
Type
tight-set grotesque (title) — typeface not confirmed

Colours (described, not measured): black; dark grey; white; red (other numbers)

System as the medium Grain and blur as shape

record ↗ · original image ↗

  1. What it is — Unimark's house magazine, four issues, lithograph, 30.5 × 22.9 cm each (MoMA; Wikipedia gives 1966–68). Publisher Unimark International. MoMA credits Massimo and Lella.
  2. Composition — cover of issue no. 2: the entire sheet covered in dark blotchy texture — black amorphous blots on dark grey, like an extremely enlarged halftone or camouflage; no edge, no margin. The title "dot zero 2" small, white, in the upper right corner — the only place where the image "breathes". The other issues (thumbnails in the record) work the opposite way: dense text and red.
  3. Colour — black and dark grey; white only in the title. In the other issues, red as a second tone.
  4. Typography — grotesque (sans serif), tight setting, lowercase, small size — the title behaves like a signature, not a headline. Typical of Unimark: the name is not loud because the texture is already loud.
  5. Message — "we are about print and the dot" literally: the name of the magazine is the zero point, and the cover is the dot enlarged until it becomes a landscape. Three-second test: you see the texture, not the name — deliberate, because the audience is the trade.
  6. Why exactly this way — the house magazine of a firm that sells a system must itself be proof of the system: format, one typeface, title in the same place, only the cover changes with the topic. Texture instead of image because Unimark doesn't illustrate — it analyses.
  7. What would kill it — an enlarged title in the centre. The whole idea is that the cover is material, and the title is a label placed on it.

Principles: System as the medium Grain and blur as shape To verify against the image: origin of the texture (enlarged halftone? blot? photograph?); exact typeface of the title; contents and editors of the issues (MoMA does not list them).

04 · American Airlines — logo and identity (1967)

American Airlines — logotip i identitet
documented + reading
Year
1967
Client
American Airlines (via Henry Dreyfuss)
Technique
logotype; applications in print and on the aircraft fuselage
Size
n/a
Type
Haas Helvetica (AGI — confirmed)

Colours (described, not measured): red; blue; white; polished aluminium

Word instead of symbol Colour as hierarchy, not decoration Neutrality as an ethical stance One typeface, wide scale

record ↗ · original image ↗

  1. What it is — corporate identity for American Airlines, Unimark, 1967; designers Massimo Vignelli and Heinz Waibl; the job came through Henry Dreyfuss, who did the aircraft interiors (AGI, PGDA). It lasted until 2013 (Futurebrand).
  2. Composition — the logotype is one word with no space: "AmericanAirlines", lower case, tightly set; on tickets and covers it stands alone, left-aligned, on white, without any frame. The "AA" monogram with an eagle between — two slanted capital letters and an eagle — goes only on the tail of the aircraft.
  3. Colour — "American" in red, "Airlines" in blue, on white; the colours of the flag (AGI). Colour is the only space: "So we took the space away and split it by colour" (Vignelli, AGI). On the aircraft, polished aluminium is used instead of fuselage paint.
  4. Typography — Haas Helvetica (AGI). Vignelli loved Helvetica precisely because it "has no shoulders" so it can be set tightly (Shaw, idsgn) — the logotype is proof: two words as one shape.
  5. Message — the name, nothing else. "A word is so much better" (Vignelli, AGI). From five metres you see two colours and one gesture; from half a metre, the company name. There is nothing that can be misread.
  6. Why exactly this way — Vignelli wanted just the word; he refused to draw the eagle ("Don't stylise the eagle and make a cartoon out of it") — the pilots threatened a strike, so the eagle was drawn by Dreyfuss's office (AGI). The work is thus a compromise: the word is his, the mark is the client's. The same logic as Chermayeff & Geismar (Ivan Chermayeff, Tom Geismar) with Chase — but the opposite conclusion: instead of an empty mark that fills the budget, a word that needs no budget.
  7. What would kill it — a space between the words. Or a third colour. Or — as actually happened in 2013 — replacing the word with a "more modern" mark: "It's been around for 45 years, the whole world knows it" (Vignelli, AGI).

Principles: Word instead of symbol Colour as hierarchy, not decoration Neutrality as an ethical stance One typeface, wide scale To verify against the image: exact PMS values of the red and blue; whether the logotype is Helvetica Medium or Bold; the monogram version without the eagle — does it exist in the manual.

05 · Knoll International — poster / mailer (1967)

Knoll International — plakat / poštanska pošiljka
documented + reading
Year
1967
Client
Knoll International
Technique
offset lithograph (Met)
Size
81.3 × 120.7 cm (Met 1989.1019.1)
Type
Helvetica (Cooper Hewitt blog — confirmed)

Colours (described, not measured): process yellow; cyan; magenta; black — pure and in overlap

Overlap gives a third colour Design for colour, not the sketch Word instead of symbol Same system across media

record ↗ · original image ↗

  1. What it is — poster for Knoll International, offset lithograph, 81.3 × 120.7 cm (Met 1989.1019.1; Cooper Hewitt also has it). Reverse: drawings of the entire furniture collection, visible when the poster becomes a mail piece (Vignelli).
  2. Composition — horizontal format; the word "Knoll" in huge letters that overlap and run off the format — parts of K, n, o, l, l read as geometric planes, not as a word. Above, in the top left corner, two columns of small text and "Knoll International" set at 45° — the only element that isn't on the axis of the letters. The eye collides with blue and yellow in the middle, then magenta on the right.
  3. Colour — Vignelli: "The colors are the four-process ones: yellow, blue, magenta, and black, used pure and in overlapping combinations." Overlaps give green, red, purple — a third colour without a fifth plate. Same process as in Max Huber, just without the photograph.
  4. Typography — Helvetica (Cooper Hewitt). Letters enlarged until they stop being text; the company name as an image. Small text at a contrast of 1:50 or more.
  5. Message — Vignelli himself: the name is so well known that "even if you play with the name, distort it, or overlap its letters, the message still comes across". Three-second test: colour and K — "Knoll". Reading-of-the-work test: it fails, deliberately.
  6. Why exactly this way — Vignelli's position that the poster is an "obsolete form of communication" and that it works only "within an overall program". This is not a poster but one instance of a program (Knoll since 1966): the same process, the same typeface, the same colour as the brochures (MoMA 89306, 20 brochures 1966–80). The reverse with drawings makes it a catalogue — the same object in two media.
  7. What would kill it — opaque (spot) colours. The overlap is the entire image; with opaque colours all that's left is a pile of letters.

Principles: Overlap gives a third colour Design for colour, not the sketch Word instead of symbol Same system across media To verify against the image: the source of Vignelli's text is not confirmed (design-is-fine does not cite it; probably Design: Vignelli, 1981/1990). Reverse — drawings and layout have not been verified against the image. The exact order of the plates has not been verified.

06 · New York Subway Map — system diagram (1970–72)

New York Subway Map (dijagram sistema)
documented + reading
Year
1970–72
Client
New York City Transit Authority
Technique
lithograph (MoMA)
Size
149.9 × 118.7 cm (MoMA .1)
Type
grotesque (v1 lists Standard Medium for the 1970 manual; map unconfirmed)

Colours (described, not measured): beige land; white water; black band; lines in saturated colours

Level of abstraction is a decision Colour as hierarchy, not decoration Black bar as address Analogy instead of illustration

record ↗ · original image ↗

  1. What it is — subway system map, lithograph, 149.9 × 118.7 cm (MoMA; two copies). Published by NYC Transit Authority. MoMA credits Vignelli, Joan Charysyn (lead designer), Bob Noorda and Unimark. In use 1972–79 (Bierut), replaced by the topographic version.
  2. Composition — at the top a black band with "System Map" in white, below it a row of legend, then the map. Lines only at 45° and 90°, stations as dots, equal spacing — a diagram, not a map (MoMA). Land beige, water white, park a grey square: Central Park is a square even though it's three times longer than it is wide (Bierut). Manhattan is a bundle of parallel coloured lines that breaks at 45° toward Brooklyn — that's the only "gesture" on the sheet.
  3. Colour — MoMA: "brightly colored lines… pale, neutral colors and white showing waterways and landmasses". Each line its own colour; colour = route, not decoration. The background is deliberately bland so the lines remain the only information.
  4. Typography — grotesque (sans serif), lowercase, station names horizontal alongside the dots; typeface/cut not confirmed — the 1970 manual specifies Standard Medium, not Helvetica, according to Shaw.
  5. Message — "the train goes this way, this is where you transfer". The three-second test passes better than any map before it. The "where am I in the city" test — fails, and that's the reason for its rejection.
  6. Why exactly this way — Beck's logic: topology instead of topography. New Yorkers rejected it because they hold the city in their head as a street grid (Bierut: everyone knows that 28th Street is "six blocks south and four blocks east of Penn Station"). The level of abstraction is a decision about how the user holds the system in their head, not about elegance. Bierut nonetheless defends it as "gorgeous, iconic and cerebral".
  7. What would kill it — compromise: half diagram, half geography. Or a green park. The work only functions as complete abstraction; as soon as it gives way, it loses both elegance and accuracy (which is roughly what the MTA did in 1979).

Principles: Level of abstraction is a decision Colour as hierarchy, not decoration Black bar as address Analogy instead of illustration To verify against the image: the map's typeface; how large the station dot is as a % of width; the 2008/2011 version (Vignelli reworked it) — what was changed.

07 · Unigrid — NPS Informational Folder Program (1977; specification 1985)

Unigrid — NPS Informational Folder Program (specifikacija)
documented + reading
Year
1977 (specification brochure 1985)
Client
U.S. National Park Service, Division of Publications (Vincent Gleason)
Technique
lithograph on paper (RIT/GA&C)
Size
59.7 × 41.9 cm (brochure, RIT)
Type
Helvetica all cuts (NPS specification — confirmed); today Frutiger + NPS Rawlinson

Colours (described, not measured): beige paper; black band; red grid; 24 standard colours per specification

Identity is a manual Grid derived from typography Program instead of artefact Black bar as address Series as identity

record ↗ · original image ↗

  1. What it is — system for all US National Parks brochures; designed 1977 with Vincent Gleason (head of NPS publications) and a team; first brochure Clara Barton NHS 1978; ~20 million copies a year; Presidential Design Award 1985 (Wikipedia, RIT). A brochure matching the exact specification was viewed: lithograph, 59.7 × 41.9 cm, 1985 (RIT).
  2. Composition — beige sheet, black band at the top with "Unigrid" in white, three columns of text on the left, on the right a large red grid of modules, at the bottom a second black band with format diagrams. The document is itself an example of the system. System: a module 6½ × 80 pt (A) / 7 picas × 80 pt (B), spacing of 1 pica / 10 pt; ten formats (A1–A6, B1–B6) from table B6 420 × 594 mm; sheet folded to 99 × 210 mm; title band 100 pt, dividing bands 25 pt (NPS). Accordion fold, opens from both sides.
  3. Colour — 24 standard colours: process, four beiges, four greys, four blues, three greens, two yellows, two oranges, Super Warm Red (NPS). The black band is a constant of the identity; colour is permitted only from the list.
  4. Typography — Helvetica, all cuts (NPS). Park name 60 pt Medium (up to 12 letters) or 42 pt; text 8/10 or 9/10; captions 7/7–8/9; at most two to three sizes per sheet. The 80 pt module is exactly eight lines at 8/10 — the grid derived from the leading, not from the paper.
  5. Message — from a kiosk: black band + park name = "this is official, take one". In hand: the map whole, with no text over it (NPS: maps "fit squarely within formats"). The system says one thing: the state is the same in every park.
  6. Why exactly this way — Vignelli himself (RIT/GA&C) describes the process: first standardise sizes "into a system of folded posters", then a flexible grid with a black band, then a limited set of typefaces and sizes — the result "a very consistent level of quality… and, above all, an incredible cost reduction". The grid is derived from the 25 × 38 inch press sheet and from the fact that the brochures are made by hundreds of people the author will never meet.
  7. What would kill it — letting parks choose their own typeface or band colour. The system has survived 47 years precisely because in 1999 only the emblem was added, and in the 2000s the typeface was changed — never the structure.

Principles: Identity is a manual Grid derived from typography Program instead of artefact Black bar as address Series as identity To verify against the image: one finished park brochure (not the specification) — position of the map in %, width of the black band relative to the format. It has not been verified whether the 80-pt module in the specification is explicitly explained as eight lines.

08 · A New Wave of Austrian Architecture (IAUS) (1980)

A New Wave of Austrian Architecture (IAUS)
reading of the work
Year
1980
Client
Institute for Architecture and Urban Studies, New York
Technique
lithograph (MoMA)
Size
57.2 × 57.2 cm (MoMA)
Type
condensed grotesque (sans serif), capitals (title) — specific typeface not confirmed

Colours (described, not measured): cream; black; red

Grid holds chaos One axis of contrast Black bar as address

record ↗ · original image ↗

  1. What it is — exhibition poster for the Institute for Architecture and Urban Studies, New York; lithograph, square 57.2 × 57.2 cm (MoMA). Signed Massimo and Lella. Cooper Hewitt also has it (1991-69-83).
  2. Composition — the square is divided by black horizontal lines into five or six bands: small headings at top, title in the second band, a row of small black-and-white photographs of buildings, two wide bands of text in columns. Over the lower half lies a large red dome — the silhouette of an arched roof — that runs below the lines and "carries" text across it. Same skeleton as in Piccolo 1964 (lines = rows), but with one image that breaks through the rows.
  3. Colour — cream background, black, red. Red appears twice: in the title and in the dome — word and image in the same colour read as one.
  4. Typography — title in a condensed grotesque, capitals, tight setting; typeface/cut not confirmed. All other text is small, in columns, left-aligned. Extreme contrast of size.
  5. Message — "new Austrian architecture" in red + one red form that looks like a Hollein/Domenig-style dome: at five metres it's colour and an arch; at half a metre it's a lecture schedule. It works at both distances.
  6. Why exactly this way — IAUS is an institute, not a gallery: the poster is also a program (text in columns). Vignelli keeps his playbill-skeleton and inserts ONE pictorial gesture; the square is probably because the poster also went out as a mailing (cf. Knoll 1967). This is the closest he comes to illustration — and it's a silhouette, not a drawing.
  7. What would kill it — a second colour photograph. The entire hierarchy rests on one red form, while everything else is grey and black.

Principles: Grid holds chaos One axis of contrast Black bar as address To verify against the image: the identity of the dome (which building) is not established; the typeface of the title is not confirmed — do not assume it is Helvetica Compressed; the exact number of bands and their heights in percentages have not been verified.

Other works — evidence, no analysis

Principles — summary

Identity is a manual (07, manual 1970) · Grid derived from typography (07 — module 80 pt = 8 × 10 pt) · One typeface, wide scale (01, 04) · Colour as hierarchy, not decoration (01, 04, 06) · Series as identity (01, 07, Knoll) · Overlap gives a third colour (05) · Design for colour, not the sketch (05) · Program instead of artefact (07) · Same system across media (05 + Knoll brochures, Heller) · Neutrality as an ethical stance (04 — "by logic, not emotion") · White space as shape (02) · Grid holds chaos (01, 08) · System as the medium (03) · Analogy instead of illustration (06)

Local: Word instead of symbol (04, 05, Bloomingdale's) · Level of abstraction is a decision (06) · Black bar as address (06, 07, 08).

Bridge to practice: poster · graphic design · motion

Poster

Graphic design

Motion

Bad imitation

  1. "Helvetica = Vignelli." The typeface gets copied, not the grid. Result: Helvetica in six sizes with no lines, no module — it looks "Swiss" and doesn't read. For him the typeface is the last decision (TDC: "structure should always come first"); the first is the module.
  2. A diagram for something the audience holds geographically. A flowchart, "site map", infographic — all at 45° because it looks nice, while the user is looking for where "up/down" is. The same mistake as NYC 1972, just without Bierut's defence. Test: to verify how the user describes it in words; if they say "north of", a diagram is out of the question.
  3. A black bar with no system. The bar at the top gets placed once, and then every new piece has a different height, a different typeface, different spacing. The bar isn't a style but a law of height (100 pt / 25 pt); without a number it's decoration.
  4. Six typefaces as law. His list (Canon: Garamond, Bodoni, Century, Helvetica, Optima, Futura, Univers, Caslon, Baskerville — not six) is pedagogy. Whoever copies it as a regulation has missed the point: "it is not the type but what you do with it that counts".
  5. A name with no space for no reason. "AmericanAirlines" works because colour creates the space. Joined words in one colour are just a typo.

The brief through their eyes

First move: the festival name as a logotype in a single typeface, no mark — the difference between date and place is made with colour, not drawing. Since the content is actually a list (five days, forty-odd films, one cinema), the poster is built as a playbill-skeleton: one font, three sizes, black rules between lines, everything on the left vertical; an image isn't necessary, the film schedule itself carries the composition. If an image or mark is still needed, two planes in overlap (Multiply) give a third colour at no extra print cost — a simple geometric motif instead of a photograph. The festival name sits in a black band of fixed height at the top, white, same position on every copy. The module of the band and the module of the text are derived from the same system — a Unigrid on a single sheet prescribes the poster format, the band height, two permitted type sizes and the colour list — so the programme booklet and the ticket come out as the twentieth and thirtieth application of the same system, not as new designs. A ten-second motion opener keeps the band as a constant layer while panels with film titles alternate beneath it, the lower-third set to the same module as the printed material.

Exercises

  1. Playbill (45 min): format 100 × 35 cm, one typeface, three sizes, black lines, red/black by category. Content: schedule of projects for the season. Constraint: no image, all names in the same size.
  2. A custom Unigrid (one evening): measure the leading of the body text, derive the module (n rows), draw grid A and B, define the bar and five formats from one sheet size. Write it up as a single-page document — in the system.
  3. Diagram vs. map (30 min): draw the workflow (edit → compositing → export) twice — once as a 45/90 diagram, once "geographically" (by screen, by folders). Show both to someone and ask where it's easier for them to find the step. Write down why.

Motion study

"Route at 45." 5 s, AE. A black bar at the top with a single word stays on screen the whole time. Below it, one coloured line draws itself from point A to point B only at 90° and 45°, with stations as dots that light up as the line passes. One event: the line arrives. No easing except linear — the rhythm comes from the equal spacing of the stations, not from a curve.

Rebuilding the benchmark

Piccolo Teatro 1964 (work 01). Skeleton in .svg from a screenshot (rough, ±3%): format 34 × 99 (1 : 2,91). From the top: title block 0–18% (title in red at ~3–12%, mark top right); "stagione" bar 18–26%; eight rows of performances 26–68% (each ~5%, separated by a full-width black line); name block in two columns 68–83%; prices and conditions 83–100%. Left margin ~4% of width, everything left-aligned. Task: lay it out in Illustrator in 45 minutes without looking at the original — one typeface, three sizes, red only on every other title — then compare where the lines "ran away".

Difference from its pair