Il CANONE VIGNELLI
Ora che l’euforia provocata dal miracolo dell’ universo elettronico è scemata tra i designer grafici, aprendo la strada al riconoscimento che anche il più ingegnoso software non potrà mai rimpiazzare i principi basilari di un buon design, Massimo Vignelli ci offre il suo canone del design. Questo piccolo libro, è portatile quanto un coltellino svizzero, ed è ugualmente utile. Non il testamento di una star del passato, questo manuale è invece il credo completamente contemporaneo di un osservatore critico ed impegnato degli sviluppi tecnologici, di uno per il quale le regole del design grafico non sono cambiate dall’epoca analogica punto di vista che condivido. Sono felice di pubblicare “The Vignelli Canon”, che riassume la struttura elegante e assolutamente moderna del suo lavoro, dagli inizi del 1960. Questo libro fornirà a molti designer, linee guida essenziali verso le loro stesse realizzazioni. Lars Müller
THE VIGNELLI CANON
Massimo Vignelli
The Vignelli Canon Massimo Vignelli © 2011 Postmedia Srl, Milano The Vignelli Canon Massimo Vignelli © 2010 Lars Müller Publishers e Massimo Vignelli Traduzione dall’inglese di Massimo Vignelli Book design: Massimo Vignelli e Beatriz Cifuentes-Caballero www.postmediabooks.it ISBN 9788874900664
4
Questo libro è dedicato con molto affetto a Lella, moglie e partner nella professione. Insieme abbiamo condiviso il processo di crescita e le nostre esperienze intellettuali, fin dall’inizio della nostra vita professionale. La sua intuizione creativa e acuto senso critico hanno arricchito la mia vita e hanno dato forza strutturale alla nostra collaborazione, senza la quale il mio lavoro avrebbe avuto meno valore.
Introduzione
In seguito alla richiesta dell’editore ho considerato il significato di questa pubblicazione e pian piano mi son reso conto che potrebbe diventare uno strumento utile per meglio comprendere il significato del design in generale, e tipografico in particolare. Questo piccolo libro rivela le nostre linee guida, stabilite da noi stessi, per noi stessi.
Alan Fletcher
In molte scuole di design ho notato la mancanza, nei giovani, dei principi grafici di base. Ho pensato che potrebbe essere utile trasmettere loro un poco della mia conoscenza professionale, nella speranza che possa migliorare la loro capacità di design. La creatività necessita conoscenza per poter esprimere il meglio di se stessa. L’intenzione di questo canone non è di comprimere la creatività o ridurla ad un ammasso di regole. Non è la presenza di una formula ad impedire un buon design, quanto la mancanza di conoscenza della complessità professionale del design. Sta al cervello di usare la formula più appropriata per raggiungere i risultati desiderati. E’ con grande piacere che ripenso a tutti i momenti in cui ho imparato qualcosa di nuovo nel design tipografico sia dai Maestri che dai miei colleghi designer. Ho imparato la disciplina del design dagli Svizzeri, l’importanza dello spazio bianco dagli Americani, l’impatto del carattere tipografico dai Tedeschi, il sense of humour dagli Inglesi, e ancora di più da colleghi dovunque. Quel piacevole senso di arricchimento intellettuale che proviene da nuove scoperte, da nuovi modi di far le stesse cose meglio che mai prima. Spero che questo libro possa catalizzare questo tipo di sensazioni, o perlomeno confermare o riconfermare quelle linee guida che noi designer amiamo definire per noi stessi.
6
mann
ock Josheph Müller-Br
ico
Gene Fe der
aus leckh F Willy
Alan Fletch er
Prima Parte Valori Intangibili
8
Semantica 10 Sintattica 12 Prammatica 14 Disciplina 16 Appropriatezza 18 Ambiguità 20 Storia, Teoria e Critica 22 Modernismo 24 Il Design è Uno 26 Potere Visivo 28 Eleganza Intellettuale 30 Atemporalità 32 Responsabilità 34 Valore Accumulato 36 Luce 38 Arbitrarietà 40 Contesto 42 Influenze 44 Marketing 46
Sintattica
Mies van der Rohe, il mio grande maestro, diceva: “Dio sta nei dettagli”. Questo, in essenza è la sintassi: la disciplina che controlla l’uso proprio della grammatica nella costruzione della frasi e nell’articolazione della lingua, ovvero il design del linguaggio. La sintassi del design è fornita da molte componenti nella natura del progetto. In grafica, per esempio, sono la struttura, la gabbia, i caratteri tipografici, il testo e i titoli, le illustrazioni, etc. La continuità di un design è fornita da una relazione propria tra i vari elementi sintattici del progetto: cioè, come i caratteri tipografici si relazionano alla gabbia, alle immagini da una pagina all’altra, attraverso l’intero progetto. Oppure come le immagini si relazionano tra di loro e come le parti si relazionano all’insieme. Ci sono modi corretti per arrivare a tutto questo, così come ce ne sono altri che non sono corretti e vanno evitati. La continuità sintattica è di importanza fondamentale nel design grafico, così come lo è in ogni forma di design. Le gabbie grafiche (grids, rasters) non sono che uno dei tanti mezzi per aiutare i designer a raggiungere la continuità sintattica nell’impaginazione.
12
W W W R R R N N N
W 4 5R 5 66 4W 4R N 5 6 W N 4 R5 6 4 5N6
New York City Subway Diagram 22 2
E E E
2 E E W R N
How to use this Diagram This diagram represents all lines and stations of the New York City Subway system. It is not a geographical map: relative distances have been altered in favor of better legibility. However, attention has been given to preserve the relative position of each station.
2
E 4 5 6
W R N
Free Transfer Station
Pedestrian Link
A
Inwood/207 St, Manhattan to Ozone Pk-Lefferts Blvd or Far Rockaway, Queens Express in Manhattan and Brooklyn; Local in Queens Rush Hours: Serves Rockaway Park, Queens; Late Nights: Local
1
Van Cortland Park/242 St, Bronx to South Ferry, Manhattan Local
C
Washington Heights/168 St, Manhattan to Euclid Ave, Brooklyn Local Late Nights: No service
N
Astoria/Ditmars Blvd, Queens to Coney Island, Brooklyn Local in Queens; Express in Manhattan and Brooklyn Late Nights: Local in Manhattan and Brooklyn Weekends: Local in Manhattan
2
Wakefield/241 St, Bronx to Flatbush Ave, Brooklyn Express in Manhattan; Local in Bronx and Brooklyn Late Nights: Wakefield/241 St, Bronx to Flatbush Ave, Brooklyn
Terminal Station
E
Jamaica Center, Queens to World Trade Center, Manhattan Express in Queens, Local in Manhattan Late Nights: Local
Q
Midtown-57 St/7 Ave, Manhattan to Coney Island, Brooklyn Express in Manhattan; Local in Brooklyn
3
Harlem/148 St, Manhattan to New Lots Ave, Brooklyn Express in Manhattan, Local in Brooklyn Late Nights: No service
Part Time Service Stop is skipped during rush hours, peak direction only
B
145 St, Manhattan to Brighton Beach, Brooklyn Local in upper Manhattan; Express in midtown Manhattan and Brooklyn Rush Hours: Bedford Park Blvd, Bronx to Brighton Beach, Brooklyn Weeknights after 9 pm and Weekends: No service
R
Forest Hills/57 Ave, Queens to Bay Ridge/95 St, Brooklyn Local Late Nights: 36 St to Bay Ridge/95 St, Brooklyn
4
Woodlawn, Bronx to Crown Heights/Utica Ave, Brooklyn Local in Bronx; Express in Manhattan and Brooklyn Late Nights: Woodlawn, Bronx to New Lots Ave Brooklyn, Local
D
Norwood-205 St, Bronx to Coney Island, Brooklyn Local in Bronx, Express in Manhattan and Brooklyn Rush Hours: Express in Bronx (peak direction only)
L
8 Ave, Manhattan to Canarsie/Rockaway Parkway, Brooklyn Local
5
Dyre Ave, Bronx to Bowling Green, Manhattan; Local in Bronx, Express in Manhattan Rush Hours: Nereid Ave or Dyre Ave, Bronx to Flatbush Ave, Brooklyn; Express in Brooklyn; Express in Bronx, peak direction only Late Nights: Dyre Ave. to E180 St, Bronx; Local
4 5 6
Each route is represented by a colored line labeled with a letter or number at either end, and at intervals in between.
2
Stations on each line are indicated by dots. Free transfers can be made between G FF G adjacent dots at the same station or between stations connected by pedestrian links. FG Local lines show dots at all stations; express lines show dots only at express stations. A solid dot indicates that trains will always stop; no dot indicates that trains will never stop; a hollow dot indicates that trains will only stop outside of rush hours.
2008
4 5 6
2
E FG FG
2
FG E
This diagram is not an official publication of the Metropolitan Transit Authority.
Part Time Extension Line is extended during certain hours 51 St St 51 51 St Local Station Lex Ave Ave Lex Lex Ave51 St Light type 51Lex St Ave FLex G Ave 51 St 42 St St Station LexExpress Ave 42 42Ave St Ave 66 Bold type 6 Ave 42 St 426St Ave 6 Ave 42 Wheelchair St Accessible Station 6 Ave FG
Wheelchair Accessible Station Access downtown or uptown only
Regular service: 9:30 am – 3:30 pm, Monday – Friday Rush Hours: 6:30 am – 9:30 am, 3:30 pm – 8:00 pm, Monday – Friday 51 Evenings: St 8:00 pm – 12:00 am, Monday – Friday Lex Ave Late Nights: 12:00 am – 6:30 am, Every day Weekends: 6:30 am – 12 am, Saturday – Sunday 42 St 6 Ave 51 St Lex Ave
W
Astoria/Ditmars Blvd, Queens to Whitehall St, Manhattan Local Weeknights after 9pm, Late Nights and Weekends: No service
F
Jamaica/179 St, Queens to Coney Island, Brooklyn Local in Manhattan and Brooklyn Express, Forest Hills /71 Ave to 21 St/Queensbridge, Queens
J
Jamaica Center, Queens to Broad St, Manhattan Local Rush Hours: Express Myrtle Ave to Marcy Ave, peak direction only Weekends: Jamaica Center, Queens to Chambers St, Manhattan
6
Pelham Bay Park or Parkchester, Bronx to Brooklyn Bridge, Manhattan Local Rush Hours: Express in Bronx, to Pelham Bay Park, peak direction only
V
Forest Hill/71 Ave, Queens to Lower East Side/2 Ave, Manhattan Local Late Nights and Weekends: No service
Z
Jamaica Center, Queens to Broad St, Manhattan Local in Manhattan; Express in Queens Service only at Rush Hours
7
Flushing/Main St, Queens to Times Square, Manhattan Local
G
Long Island City/Court Square, Queens to Smith St/9 St, Brooklyn Local Evenings, Late Nights and Weekends: Forest Hills/71 Ave, Queens to Smith St/9 St, Brooklyn
M
Metropolitan Ave, Queens to Chamber St, Manhattan; Local Rush Hours: Metropolitan Ave, Queens to Bay Parkway, Brooklyn Evenings, Late Nights and Weekends: Metropolitan Ave, Queens to Myrtle Ave, Brooklyn
S
Times Square to Grand Central, Manhattan Local Late Nights: No service
S
Broad Channel, Queens to Rockaway Park/Beach 116 St, Queens Local
S
Franklin Ave to Prospect Park, Brooklyn Local
42 St 6 Ave
Wakefield-241 St White Plains Rd 2 Nereid Ave-238 St White Plains Rd
Eastchester 5 Dyre Ave 233 St
5
233 St White Plains Rd
242 St 1 Van Cortland Park
Woodlawn 4 Jerome Ave
238 St Bway
Baychester Ave Tolliston Ave
225 St White Plains Rd 219 St White Plains Rd D
Mosholu Pkwy Jerome Ave
Gun Hill Rd Seymour Ave
Gun Hill Rd White Plains Rd
Norwood 205 St
6
Marble Hill-225 St Bway
Bedford Park Blvd B Jerome Ave Lehman College
Bedford Park Blvd Grand Concourse
Kingsbridge Rd Jerome Ave
Kingsbridge Rd Grand Concourse
207 St 10 Ave
The Bronx
215 St 10 Ave
Burke Ave White Plains Rd
Middletown Rd Westchester Ave
Pellham Pkwy White Plains Rd
Fordham Rd Jerome Ave
Fordham Rd Grand Concourse
Dyckman St Nagle Ave
183 St Jerome Ave
182-183 Sts Grand Concourse
E 180 St Morris Park Ave
191 St St Nicholas Ave
Burnside Ave Jerome Ave NYU
Tremont Ave Grand Concourse
West Farms Sq Boston Rd East Tremont Ave
181 St Ft Wash Ave
181 St St Nicholas Ave
176 St Jerome Ave
174-175 Sts Grand Concourse
174 St Southern Blvd
170 St Jerome Ave
170 St Grand Concourse
Simpson St Weschester Ave
167 St River Ave
167 St Grand Concourse
Intervale Ave Weschester Ave
Hunts Point Ave Southern Blvd
Prospect Ave Weschester Ave
Longwood Ave Southern Blvd
Bronx Park East White Plains Rd
Mt Eden Ave Jerome Ave
163 St Amsterdam Ave
Brook Ave E 138 St
E 143 St St Mary’s St
Cypress Ave E 138 St
103 St-Corona Plaza Roosevelt Ave
4 5
125 St 4 5 6 Lexington Ave
Junction Blvd Roosevelt Ave
116 St Lexington Ave
103 St Lexington Ave
96 St CPW
110 St Lexington Ave
96 St Lexington Ave
110 St Central Park North Malcolm X Blvd
82 St-Jackson Hts Roosevelt Ave
Astoria Blvd 31 St
86 St CPW
79 St Bway
81 St Museum of Natural History 72 St CPW
72 St Bway
86 St 4 5 6 Lexington Ave
Manhattan
Fresh Pond Rd 67 Ave
1 2 3 14 St 7 Ave
WR N Q
14 St 6 Ave
L 4 5 6 14 St Union Sq
Montrose Ave Bushwick Ave
Brooklyn Br City Hall
Chambers St A C Church St
3 2
Broadway Jctn East NY Ave
F
Clark St Bklyn Hgts
Junius St Livonia Ave
Court St Montague St
DeKalb Ave Flatbush Ave
Lawrence St Willoughby St
Kingston Throop Ave Fulton St
Clinton-Washington Aves Lafayette Ave
Fulton St Lafayette Ave
M
Hoyt St Fulton Mall
Lafayette Ave Clinton-Washington Aves Fulton St Fulton St
B Q
Bergen St Flatbush Ave
Park Pl Franklin Ave
4
5
7 Ave Flatbush Ave
Grand Army Plaza
9 St 4 Ave
7 Ave 9 St
Atlantic Ocean
B
Winthrop St Nostrand Ave Church Ave Nostrand Ave
Church Ave E 18 St
Beverly Rd Nostrand Ave
St George
Beverly Rd Marlborough Rd
Prospect Ave 4 Ave Fort Hamilton Pkwy Ocean Pkwy 25 St 4 Ave
Church Ave McDonald Ave
Clifton
Avenue H E 16 St
36 St 4 Ave R M N D
9 Ave 39 St
Grasmere Old Town
Ditmas Ave McDonald Ave
Fort Hamilton Pkwy New Utrecht Ave
59 St 4 Ave
Bay Terrace
Bay Pkwy McDonald Ave
55 St New Utrecht Ave 8 Ave 61 St
Fort Hamilton Pkwy 61 St
Bay Ridge Ave 4 Ave
N 62 St New Utrecht Ave
18 Ave 64 St
77 St 4 Ave
Avenue P McDonald Ave
Bay Pkwy Avenue O
71 St New Utrecht Ave
Avenue U E 16 St
Kings Hwy McDonald Ave
Kings Hwy West 7 St
Annadale Huguenot
Kings Hwy E 16 St
Avenue N McDonald Ave
20 Ave 64 St
M
D
Great Kills Eltingville
Avenue M E 16 St
Avenue I McDonald Ave
50 St New Utrecht Ave
53 St 4 Ave
New Dorp Oakwood Heights
Avenue J E 16 St
18 Ave McDonald Ave
45 St 4 Ave
Dongan Hills Jefferson Ave Grant City
Brooklyn College Flatbush Ave
Newkirk Ave E 16 St
Stapleton
Staten Island
Newkirk Ave Nostrand Ave
Cortelyou Rd E 16 St
5
Tompkinsville
2
Stadium
Brooklyn
Sterling St Nostrand Ave
Parkside Ave Ocean Ave
Prospect Park E 15 St
Canarsie Rockaway Pkwy
Eastern Pkwy Utica Ave
President St Nostrand Ave
Q
Prospect Park Flatbush Ave
Neck Rd E 16 St
Avenue U McDonald Ave
79 St New Utrecht Ave
Avenue U West 7 St
Richmond Valley
86 St 4 Ave
Nassau Bay Ridge 95 St R
20 Ave 86 St
D M Bay Pkwy 86 St
Brighton Beach Brighton 6 St Q
86 St West 7 St
Neptune Ave McDonald Ave Ocean Pkwy Brighton Beach
25 Ave 86 St Bay 50 St
W 8 St NY Aquarium
Tottenville D N F Q
Coney Island Stillwell Ave
© 2008 VIGNELLI DESIGNS INC.
Atlantic
18 Av New Utrecht Ave
Sheepshead Bay E 16 St
Avenue X McDonald Ave
Prince’s Bay Pleasant Plains
Rockaway Park Beach 116 St
Nostrand Ave Eastern Pkwy
Franklin Ave Eastern Pkwy 3 2 5 4 Botanic Garden S Eastern Pkwy
Eastern Pkwy Brooklyn Mus
Atlantic Ave R M N D Pacific St
Union St 4 Ave
Beach 105 St Seaside
East 105 St Tyndall Ave
Kingston Ave Eastern Pkwy
F
Smith St F G 9 St
2
3
Caroll St Smith St
4
C A G Hoyt St Schermerhorn St
Bergen St Smith St
Nostrand Ave Fulton St
Franklin Ave S Fulton St
Atlantic Ave Flatbush Ave
Nevins St Flatbush Ave
3
3 2 5 4
A
Borough Hall Joralemon St
R
W Whitehall St South Ferry
New Lots Ave Van Sinderen Ave
Sutter Ave Rutland Rd
Q
1
Beach 98 St Playland
Livonia Ave Van Sinderen Ave
Rockaway Ave Livonia Ave
Utica Ave Fulton St
Saratoga Ave Livonia Ave
C
South Ferry
Beach 90 St Holland
Ralph Ave Fulton St
Classon Ave Lafayette Ave
Jay St Borough Hall F A C
B
Bowling Green-Bway
Wall St William St
Beach 60 St Straiton Ave Beach 67 St Gaston Ave
Van Siclen Ave Livonia Ave
Pennsylvania Ave Livonia Ave
Bedford-Nostrand Aves Lafayette Ave
C A High St Brooklyn Bridge
2 3 Fulton St
New Lots Ave Livonia Ave
Van Siclen Ave Pitkin Ave
A
Broad St J Z Wall St
Beach 36 St Edgemere Beach 44 St Frank Ave
S
Wall St Bway
Liberty Ave Penn Ave Atlantic Ave East NY Ave
Sutter Ave Van Sinderen Ave
A
Rector St Trinity Pl
Far Rockaway Mott Ave
Beach 25 St Wavecrest
Broad Channel
Rockaway Ave Fulton St
Myrtle-Willoughby Aves Marcy Ave York St Jay St
C
C A 4 5 Fulton St M J Z BroadwayNassau
Cortlandt St Church St
Rector St Greenwich St
2/3
Euclid Ave Pitkin Ave
Shepherd Ave Pitkin Ave
Alabama Ave Fulton St
Chauncey St Bway
Flushing Ave Marcy Ave
Chambers St Centre St
City Hall Bway
Park Pl Bway World Trade Center E
Hudson River
4 5 6
Lefferts Blvd
A
East Bway Canal St
Halsey St Bway
Franklin St Varick St Chambers St W Bway 1 2 3
Aqueduct Racetrack
Howard Beach JFK Airtrain
Grant Ave Pitkin Ave
Van Siclen Ave Fulton St
Bushwick Ave Aberdeen St
Kosciuszko St Gates Ave Bway Bway
A
Grand St B D Chrystie St
Lorimer St Flushing Ave Myrtle Ave Bway Bway Bway M J Z
Hewes St Bway
3
Marcy Ave Bway M J Z
Delancey St Essex St
C
Canal St Canal St M J Z Centre St Lafayette St
Cleveland St Fulton St
Halsey St Wyckoff Ave
A
Bowery Delancey St
Central Ave Myrtle Ave
Broadway Union Ave
Z
Spring St Lafayette St
Canal St Bway W R N Q
Myrtle Ave Wyckoff Ave
Wilson Ave Moffat St
2 Ave Lower East Side V F
J
Spring St 6 Ave
Graham Ave Grand St Metropolitan Ave Bushwick Ave
Lorimer St Metropolitan Ave
Norwood Ave Fulton St
C
Prince St Bway
Canal St A C E 6 Ave
1 Ave 14 St
Knickerbocker Ave Myrtle Ave
Bleecker St Lafayette St V F D B Bway-Lafayette
80 St Hudson St
Seneca Ave Palmetto St
DeKalb Ave Wyckoff Ave
Astor Place 4 Ave
8 St Bway West 4 St-6 Ave A C E B D F V Washington Sq
Houston St Varick St
Canal St Varick St
3 Ave 14 St
Jefferson St Wyckoff Ave
Morgan Ave Harrison Pl
4
Aqueduct North Conduit Ave Z
L
Christopher St Sheridan Sq
88 St Boyd Ave
Cypress Hills Jamaica Ave
Crescent St Fulton St
J
Nassau Ave Manhattan Ave
Bedford Ave N 7 St
5/6
JFK Airport
Federal Circle
1
Forest Ave 67 Ave
23 St Park Ave S
7
8/9
Rockaway Blvd Liberty Ave
Middle Village Metropolitan Ave
Greenpoint Ave Manhattan Ave
28 St Park Ave S 23 St Bway
Ozone Park Lefferts Blvd 111 St Greenwood Ave Liberty Ave
104 St-Oxford Ave Liberty Ave
75 St Jamaica Ave
33 St Park Ave S 28 St Bway
23 St 6 Ave
Woodhaven Blvd Jamaica Ave
85 St Forest Parkway
Queens
Hunters Point Ave 21 St
M
14 St 8 Ave A C E
104 St Jamaica Ave
V E 23 St 45 Rd Ely Ave 7 Court House Sq
18 St 7 Ave
Jamaica Center Parsons/Archer
Sutphin Blvd-Archer Ave JFK Airtrain
Jamaica Van Wyck
A
Vernon Blvd Jackson Ave
Briarwood Van Wyck Blvd Main St
111 St Jamaica Ave
46 St-Bliss St Queens Blvd
Z
21 St Jackson Ave
4 5 6 42 St Grand Central
BDF V
23 St 7 Ave
33 St-Rawson St 40 St-Lowery St Queens Blvd Queens Blvd
J
S 7
Kew Gardens Union Tpke Queens Blvd
Queens Plaza
M
34 St Herald Sq
28 St 7 Ave 23 St 8 Ave
42 St Bryant Park
Parson Blvd Hillside Ave Sutphin Blvd Hillside Ave
52 St Roosevelt Ave
Queensboro Plaza
Long Is. City Court Sq G
51 St Lexington Ave
Forest Hills-71 Ave Queens Blvd R G V F E 75 Ave Queens Blvd
Woodhaven Blvd 63 Dr-Rego Park 67 Ave Queens Blvd Queens Blvd Queens Blvd
Woodside - 61 St Roosevelt Ave
39 Ave 31 St
21 St Queensbridge
E
34 St Penn 1 2 3 Station
B D F V 42 St 6 Ave
Roosevelt Island Main St F
V
34 St Penn Station A C E 8 Ave
S 7
36 St Northern Blvd
36 Ave 31 St
68 St Hunter College
4 5 6 59 St Lexington Ave
V E Lex Ave 53 St
47-50 Sts Rockefeller Ctr
49 St 7 Ave
42 St 1 2 3 W R N Q Times Sq
53 St 5 Ave
57St 6 Ave
G
WR N Q
50 St Bway
42 St Port Authority A C E
57 St 7 Ave
7
50 St 8 Ave
53 St 7 Ave
Grand Ave Newtown
121 St Jamaica Ave
R
ACBD
N
W R N
1
Jamaica-179 St Hillside Ave
169 St Hillside Ave
Elmhurst Ave Bway
R G V F E Jackson Hts Roosevelt Ave
69 St Roosevelt Ave
W
5 Ave 59 St 59 St Columbus Circle
Broadway 31 St
77 St Lexington Ave
63 St Lexington Ave
66 St Lincoln Center
74 St Broadway
65 St Bway
Steinway St Bway
Z
86 St Bway
Northern Blvd Bway
7
46 St Bway
30 Ave 31 St
J
103 St CPW
E
110 St Cathedral Pkwy CPW
103 St Bway
F
110 St Cathedral Pkwy Bway
90 St-Elmhurst Ave Roosevelt Ave
Astoria Ditmars Blvd W N
S
116 St Lenox Ave
96 St Bway 1 2 3
Flushing-Main St Roosevelt Ave
111 St Roosevelt Ave
L
116 St 8 Ave
116 St Columbia Univ
E 149 St Southern Blvd
B
125 St Lenox Ave
3 Ave E 138 St
138 St Grand Concourse
145 St Lenox Ave 135 St Lenox Ave 3 2
135 St St Nicholas Ave 125 St St Nicholas Ave A C B D
Jackson Ave Weschester Ave
L
145 St St Nicholas Ave A C B D
125 St Bway
Whitlock Ave Westchester Ave
Willets Point-Shea Stadium Roosevelt Ave 3 Ave 149 St
149 St Grand Concourse 2 5 4
3 Harlem 148 St 145 St Bway
Castle Hill Ave Westchester Ave Parkchester Westchester Ave St Lawrence Ave Westchester Ave Morrison/Sound View Aves Westchester Ave Elder Ave Westchester Ave
Freeman St Southern Blvd
B D 4 161 St Yankee Stadium
155 St 8 Ave
155 St St Nicholas Ave
137 St City College
Morris Park Esplanade
7
157 St Bway
A
168 St Bway 1
C
175 St Ft Wash Ave
Zerega Ave Westchester Ave
L
Dyckman St Bway
Westchester Sq East Tremont Ave
Pelham Pkwy Williamsbridge Rd
190 St Ft Wash Ave
Inwood 207 St -Bway A
Pelham Bay Park Westchester Ave
Buhre Ave Westchester Ave
Allerton Ave White Plains Rd
A
231 St Bway
Disciplina
L’attenzione ai dettagli richiede disciplina. Non c’è posto per sciatterie, indifferenza o procrastinazioni. Ogni dettaglio è importante, perché il risultato finale è la somma di tutti i dettagli presenti nel processo creativo, qualunque esso sia. Non ci sono gerarchie nella qualità. Qualità c’è o non c’è, e se non c’è, abbiamo perso tempo. Disciplina è un impegno ed uno sforzo continuo del processo creativo, che dobbiamo accettare e senza il quale non c’è possibilità di buon design, indipendentemente da ogni stile. Disciplina è un insieme di regole che ci imponiamo, parametri all’interno dei quali operiamo. Sono utensili che ci permettono di disegnare con coerenza da principio alla fine. Disciplina è un’attitudine che fornisce la capacità di controllare il nostro lavoro creativo, in modo che abbia continuità di intento in tutte le sue parti, piuttosto che frammentazione. Design senza disciplina è anarchia, un esercizio di irresponsabilità.
16
Il Design è Uno
26
Il mio primo lavoro, all’età di 16 anni, fu come disegnatore nello studio degli Architetti Castiglioni. Il loro lavoro copriva tutto il campo dell’architettura e del design, secondo il principio di Adolf Loos, per cui un architetto deve essere capace di disegnare tutto “dal cucchiaio alla città”. Avevano di già disegnato una radio incredibile, bellissime posate, mobili da campo, sgabelli divertenti, scaffali per libri, case e musei. In seguito disegneranno, ristoranti a gradoni, splendidi stands per fiere, indimenticabili mostre, e poi altro ancora. Diventeranno l’immagine del design Italiano. Raccomando a tutti i designer di studiare a fondo il loro lavoro. Fui impressionato dalla varietà dei progetti e immediatamente affascinato dalla possibilità, per un architetto, di poter lavorare in campi diversi. Scoprii che per poter disegnare qualunque cosa è importante acquisire e controllare una disciplina di design, perchè è essenziale e necessaria in ogni progetto. Il Design è uno, non ci sono differenti design. La disciplina del design è una e può essere applicata a diversi soggetti, indifferentemente dallo stile. Tutti gli stili richiedono disciplina per essere espressi. Molto spesso si pensa che “design” sia uno stile particolare. Niente può essere più sbagliato! Design è una disciplina, un processo creativo con regole proprie, che controllano la coerenza del prodotto verso il suo obbiettivo, nel modo più diretto ed espressivo. Durante la mia vita ho perseguito ogni occasione per diversificare la mia attività di design: dal vetro all’argento, dalla ceramica alla plastica, dall’editoria al packaging, dalla grafica alla segnaletica, dai mobili agli interni, dagli abiti alle uniformi, dalle mostre alle scenografie e poi ancora ed ancora…Una continua ricerca all’essenzialità delle cose, all’eliminazione del superfluo, al culto dell’integrità totale. Tutto è stato, e lo è tutt’ora, una tentazione, una sfida per mettere alla prova il rapporto tra intuizione e conoscenza, tra passione e curiosità, tra desiderio e successo.
Responsabilità
34
Nel design grafico il concetto di responsabilità assume particolare importanza come forma di coscienza economica verso la soluzione più appropriata di qualsiasi problema. Troppo spesso vediamo lavori grafici prodotti in modo lussurioso e smisurato solo per soddisfare l’ego di designer o clienti. E’ importante usare una soluzione economicamente appropriata, una che tenga in giusta considerazione tutti gli aspetti di un problema. Per quanto questo possa sembrare ovvio, è una delle considerazioni che più spesso sfugge sia ai designer che ai loro clienti. Responsabilità è un’altra forma di disciplina. Come designer, abbiamo tre livelli di responsabilità:
Il primo verso noi stessi e l’integrità del progetto in tutti i suoi dettagli. Il secondo verso i clienti, per risolvere il problema nel modo più economico ed efficiente. Il terzo verso la società, il consumatore, il fruitore del design finale. In ciascuno di questi livelli dobbiamo essere pronti ad impegnarci per raggiungere la soluzione più appropriata, quella che risolve il problema senza compromessi, a beneficio di ognuno. Alla fine un design deve reggersi da solo, senza scuse, spiegazioni o apologie. Deve rappresentare il compimento ed il successo di un procedimento in tutta la sua bellezza. Una soluzione responsabile.
Seconda Parte Valori Tangibili
48
Carta 50 Gabbie, Margini, Colonne e Moduli 56 Carta Intestata 60 Gabbie per Libri 64 Caratteri Tipografici di Base 70 Allineamento a Sinistra, Centrato o Giustificato 82 Relazione Tra i Corpi dei Caratteri 84 Righe e Filetti 86 Contrasti di Dimensione 88 Scala 90 Superfici 92 Colore 94 Impaginazione 96 Sequenza 100 Rilegatura 104 IdentitĂ e DiversitĂ 106 Lo Spazio Bianco 108 Una Collezione di Esperienze 110 Conclusione 112
Strutture (gabbie) per pubblicazioni
Per disegnare un libro, la gabbia provvede struttura e continuità attraverso tutto il libro. In un libro illustrato, secondo il contenuto, la gabbia può avere un numero di colonne e moduli per organizzare l’informazione in modo appropriato. Secondo il tipo di contenuto, una delle prime decisioni riguarda le dimensioni del libro. Un libro con immagini quadrate sarà quadrato, un libro con immagini rettangolari, sarà rettangolare od oblungo, secondo il modo più appropriato di esporre il materiale. Il contenuto determina il contenitore, verità di base anche nel design editoriale. E’ buona norma strutturare la gabbia in relazione alle proporzioni della maggioranza delle illustrazioni, al fine di diminuire la necessità di tagliare le immagini. Oggi i fotografi sono molto più attenti alla composizione delle immagini, quindi è bene disegnare una gabbia che tenga in giusta considerazione questi fattori. Di conseguenza, strutturando la gabbia in modo appropriato, il libro avrà un livello di integrità più alto che non altrimenti. Le illustrazioni dimostrano esempi di gabbie per diversi tipi di libri. Abbiamo disegnato gabbie per libri, riviste, giornali e manifesti, ciascuno con il proprio livello di specificità, ma tutti basati sul concetto organizzazione dell’informazione. Una raffinatezza stà nel pianificare una gabbia che possa seguire esattamente sia il testo che le immagini. Per ottenere questo bisogna determinare un’interlinea per il testo, tale che possa coincidere con la gabbia delle immagini. Questo conferisce grande eleganza di dettaglio alla pagina stampata. E’ considerata “buona tipografia”così come praticata dai grandi Maestri. Secondo le dimensioni della pubblicazione ci piace mantenere lo spazio tra le colonne ed i moduli, il più possibile
64
74
Colore
Il più delle volte usiamo il colore come significato o come identità. Generalmente non usiamo il colore in senso pittorico o narrativo. Di conseguenza tendiamo a preferire una palette primaria di rosso, giallo e blu. Questo può sembrare restrittivo, però non significa che non amiamo i colori o che non siamo sensibili ad essi. Significa che, il più delle volte, usiamo il colore per comunicare un messaggio specifico, di conseguenza tendiamo ad usare il colore più come simbolo o come identità. Questo è particolarmente vero nei corporate identity programs, dove il chromotipo diventa l’identificatore, insieme al logotipo o altri mezzi (morfotipo, fonotipo, etc.) Abbiamo usato il completo spettro di colori per esprimere sentimenti, sensazioni, passioni connotazioni, identità, informazioni, etc. Il colore è un elemento estremamente importante nella formulazione dei nostri progetti, e come per i caratteri tipografici, abbiamo limitato e articolato la nostra palette per esprimere il messaggio nel modo più chiaro e comprensibile. Ci sono tempi per colori forti e primari, tempi per colori tenui e altri tempi ancora dove colori profondi funzionano in modo più appropriato allo scopo prefisso. L’appropriatezza è una delle regole che usiamo nella scelta dei colori, consapevoli di quanto efficiente possa essere il colore giusto al momento giusto.
94
98
Una Collezione di Esperienze
Fin dall’inizio abbiamo scoperto che dimensioni standard e modulari offrono benefici che sono economici sia dal punto di vista dei costi che del significato. Nell’industria grafica, l’uso di carte in formati standard e modulari può raggiungere considerevoli risparmi di costi. La standardizzazione dei formati di carta nel progetto che abbiamo fatto per il National Park Service, USA, ha risparmiato milioni di dollari, qualcosa di cui siamo molto fieri. La standardizzazione dei materiali da costruzione può portare a significativi risparmi in ogni progetto tridimensionale. Dimensioni fuori norma implicano maggiori costi di lavoro e spreco di materiale. E’ imperativo che un designer familiarizzi con tutti gli aspetti di design e del processo produttivo. Fa parte della nostra etica professionale così come del nostro linguaggio creativo. Soluzioni costose non potranno mai essere un prodotto di buon design perché l’economia è all’essenza dell’espressione del design. Economia non significa solo un design a basso costo, ma la soluzione più economica ed appropriata a qualsiasi problema. Soluzioni forzate non sono mai ne buone ne di lunga durata. La qualità non è necessariamente più costosa di soluzioni a basso costo. Un buon design non costa più di un cattivo design, anzi, il più delle volte è vero il contrario. Nel corso della vita è stato possibile valutare continuamente dettagli relativi ad un vasto spettro di materiali, dal loro spessore al peso, dal colore al tipo di superficie. Questo processo di osservazione e selezione ha gradualmente creato un inventario di scelte e sensibilità che eventualmente ci ha guidato ad un canone personale che è diventato un elemento ricorrente del nostro vocabolario creativo.
110
Io credo che questo sia un aspetto importante di un modus operandi. Ci sono alcuni elementi fondamentali, come la relazione tra le dimensioni di un oggetto, che sovente sono regolati da una relazione modulare, per esempio: da uno a due, da uno a tre, da uno a quattro o più, ma non dal caso. Un disco dentro un disco avrà un diametro pari alla metà del disco, oppure ad un terzo ma non un diametro a caso. Tutto questo perché c’è una armonia universale che domanda queste scelte. Setacciare e selezionare fanno parte di un processo che si estende tutto intorno a noi, colori, superfici, materiali. Coinvolge ogni dettaglio, spessore larghezza od altezza. Ogni senso del nostro corpo è implicato ma deve essere processato, analizzato, valutato, e alla fine catalogato nella nostra memoria secondo il nostro canone personale, non in modo arbitrario. La libertà di scelta può succedere solo con conoscenza e questo è un processo continuo che richiede rigore e determinazione, non solo casualità.
Conclusione
Durante la mia vita creativa ho continuamente setacciato tutto intorno a me per selezionare quello che pensavo fosse il meglio. Ho setacciato materiali per trovare quelli con i quali avevo qualche affinità. Ho setacciato colori, superfici, fonts, immagini, ed altro ancora per costruire un vocabolario di esperienze che potesse permettermi di esprimere le mie soluzioni ai vari problemi, le mie interpretazioni della realtà. Per me è stato categorico sviluppare un vocabolario del mio linguaggio, un linguaggio che ha cercato di essere il più obbiettivo possibile, essendo pur conscio che anche l’oggettività è soggettiva. Amo i sistemi e disprezzo la casualità. Adoro l’ambiguità, perchè, per me, ambiguità significa pluralità di significati. Adoro la contraddizione, perchè mantiene le cose in un flusso dialettico ed evita che assumino significati statici, monumenti di immobilismo. Per quanto ami le cose in stato di flusso, le amo all’interno di un quadro di riferimento, come assicurazione costante che al minimo e per sempre sarò responsabile per ogni dettaglio. E questo spiega perché amo il Design.
112
Finito di stampare nel mese di settembre 2011 presso Nuova Litoeffe, Piacenza Tutti i diritti riservati / all rights reserved è vietata la riproduzione non autorizzata con qualsiasi mezzo, compresa la fotocopia. Postmedia Srl Milano www.postmediabooks.it