THE VIGNELLI CANON
Massimo Vignelli
THE VIGNELLI CANON
Agradecemos a nuestra amiga Sheila Hicks por su ayuda en la ediciĂłn del texto. DiseĂąo de libros: Massimo Vignelli con Beatriz Cifuentes
Este libro está dedicado cariñosamente a Lella, mi esposa y socia profesional. Juntos compartimos nuestras experiencias intelectuales y procesos de crecimiento desde el comienzo de nuestra vida profesional. Su intuición creativa y su aguda crítica han enriquecido mi vida y han sido la fuerza estructural de nuestra colaboración, sin la cual mi trabajo habría valido mucho menos.
Introduction
Introducción
s
u ckha
Fle Willy
Alan Fletcher
6
At the request ofdel theeditor publisher of this book A petición de este libro comencé a indagar I started to look in to the meaning of such a en el significado de tal publicación y reconocí que publication and recognized that it could become podría convertirse en un instrumento útil para una a useful instrument for a better understanding mejor comprensión de la tipografía en el Diseño of typography in Graphic Design. This little book Gráfico. Este pequeño revela nuestras directrices, reveals our guidelines - thoselibro set by ourselves las que nosotros mismos establecimos para nosotros for ourselves. mismos. In several teaching situations I remarked the lack of some basic typographic principles in young En varias situaciones de enseñanza designers. I thought that it might be useful señalé to pass la falta de algunos principios tipográficos básicos en los jóvenes some of my professional knowledge around, with Pensé que podría ser útil transmitir the diseñadores. hope of improving their design skills. algunos de mis conocimientos profesionales, con la Creativity needs the support of knowledge to be ableesperanza to perform de at its best. sus habilidades de diseño. La mejorar It iscreatividad not the intention of this little book stifle necesita el apoyo del to conocimiento para creativity to reduce it to a bunch of rules. poderor rendir al máximo. It isNo notes thelaformula thatde prevents good design intención este pequeño libro sofocar la fromcreatividad happening but lack of knowledge of thede reglas. o reducirla a un montón complexity the Design profession. up ocurra to the un buen No es laoffórmula la que impideIt’s que brain to use sino the proper formula to achieve the diseño, la falta de conocimiento de la complejidad desired result. de la profesión del diseño. Depende del cerebro usar la With great pleasure I look back to all the moments fórmula adecuada para lograr el resultado deseado. when I learned something new in typography, Con gran placer recuerdo todos los momentos en either from a Master or from fellow practitioners. los que aprendí nuevo design en tipografía, To have learned aboutalgo disciplined from ya sea de Maestro otros practicantes. my un Swiss fellows,otode have learned about theHaber white aprendido sobre diseño disciplinado mislearned compañeros space fromelmy American fellows, tode have suizos, haber impact aprendido sobre espacio blanco de mis about the forceful of type fromelmy German compañeros estadounidenses, fellows, to have learned about wit fromhaber my aprendido sobre el fuerte impacto deleven tipomore de letra mis compañeros English fellows, and then fromde fellows alemanes, haber aprendido sobre el ingenio de everywhere. Thatmis beautiful feeling of enrichment that aún comes compañeros ingleses, y luego más de los fromcompañeros new discoveries, new ways of doing the same de todas partes. thing better than before. It isEse my hope that this book mayde provide that hermoso sentimiento enriquecimiento que feeling, or in any case confirm and reaffirm viene de nuevos descubrimientos, nuevas formas de those guidelines that we designers love to set hacer lo mismo mejor que antes. for ourselves. Es mi esperanza que este libro pueda proporcionar esa sensación, o en todo caso confirmar y reafirmar esas directrices que a los diseñadores nos encanta establecer para nosotros mismos.
rockmann Josheph Müller-B
Gene Fe derico
aus leckh F Willy
Alan Fletc her
Parte 1 Los Intangibles
Semática
Semántica Siempre he dicho que hay tres aspectos del diseño que son importantes para mí: Semántica, Sintáctica y Pragmática. Vamos a examinarlos uno a la vez. La semántica, para mí, es la búsqueda del sentido de lo que tenemos que diseñar. Lo primero que hago cuando comienzo una nueva tarea en cualquier forma de diseño, gráfico, producto, exposición o interior es buscar el significado de la misma. Esto puede comenzar con la investigación sobre la historia del tema para comprender mejor la naturaleza del proyecto y encontrar la dirección más apropiada para el desarrollo de un nuevo diseño. Dependiendo del tema, la búsqueda puede tomar muchas direcciones. Podría ser una búsqueda de más información sobre la Empresa, el Producto, la Posición de Mercado del sujeto, la Competencia, su Destino, el usuario final, o incluso, sobre el significado real del sujeto y sus raíces semánticas. Es extremadamente importante para un resultado satisfactorio de cualquier diseño dedicar tiempo a la búsqueda de los significados precisos y esenciales, investigar sus complejidades, conocer sus ambigüedades, comprender el contexto de uso para definir mejor los parámetros dentro de los cuales tendremos que operar. Además, es útil seguir nuestra intuición y nuestra capacidad diagnóstica para canalizar la investigación y llegar a una definición bastante consciente del problema en cuestión. La semántica es lo que proporcionará las bases reales para una correcta puesta en marcha de los proyectos, independientemente de lo que sean. La semántica se convierte eventualmente en una parte esencial del ser del diseñador, un componente crucial del proceso natural del diseño, y el punto de partida obvio para el diseño. La semántica también indicará la forma más apropiada para ese tema en particular que podemos interpretar o transformar de acuerdo a nuestras intenciones. Sin embargo, es importante destilar la esencia de la
búsqueda semántica a través de un proceso complejo, la mayoría de ellos intuitivo, para infundir en el diseño todas las entradas cognitivas necesarias, sin esfuerzo y de la forma más natural posible. Es como en la música, cuando escuchamos el sonido final, sin conocer todos los procesos por los que ha pasado el compositor antes de llegar al resultado final. El diseño sin semántica es superficial y sin sentido pero, desafortunadamente, también es ubicuo, y por eso es tan importante que los jóvenes diseñadores se formen para iniciar el proceso de diseño de la manera correcta, la única manera que puede enriquecer su diseño. Semántica, en diseño, significa entender el sujeto en todos sus aspectos; relacionar el sujeto con el emisor y el receptor de tal manera que tenga sentido para ambos. Significa diseñar algo que tiene un significado, que no es arbitrario, que tiene una razón de ser, algo en lo que cada detalle tiene un significado o un propósito preciso dirigido a un objetivo preciso. Cuántas veces vemos diseños que no tienen sentido: rayas y colores salpicados a través de las páginas sin razón alguna. Bueno, no tienen sentido o son increíblemente vulgares o criminales cuando se hacen a propósito. Desafortunadamente, hay diseñadores y mercadotécnicos que intencionalmente desprecian al consumidor con la noción de que la vulgaridad tiene un atractivo definitivo para las masas y, por lo tanto, suministran al mercado un flujo continuo de diseño crudo y vulgar. Considero que esta acción es criminal, ya que está produciendo contaminación visual que está degradando nuestro medio ambiente, al igual que todos los demás tipos de contaminación. No todas las formas de comunicación vernácula son necesariamente vulgares, aunque muy a menudo es así. La vulgaridad implica una intención flagrante de una forma de expresión que ignora y evita deliberadamente cualquier forma de cultura establecida. En nuestro mundo contemporáneo se hace cada vez más difícil encontrar formas honestas de comunicación vernácula como las que existían en el mundo preindustrial.
Sintáctica Syntactics
12
Mies, my dijogreat mi gran mentor: “Dios está Mies, mentor said: “God is en in los thedetalles”. details.” Esa es la esencia de la sintaxis: la disciplina que That is the essence of syntax: the discipline controla el uso correcto de la gramática en la that controls the proper use of grammar in the construcción de frases y la articulación de un lenguaje, construction of phrases and the articulation of a el Diseño. La sintaxis del diseño es proporcionada por language, Design. The syntax of design is provided muchos componentes de la naturaleza del proyecto. by components inejemplo, the nature project. Enmany el diseño gráfico, por sonof la the estructura Ingeneral, graphicla design, for instance, they are overall cuadrícula, los tipos de letra, el the texto y los structure, theilustraciones, grid, the typefaces, the text and titulares, las etc. La consistencia de un diseño es proporcionada poretc. la relación apropiada of de headlines, the illustrations, The consistency variosiselementos sintácticos del proyecto: cómo el alos design provided by the appropriate relationship relaciona con las cuadrículas y las oftipo thesevarious syntactical elements of theimágenes project: de la página. a lo largo de todo el proyecto. bien, how type relates to grids and images fromOpage relacionan los tamaños de los tipos entre sí. tocómo pagese throughout the whole project. Or, how type O cómo se relacionan las imágenes entre sí y cómo sizes relate to each other. Or, how pictures relate to se relacionan las partes con el todo. Hay maneras de each other relate thehay whole. lograr todoand estohow que the son parts correctas, yato que otras There are ways to achieve all this that are correct, que son incorrectas y deben ser evitadas. as there are others that are incorrect, and should be Laavoided. consistencia sintáctica es de suma importancia en el diseño consistency gráfico comoisloofesparamount en todos losimportance esfuerzos Syntactic Las cuadrículas de las varias inhumanos. graphic design as it is inson alluna human endeavors. herramientas que ayudan diseñadores Grids are one of the severala los tools helping a lograr consistencia sintáctica en el diseño gráfico. designers to achieve syntactical consistency in graphic design.
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
2
E 4 5 6
Free Transfer Station
W R N
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
W
Astoria/Ditmars Blvd, Queens to Whitehall St, Manhattan Local Weeknights after 9pm, Late Nights and Weekends: No service
1
Van Cortland Park/242 St, Bronx to South Ferry, Manhattan Local
Pedestrian Link
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
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
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
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
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
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 Lex Ave 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
V
Forest Hill/71 Ave, Queens to Lower East Side/2 Ave, Manhattan Local Late Nights and Weekends: No service
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
S
Broad Channel, Queens to Rockaway Park/Beach 116 St, Queens Local
S
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
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
Woodlawn 4 Jerome Ave
238 St Bway
D
Mosholu Pkwy Jerome Ave
Burke Ave White Plains Rd
Bedford Park Blvd Jerome Ave B Lehman College
Bedford Park Blvd Grand Concourse
Kingsbridge Rd Jerome Ave
Kingsbridge Rd Grand Concourse
207 St 10 Ave
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
190 St Ft Wash 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
Bronx Park East White Plains Rd
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
Jackson Ave Weschester Ave
3 Ave E 138 St
138 St Grand Concourse
E 149 St Southern Blvd
Brook Ave E 138 St
111 St Roosevelt Ave
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
125 St Lenox Ave
116 St 8 Ave
116 St Lenox Ave
116 St Lexington Ave
110 St Cathedral Pkwy CPW
110 St Central Park North Malcolm X Blvd
110 St Lexington Ave
103 St Bway
86 St CPW
46 St Bway
30 Ave 31 St
77 St Lexington Ave
Fresh Pond Rd 67 Ave
WR N Q
14 St 6 Ave
Jefferson St Wyckoff Ave
Morgan Ave Harrison Pl Graham Ave Grand St Metropolitan Ave Bushwick Ave
Lorimer St Metropolitan Ave
DeKalb Ave Wyckoff Ave
Montrose Ave Bushwick Ave
Central Ave Myrtle Ave
Broadway Union Ave
Kosciuszko St Gates Ave Bway Bway
Halsey St Bway
Broadway Jctn East NY Ave
World Trade Center E
F Broad St J Z Wall St
Clark St Bklyn Hgts
Classon Ave Lafayette Ave
Court St Montague St
DeKalb Ave Flatbush Ave
Lawrence St Willoughby St
Kingston Throop Ave Fulton St
Clinton-Washington Aves Lafayette Ave
Lafayette Ave Clinton-Washington Aves Fulton St Fulton St
B 5 4
9 St 4 Ave
7 Ave 9 St
Atlantic Ocean Winthrop St Nostrand Ave
Parkside Ave Ocean Ave
St George
Church Ave Nostrand Ave
Church Ave E 18 St
Prospect Park E 15 St
Beverly Rd Nostrand Ave
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 Ditmas Ave McDonald Ave
9 Ave 39 St
Grasmere Old Town
Fort Hamilton Pkwy New Utrecht Ave
50 St New Utrecht Ave
53 St 4 Ave
New Dorp 59 St 4 Ave
Eltingville
Bay Pkwy McDonald Ave
55 St New Utrecht Ave Fort Hamilton Pkwy 61 St
D
8 Ave 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
Oakwood Heights Bay Terrace
Avenue M E 16 St
Avenue I McDonald Ave
Jefferson Ave
Great Kills
Avenue J E 16 St
18 Ave McDonald Ave
45 St 4 Ave
Dongan Hills
Grant City
Brooklyn College Flatbush Ave
Newkirk Ave E 16 St
Stapleton
Staten Island
Newkirk Ave Nostrand Ave
5
Tompkinsville
Cortelyou Rd E 16 St
2
Stadium
Brooklyn
Sterling St Nostrand Ave
B
Prospect Park Flatbush Ave
President St Nostrand Ave
F
Smith St F G 9 St
Union St 4 Ave
Canarsie Rockaway Pkwy
Eastern Pkwy Utica Ave
Nostrand Ave Eastern Pkwy
Franklin Ave Eastern Pkwy 3 2 5 4 Botanic Garden S Eastern Pkwy
Eastern Pkwy Brooklyn Mus
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 Atlantic
Bay Ridge 95 St R
20 Ave 86 St
86 St West 7 St D M Bay Pkwy 86 St
Brighton Beach Brighton 6 St
Q
18 Av New Utrecht Ave
Sheepshead Bay E 16 St
Avenue X McDonald Ave
Prince’s Bay Pleasant Plains
Rockaway Park Beach 116 St
Kingston Ave Eastern Pkwy
Park Pl Franklin Ave
7 Ave Flatbush Ave
Grand Army Plaza
Q
Caroll St Smith St
2
3 Bergen St Smith St
4
Bergen St Flatbush Ave
Atlantic Ave R M N D Pacific St
3
Atlantic Ave Flatbush Ave
Nevins St Flatbush Ave C A G Hoyt St Schermerhorn St
Nostrand Ave Fulton St
Franklin Ave S Fulton St
Beach 105 St Seaside
East 105 St Tyndall Ave
Sutter Ave Rutland Rd
Q
Fulton St Lafayette Ave
M
Hoyt St Fulton Mall
A
Borough Hall Joralemon St
3 2 5 4
R
W Whitehall St South Ferry
Q
1
C
South Ferry
New Lots Ave Van Sinderen Ave
Rockaway Ave Livonia Ave
Utica Ave Fulton St
Beach 98 St Playland
Livonia Ave Van Sinderen Ave
Saratoga Ave Livonia Ave
Jay St Borough Hall F A C
B
Bowling Green-Bway
C A High St Brooklyn Bridge
2 3 Fulton St
Wall St William St
Beach 90 St Holland Pennsylvania Ave Livonia Ave
Junius St Livonia Ave
Ralph Ave Fulton St Bedford-Nostrand Aves Lafayette Ave
A
Wall St Bway
Beach 44 St Frank Ave Beach 60 St Straiton Ave Beach 67 St Gaston Ave
Van Siclen Ave Livonia Ave
S
Rector St Trinity Pl
Broad Channel New Lots Ave Livonia Ave
Van Siclen Ave Pitkin Ave
Sutter Ave Van Sinderen Ave
York St Jay St
A
C A 4 5 Fulton St M J Z BroadwayNassau
Cortlandt St Church St
Rector St Greenwich St
Far Rockaway Mott Ave
Beach 36 St Edgemere
Rockaway Ave Fulton St
Myrtle-Willoughby Aves Marcy Ave
Chambers St Centre St
Liberty Ave Penn Ave Atlantic Ave East NY Ave
C
Hudson River
4 5 6
City Hall Bway 3 2
Alabama Ave Fulton St
A
Chambers St A C Church St
Park Pl Bway
Grant Ave Pitkin Ave
Beach 25 St Wavecrest
Chauncey St Bway
Flushing Ave Marcy Ave
Franklin St Varick St Chambers St W Bway 1 2 3
2/3
Howard Beach JFK Airtrain
Euclid Ave Pitkin Ave
Shepherd Ave Pitkin Ave
3
Lorimer St Flushing Ave Myrtle Ave Bway Bway Bway M J Z
Hewes St Bway
C
East Bway Canal St
Lefferts Blvd
Van Siclen Ave Fulton St
Bushwick Ave Aberdeen St
Z
Marcy Ave Bway M J Z
Delancey St Essex St
Grand St B D Chrystie St
Aqueduct Racetrack
4
A
Bowery Delancey St
A
Wilson Ave Moffat St
2 Ave Lower East Side V F
Canal St Canal St M J Z Centre St Lafayette St
Cleveland St Fulton St
Halsey St Wyckoff Ave
J
Spring St Lafayette St
Canal St Bway W R N Q
Norwood Ave Fulton St
Myrtle Ave Wyckoff Ave
C
V F D B Bway-Lafayette
Prince St Bway
Spring St 6 Ave
1 Ave 14 St
Knickerbocker Ave Myrtle Ave
Bleecker St Lafayette St
Houston St Varick St
Canal St A C E 6 Ave
3 Ave 14 St
Astor Place 4 Ave
West 4 St-6 Ave A C E B D F V Washington Sq
Canal St Varick St
Bedford Ave N 7 St
L 4 5 6 14 St Union Sq
8 St Bway Christopher St Sheridan Sq
Z
1 2 3 14 St 7 Ave
5/6
JFK Airport
Aqueduct North Conduit Ave 80 St Hudson St
Seneca Ave Palmetto St
M
L
88 St Boyd Ave
Cypress Hills Jamaica Ave
Crescent St Fulton St
J
Nassau Ave Manhattan Ave
18 St 7 Ave 14 St 8 Ave A C E
8/9
Federal Circle
1
Forest Ave 67 Ave
23 St Park Ave S
7
104 St-Oxford Ave Liberty Ave
Rockaway Blvd Liberty Ave
Middle Village Metropolitan Ave
Greenpoint Ave Manhattan Ave
28 St Park Ave S 23 St Bway
111 St Greenwood 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
Ozone Park Lefferts Blvd
A
V E 23 St 45 Rd Ely Ave 7 Court House Sq
Z
Vernon Blvd Jackson Ave
Sutphin Blvd-Archer Ave JFK Airtrain
Jamaica Van Wyck
104 St Jamaica Ave
J
4 5 6 42 St Grand Central
BDF V
23 St 7 Ave
21 St Jackson Ave
46 St-Bliss St Queens Blvd
M
34 St Herald Sq
28 St 7 Ave 23 St 8 Ave
42 St Bryant Park
33 St-Rawson St 40 St-Lowery St Queens Blvd Queens Blvd
E
34 St Penn 1 2 3 Station
B D F V 42 St 6 Ave
51 St Lexington Ave
Briarwood Van Wyck Blvd Main St
111 St Jamaica Ave
Queens Plaza
V
42 St 1 2 3 W R N Q Times Sq
S 7
Long Is. City Court Sq G
4 5 6 59 St Lexington Ave
V E Lex Ave 53 St
47-50 Sts Rockefeller Ctr
Queensboro Plaza
G
S 7
53 St 5 Ave
7
34 St Penn Station A C E 8 Ave
57St 6 Ave
49 St 7 Ave
50 St Bway
42 St Port Authority A C E
57 St 7 Ave
WR N Q
R
50 St 8 Ave
53 St 7 Ave
Jamaica Center Parsons/Archer
Sutphin Blvd Hillside Ave Kew Gardens Union Tpke Queens Blvd
52 St Roosevelt Ave
N
ACBD
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
W
W R N
1
Roosevelt Island Main St F
Grand Ave Newtown
121 St Jamaica Ave
36 St Northern Blvd
36 Ave 31 St
68 St Hunter College
Elmhurst Ave Bway
R G V F E Jackson Hts Roosevelt Ave
69 St Roosevelt Ave
Parson Blvd Hillside Ave
S
63 St Lexington Ave 5 Ave 59 St
59 St Columbus Circle
Broadway 31 St
Jamaica-179 St Hillside Ave
169 St Hillside Ave
L
72 St CPW
66 St Lincoln Center
65 St Bway
Steinway St Bway
86 St 4 5 6 Lexington Ave
Manhattan
81 St Museum of Natural History 72 St Bway
Northern Blvd Bway
74 St Broadway
Z
86 St Bway
82 St-Jackson Hts Roosevelt Ave
Astoria Blvd 31 St
J
96 St Lexington Ave
E
103 St Lexington Ave
96 St CPW
7
103 St CPW
96 St Bway 1 2 3
Junction Blvd Roosevelt Ave
90 St-Elmhurst Ave Roosevelt Ave
Astoria Ditmars Blvd W N
F
125 St St Nicholas Ave A C B D
110 St Cathedral Pkwy Bway
L
145 St Lenox Ave 135 St Lenox Ave 3 2
116 St Columbia Univ
79 St Bway
Flushing-Main St Roosevelt Ave
Willets Point-Shea Stadium Roosevelt Ave 3 Ave 149 St
B
3 Harlem 148 St
135 St St Nicholas Ave
125 St Bway
St Lawrence Ave Westchester Ave Morrison/Sound View Aves Westchester Ave Elder Ave Westchester Ave Whitlock Ave Westchester Ave
Freeman St Southern Blvd
149 St Grand Concourse 2 5 4
145 St St Nicholas Ave A C B D
145 St Bway
Castle Hill Ave Westchester Ave Parkchester Westchester Ave
174 St Southern Blvd
B D 4 161 St Yankee Stadium
155 St 8 Ave
155 St St Nicholas Ave
137 St City College
Zerega Ave Westchester Ave
Morris Park Esplanade
L
A
163 St Amsterdam Ave
Westchester Sq East Tremont Ave
Pelham Pkwy Williamsbridge Rd
7
157 St Bway
C
175 St Ft Wash Ave
Middletown Rd Westchester Ave
Pellham Pkwy White Plains Rd
Mt Eden Ave Jerome Ave
Pelham Bay Park Westchester Ave
Buhre Ave Westchester Ave
Allerton Ave White Plains Rd
A
The Bronx
215 St 10 Ave
168 St Bway 1
Gun Hill Rd Seymour Ave
Gun Hill Rd White Plains Rd
Norwood 205 St
6
Marble Hill-225 St Bway
Dyckman St Bway
Baychester Ave Tolliston Ave
225 St White Plains Rd 219 St White Plains Rd
231 St Bway
Inwood 207 St -Bway A
Eastchester 5 Dyre Ave 233 St
5
233 St White Plains Rd
242 St 1 Van Cortland Park
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
Pragmática
Todo lo que hacemos, si no lo entendemos, no se comunica y es un esfuerzo inútil. Diseñamos cosas que pensamos que son semánticamente correctas y sintácticamente consistente pero si, en el momento de la fruición, nadie entiende el resultado, o el significado de todo ese esfuerzo, todo el trabajo es inútil. A veces puede necesitar alguna explicación, pero es mejor cuando no es necesario. Cualquier artefacto debe permanecer por sí mismo en toda su claridad. De lo contrario, algo realmente importante se ha pasado por alto. La apariencia final de cualquier cosa es el subproducto de la claridad (o falta de ella) durante su fase de diseño. Es importante entender el punto de partida y todos los supuestos de cualquier proyecto para comprender plenamente el resultado final y medir su eficiencia. La claridad de intención se traducirá en claridad de resultado y eso es de suma importancia en el diseño. Los diseños confusos y complicados revelan una mente igualmente confusa y complicada. Nos encantan las complejidades pero odiamos las complicaciones! Dicho esto, debo añadir que nos gusta que el diseño sea contundente. No nos gusta el diseño flácido. Nos gusta que el diseño sea intelectualmente elegante, es decir, elegancia de la mente, no de los modales, elegancia que es lo contrario de vulgaridad. Nos gusta que el diseño vaya más allá de los modos de moda y las modas temporales. Nos gusta que el diseño sea lo más atemporal posible. Despreciamos la cultura de la obsolescencia. Sentimos el imperativo moral de diseñar cosas que durarán mucho tiempo. Es con este conjunto de valores que nos acercamos al Diseño todos los días, independientemente de lo que sea: bidimensional o tridimensional, grande o pequeño, ricos o pobres. El diseño es uno!
Disciplina Discipline
16
La atención a los detalles requiere disciplina.
The attention to details requires discipline. There is no room forlasloppiness, carelessness, No hay lugar para negligencia,for para el descuido, para for laprocrastination. Every detail importantporque postergación. Cada detalle es is importante because the end result the sum of alllosthe details el resultado final es lais suma de todos detalles involucrados el proceso creativo sin importar involved in the en creative process no matter what lo haciendo. Nohierarchies hay jerarquías en cuanto we que are estemos doing. There are no when it a la calidad. La calidad está o no está, y si no está, comes to quality. Quality is there or is not there, perdido el tiempo. Es un compromiso y un andhemos if is not there we have lost our time. It is a esfuerzo continuo del proceso creativo al que debemos commitment and a continuously painstaking effort atenernos. Eso es Disciplina y sin ella no hay buen of the creative process to whichdewe diseño, independientemente sushould estilo. abide. That is Discipline and without it there is no good design, regardless of conjunto its style. de reglas autoimpuestas, La disciplina es un parámetros de los cuales operamos. Es una Discipline is a dentro set of self imposed rules, parameters bolsawhich de herramientas permite diseñar within we operate.que It isnos a bag of tools thatde forma a fin. La disciplina allows us consistente to design indeaprincipio consistent manner from es tambiénto una actitud que nos la capacidad beginning end. Discipline is proporciona also an attitude de controlar nuestro trabajo creativo para que tenga that provides us with the capacity of controlling continuidad de intención en lugar de fragmentación. ourElcreative work so that it has continuity of diseño sin disciplina es anarquía, un ejercicio de intent throughout rather than fragmentation. irresponsabilidad. Design without discipline is anarchy, an exercise of irresponsibility.
Appropriateness
Propiedad
The notion of appropriateness is consequent to what expressed. Once we search the roots LaI have noción de lo apropiado es consecuente con lo of whatever we have to design we are also defining que he expresado. Una vez que buscamos las raíces the area of possible solutions that are appropriate de lo que tenemos que diseñar, también estamos specific to that particular problem. Actually, we el área deisposibles soluciones que can definiendo say that appropriateness the search for apropiadas - específicas para that ese problema the son specific of any given problem. To define en particular. En realidad, podemos prevents us from taking wrong directions, or decir que lo alternative routesesthat lead to nowhere or específico even apropiado la búsqueda de lo de un worse, to wrong solutions. problema dado. Definir eso nos impide tomar Appropriateness us to the right kindalternativas of direccionesdirects equivocadas, o rutas que no media, the right kind of materials, the right kind conducen a ninguna parte o, peor aún, a soluciones of scale, the right kind of expression, color and equivocadas. texture. Appropriateness elicits the enthusiastic
approval of the client seeing the solution to his problem. Appropriateness any issue of La adecuación nostranscends dirige al tipo correcto de medios, el styletipo - there are many ways of solving a problem, correcto de materiales, el tipo correcto de escala, el many ways of doing,de but the relevantcolor thingyistextura. that, tipo correcto expresión, La idoneidad no matter what, the solution must be appropriate. provoca la aprobación entusiasta del cliente que ve I think that we have to listen to what a thing la solución a su problema. adecuación trasciende wants to be, rather then contrive it La in to an cualquier cuestión de estilo - hay muchas maneras de arbitrary confinement. However, sometimes there problema, muchas maneras mayresolver be other un rules that one must follow to achieve de hacerlo, the pero correctlolevel of continuity. relevante es que, pase lo que pase, la solución At least forser me,apropiada. this is a relevant very que escuchar lo debe Creoissue quewhich tenemos often determines thequiere look of ser, the project to bede concebirla en un que una cosa en lugar designed. This issue is one of the fundamental confinamiento arbitrario. Sin embargo, a veces puede principles of our Canon. haber reglastime, quethe uno debe seguir para lograr el During the otras post-modern verb “to be nivel correcto continuidad. appropriate” assumedde the meaning of borrowing something and transforming it by placing it in a different context. Wemí, could sayesthat kindrelevante que muy Al menos para este unthis tema of “appropriation” when appropriate, could del be proyecto que se a menudo determina el aspecto done just another way of solving a problem or los principios va a diseñar. Esta cuestión es uno de expressing creativity. fundamentales de nuestro Canon.
18
En la época postmoderna, el verbo “ser apropiado” asumía el significado de tomar algo prestado y transformarlo colocándolo en un contexto diferente. Podríamos decir que este tipo de de “apropiación” cuando sea apropiado, podría hacerse - sólo otra manera de resolver un problema o de expresar creatividad.
Ambigüedad
En lugar de la connotación negativa de La ambigüedad como forma de vaguedad, tengo una interpretación positiva de la ambigüedad, entendida como una pluralidad de significados, o la capacidad de conferir a un objeto o a un diseño, la posibilidad de ser leído de diferentes maneras -cada una de ellas complementaria a la otra- para enriquecer el tema y dar más profundidad. A menudo utilizamos este dispositivo para mejorar la expresión del diseño y atesoramos los resultados finales. Sin embargo, hay que tener cuidado al jugar con la ambigüedad, porque si no se mide bien puede resultar contraproducente con resultados desagradables. La contradicción a veces puede reforzar la ambigüedad, pero más a menudo es una señal de discontinuidad y falta de control. La ambigüedad y la contradicción pueden enriquecer un proyecto pero también pueden hundir los resultados finales. Por lo tanto, se recomienda mucha precaución en el uso de estas especias.
El Diseño es Uno
La oficina de los Arquitectos Castiglioni en Milán fue el primer lugar, donde a la edad de 16 años, me puse a trabajar como dibujante. Estaban activos en todo el campo del Diseño y la Arquitectura siguiendo el dictado de Adolph Loos de que un arquitecto debe ser capaz de diseñar todo “desde la cuchara hasta la ciudad”. Ya habían diseñado una radio muy emblemática, hermosos cubiertos de plata, muebles para acampar, taburetes ingeniosos, estanterías industriales, bonitas casas y un increíble museo. Más tarde diseñaron restaurantes, ferias, exposiciones, muebles y mucho más. Se convirtieron en los iconos del diseño italiano. Recomiendo encarecidamente a todos los diseñadores que investiguen y estudien su trabajo. Me impresionó enormemente la diversidad de proyectos e inmediatamente me fascinó la posibilidad de que el arquitecto trabajara en tantas áreas diferentes. Descubrí que lo importante es dominar una disciplina de diseño para poder diseñar cualquier cosa, porque eso es lo que es esencial y necesario en cada proyecto. El diseño es uno - no hay muchos diferentes. La disciplina del diseño es una y puede aplicarse a muchos temas diferentes, independientemente del estilo. La disciplina del diseño está por encima de cualquier estilo. Todo estilo requiere disciplina para expresarse. Muy a menudo la gente piensa que el diseño es un estilo particular. Nada podría estar más mal! El diseño es una disciplina, un proceso creativo con reglas propias, que controla la consistencia de su producción hacia su objetivo de la manera más directa y expresiva. A lo largo de mi vida he buscado oportunidades para diversificar mi práctica de diseño: del vidrio al metal, de la madera a la cerámica a los plásticos, de la impresión al embalaje, de los muebles a los interiores, de la ropa a las ostentaciones, de las exposiciones al diseño escénico y más. Todo fue, y sigue siendo, un desafío tentador para poner a prueba la interacción entre intuición y conocimiento, entre pasión y curiosidad, entre deseo y éxito.
Poder Visual
Decimos todo el tiempo que nos gusta que el Diseño sea visualmente poderoso. No podemos soportar el diseño que es débil en concepto, forma, color, textura o cualquiera de ellos. Pensamos que el buen diseño es siempre una expresión de la fuerza creativa que aporta conceptos claros expresados en forma y color, donde cada elemento expresa el contenido de la manera más contundente. Existen infinitas posibilidades para lograr una expresión poderosa. En el diseño gráfico, por ejemplo, la diferencia de escala dentro de la misma puede tener un impacto muy fuerte. La negrita en contraste con la luz crea impresiones visualmente dinámicas. Hemos utilizado este enfoque con éxito en nuestro diseño gráfico. En el diseño tridimensional, la manipulación de la luz a través de diferentes texturas y materiales da resultados infinitos y efectivos. El cambio de escala y el contraste de tamaños ofrecen una impresionante variedad de posibilidades. Es esencial que un diseño esté impregnado de fuerza visual y presencia única para lograr su propósito. La resistencia visual también puede lograrse utilizando diseños o materiales delicados. La fuerza visual es una expresión de la elegancia intelectual y nunca debe confundirse con el impacto visual, que, en la mayoría de los casos, es sólo una expresión de vulgaridad y molestia visual. La potencia visual es, en cualquier caso, un tema que merece una gran atención para conseguir un diseño eficaz.
Elegancia Intelectual
A menudo hablamos de Elegancia Intelectual, que no debe confundirse con la elegancia de los modales y costumbres. Para mí, la elegancia intelectual es el sublime nivel de inteligencia que ha producido todas las obras maestras de la historia de la humanidad. Es la elegancia que encontramos en las estatuas griegas, en las pinturas renacentistas, en los sublimes escritos de Goethe y en muchas grandes mentes creativas. Es la elegancia de la Arquitectura de cualquier época, la Música de todos los tiempos, la claridad de la Ciencia a través de los tiempos. Es el hilo que nos guía hacia la mejor solución de todo lo que hacemos. Es el objetivo definitivo de nuestras mentes, el que está más allá de los compromisos. Eleva el artefacto más humilde a una posición noble. La elegancia intelectual es también nuestra conciencia cívica, nuestra responsabilidad social, nuestro sentido de la decencia, nuestra forma de concebir el Diseño, nuestro imperativo moral. Una vez más, no es un estilo de diseño, sino el significado más profundo y la esencia de Diseño.
Atemporalidad
Estamos definitivamente en contra de cualquier moda de diseño y de cualquier moda de diseño. Despreciamos la cultura de la obsolescencia, la cultura de los residuos, el culto a lo efímero. Detestamos la demanda de soluciones temporales, el despilfarro de energías y capital en aras de la novedad. Estamos a favor de un diseño que dure, que responda a las necesidades de las personas y a sus deseos. Estamos para un diseño comprometido con una sociedad que exige valores duraderos. Una sociedad que se gana el beneficio de las mercancías y merece respeto e integridad. Nos gusta el uso de formas primarias y colores primarios porque sus valores formales son atemporales. Nos gusta una tipografía que trasciende la subjetividad y busca valores objetivos, una tipografía que va más allá de los tiempos, que no sigue las tendencias, que refleja su contenido de manera adecuada. Nos gusta la economía del diseño porque evita ejercicios derrochadores, respeta la inversión y dura más tiempo. Nos esforzamos por un diseño que se centra en el mensaje y no en la excitación visual. Nos gusta un diseño claro, sencillo y duradero. Y eso es lo que la intemporalidad significa en el diseño.
Responabilidad
En el diseño gráfico, la cuestión de la responsabilidad cobra especial importancia como forma de conciencia económica hacia la solución más adecuada a un Responsibility problema Indeterminado. graphic design the issue of responsibility
assumes particular importance as a form of economic awareness theimpresos most appropriate Demasiado a menudo vemostoward trabajos solution to manera a given problem. producidos de una lujosa sólo para satisfacer el ego deToo los often diseñadores o clientes. Es importante we see printed works produced inque se utiliceauna solución económicamente lavish manner just to satisfy theadecuada ego of designers que tenga cuenta las facetas problema. or en clients. It istodas important that del an economically appropriate solution is used and is one that takes Por mucho que esto pueda parecer obvio, es uno in proper consideration all the facets of de los temas más olvidados tanto por los diseñadores the problem. como por clientes. Lamay responsabilidad forma Aslos much as this seem obviousesitotra is one of de disciplina. Como diseñadores, tenemos tres niveles the most overlooked issues by both designers and de responsabilidad: clients. Responsibility is another form of discipline. As designers, we have three levels of responsibility:
30
• Uno: a nosotros mismos, la integridad del proyecto y todos sus componentes. • Dos :al Cliente, para resolver el problema en una One que - to sea ourselves, the integrity sólida of the yproject manera económicamente eficiente all its components. • Tres:and el público en general, el consumidor y el Twodel - todiseño the Client, usuario final. to solve the problem in
a way that is economically sound and efficient. En cada uno de nivelesatdebemos Three - toestos the public large, theestar consumer, dispuestos a comprometernos a alcanzar la solución the user of the final design. más adecuada, la que resuelva el we problema sinready to On each one of these levels should be compromisos beneficio de todos. commiten ourselves to reach the most appropriate solution, the one that solves the problem without Al final,compromises un diseño debe mantenerse sí mismo, sin for the benefit of por everyone. excusas, ni disculpas. Inexplicaciones the end, a design should stand by itself, Debe representar la realización de unapologies. proceso exitoso without excuses, explanations, en todaItsu belleza. should represent the fulfillment of a successful Una solución responsable. process in all its beauty. A responsible solution.
Equidad
Equity
Muchas veces nos han pedido que diseñemos un logotipo o un símbolo para una empresa, a menudo a petición del departamento de marketing para refrescar la posición de la empresa en el mercado. Aunque esta puede ser una petición legítima, muy Many times we have been asked to design a logo a menudo está motivada por el deseo de cambio or a symbol for a Company - often at the request simplemente por el bien del cambio, y esa es una of the marketing department to refresh the motivación muy equivocada.
Company’s position in the marketplace. Although this may be a legitimate request, very Una verdadera identidad corporativa se basa en un often, it is motivated by the desire of change enfoque global del sistema, no sólo en un logotipo. merely for the sake of change, and that is a very wrong motivation. Un logo se convierte gradualmente en parte de A real Corporate Identity is based on an overall nuestra cultura colectiva; en su modesta forma system approach, not just a logo. se convierte en parte de todos nosotros. Piensa A logo gradually becomes part of our collective en Coca Cola, piensa en Shell o, por qué no, en culture; in its modest way it becomes part of all of AmericanAirlines. Cuando un logo ha estado en us. Think of Coca Cola, think of Shell, or, why not, el dominio público por más de cincuenta años se AmericanAirlines. When a logo has been in the convierte en un clásico, un hito, una entidad respetable public domain for more than fifty years it becomes y no hay razón para tirarlo a la basura y sustituirlo por a classic, a landmark, a respectable entity and un nuevo brebaje, sin importar lo bien que haya sido there is no reason to throw it away and substitute diseñado. it with a new concoction, regardless of how well it has been designed. Quizás porque crecí en un país donde la historia y la Perhaps, because I grew up in a country where arquitectura vernácula formaban parte de la cultura history and vernacular architecture were part of del territorio y estaban protegidas, culture of the territory and was protected, Consideraba que los logotipos establecidos eran algo Ique considered established logos something to be debía protegerse por igual. equally protected. The notionde of la a logo equity us from La noción equidad dehas un been logo with ha estado con the very beginning of time. When we were asked to nos nosotros desde el principio de los tiempos. Cuando design a new for the FORD Motor logotipo Company, pidieron que logo diseñáramos un nuevo para la we proposed a light retouch of the old one which FORD Motor Company, propusimos un retoque ligero could be adjusted for contemporary applications. del antiguo que pudiera ser ajustado para aplicaciones We did the same for CIGA HOTELS, CINZANO, contemporáneas. Hicimos lo mismo con CIGA HOTELS, LANCIA Cars and others. no reason to para CINZANO, LANCIA Cars yThere otros.was No había razón dispose of logos that had seventy yearssetenta of exposure, deshacerse de logotipos que tenían años de and were rooted in people’s consciousness with a exposición, y que estaban arraigados en la conciencia set of gente respectable connotations. de la con un conjunto de connotaciones What is new is NOT a graphic form but a way of respetables. thinking, a way of showing respect for history in context that usually has forma zero understanding Loaque es nuevo NO es una gráfica, sino una for these values. forma de pensar, una forma de mostrar respeto por la historia en un contexto que normalmente tiene una comprensión cero de estos valores. 32
Parte 2 Los Tangibles
Tamaños de papel
La elección del tamaño del papel es una de las primeras obras que se imprimen. Hay dos sistemas básicos de tamaño de papel en el mundo: el tamaño A internacional y el tamaño americano. Los tamaños de papel estándar internacionales, llamados la serie A, se basan en un rectángulo dorado, la proporción divina. Es extremadamente apuesto y práctico también. Es adoptado por muchos países de todo el mundo y se basa en las normas DIN métricas alemanas. Estados Unidos utiliza un tamaño básico de letra (8 1/2 x 11”) de proporciones feas, y resulta en un caos total con una cantidad interminable de tamaños de papel. Es un subproducto de la cultura de la libre empresa, la competencia y los residuos. Sólo otro ejemplo de las malas interpretaciones de la libertad. Estos son los tamaños básicos de DIN en mm. para : A0, 841x1189 - A1, 594x841 - A2, 420x594 - A3, 297x420 A4, 210x297 - A5, 148x210 - A6, 105 x148 - A7, 74x 105 - A8, 52x74 - A9, 37x52 - A10, 26x37. El A4 es el tamaño básico para estacionario. Dos tercios de ella es un cuadrado, una bonita casualidad económica que resulta del rectángulo dorado. Es una de las razones por las que tendemos a usar tanto en la medida de lo posible los tamaños DIN: las proporciones siempre conducen a otras proporciones agradables. Esto no sucede con el tamaño básico americano, que no conduce a nada. Conté 28 tamaños estándar diferentes en EE.UU.! La única razón por la que lo usamos es porque todo el mundo en EE.UU. lo usa, todo lo que está estacionario en EE.UU. es de ese tamaño, al igual que las carpetas, los archivos y el equipo de oficina. La repercusión de la fealdad es infinita. La oferta de papel en el mercado es enorme. Sin embargo, tendemos a utilizar una selección limitada de papeles, eligiendo los más apropiados para el trabajo, ricos o pobres. Somos muy conscientes del uso del papel y tendemos a utilizar aquellos que son más ecológicos, sin comprometer el resultado final. Para papelería nos gusta usar un papel grueso (100% algodón - sub 28) para el nivel ejecutivo, y un bono
regular para el nivel empresarial. El mismo papel para los sobres, normalmente con una solapa cuadrada. El tamaño puede variar según los países. Para los libros, depende mucho del tipo de libro. Para los libros de texto, utilizamos un papel de libro; para los libros ilustrados utilizaremos un papel estucado, opaco o brillante según el tema, aunque tendemos a preferir papeles opacos. La calidad de la reproducción sigue mejorando, mejores papeles, mejores tintas, mejores prensas de impresión, mejores tecnologías. El campo está en continuo movimiento y tenemos que mantenernos al día con los tiempos. Cada tecnología implica diferentes costos de producción y debemos estar atentos y trabajar con los proveedores para optimizar los costos y la calidad. No todos los países comparten el mismo nivel de calidad de impresión y tenemos que intentar obtener lo mejor en cada situación. No todos los documentos están disponibles en todo el mundo y eso a veces plantea algunos problemas de calidad. Siempre que es posible, nos gusta utilizar las dos caras de una hoja de papel, incluso cuando hacemos carteles, ofreciendo la posibilidad de aumentar y pautar la información en una hoja de papel grande, en lugar de desperdiciar una cara. Los tamaños de póster más comunes en Europa son: 50x70, 70x100, 100x140 centímetros.Más tamaños de pósters están disponibles en los Estados Unidos. Al diseñar un libro, un folleto o cualquier otro tipo de material impreso, la elección del tamaño del papel implica una gran complejidad de cuestiones. A veces tiene que ajustarse a publicaciones anteriores relacionadas, a veces tiene que abrir un nuevo camino, a veces el tamaño en sí mismo se convierte en el portador de un mensaje incluso antes de que se imprima algo en él. La elección de una talla es una decisión muy importante. Implica costes y forma parte de la economía global del proceso de producción. Es importante que el diseñador sea plenamente consciente del proceso de impresión y de los papeles necesarios para la producción más eficiente y económica de la obra impresa.
La oferta del mercado es amplia pero indiscriminada, y se rige más por las reglas de la competencia que por las normas. La estandarización de los tamaños de papel y, en consecuencia, de los tamaños de las publicaciones, es una contribución consciente al medio ambiente, que en última instancia ahorra árboles y reduce la contaminación y los desechos. La elección del tamaño de una publicación debe hacerse con conciencia de sus consecuencias, entendiendo que la ética y la estética tienen una raíz semántica común que debe ser respetada. Es nuestro imperativo profesional velar por que se respeten estas cuestiones. Nunca debemos olvidar que nuestra tarea como diseñadores es llevar la dignidad a nuestra profesión más que el brillo, y que la oportunidad está en cada detalle.
A0
A1
A4
A5 A2
A7
A3
Tamaños de papel
La elección del tamaño del papel es una de las primeras obras que se imprimen. Hay dos sistemas básicos de tamaño de papel en el mundo: el tamaño A internacional y el tamaño americano. Los tamaños de papel estándar internacionales, llamados la serie A, se basan en un rectángulo dorado, la proporción divina. Es extremadamente apuesto y práctico también. Es adoptado por muchos países de todo el mundo y se basa en las normas DIN métricas alemanas. Estados Unidos utiliza un tamaño básico de letra (8 1/2 x 11”) de proporciones feas, y resulta en un caos total con una cantidad interminable de tamaños de papel. Es un subproducto de la cultura de la libre empresa, la competencia y los residuos. Sólo otro ejemplo de las malas interpretaciones de la libertad. Estos son los tamaños básicos de DIN en mm. para : A0, 841x1189 - A1, 594x841 - A2, 420x594 - A3, 297x420 A4, 210x297 - A5, 148x210 - A6, 105 x148 - A7, 74x 105 - A8, 52x74 - A9, 37x52 - A10, 26x37. El A4 es el tamaño básico para estacionario. Dos tercios de ella es un cuadrado, una bonita casualidad económica que resulta del rectángulo dorado. Es una de las razones por las que tendemos a usar tanto en la medida de lo posible los tamaños DIN: las proporciones siempre conducen a otras proporciones agradables. Esto no sucede con el tamaño básico americano, que no conduce a nada. Conté 28 tamaños estándar diferentes en EE.UU.! La única razón por la que lo usamos es porque todo el mundo en EE.UU. lo usa, todo lo que está estacionario en EE.UU. es de ese tamaño, al igual que las carpetas, los archivos y el equipo de oficina. La repercusión de la fealdad es infinita. La oferta de papel en el mercado es enorme. Sin embargo, tendemos a utilizar una selección limitada de papeles, eligiendo los más apropiados para el trabajo, ricos o pobres. Somos muy conscientes del uso del papel y tendemos a utilizar aquellos que son más ecológicos, sin comprometer el resultado final. Para papelería nos gusta usar un papel grueso (100% algodón - sub 28) para el nivel ejecutivo, y un bono
2x4 Grid
3x6 Grid
4x8 Grid
5x4 Grid
6x6 Grid
Membrete de una compañía
Después de fijar los márgenes exteriores a 10mm. de los bordes del papel, dividiremos el espacio en tres columnas, dejando la izquierda en blanco para el uso de un logotipo, o nombres, o simplemente un espacio vacío. Las dos columnas restantes serán para el texto. La disposición asimétrica general transmite una sensación de modernidad. En la parte superior pondremos el nombre de la empresa que comienza y que lo contiene en la segunda columna, de forma que se vea centrado en la página. Si hemos establecido una cuadrícula horizontal de seis módulos, colocaremos la dirección del receptor en la segunda columna del segundo módulo. El primer pliegue de la carta estará en conjunción con el tercer módulo y justo debajo de él, la letra comenzará, escribiendo el texto a la izquierda desde la segunda columna hacia el margen derecho. A veces colocaremos el logo (o el símbolo) en la primera columna, justo debajo de la etiqueta primer pliegue. Por lo general, colocaremos la dirección del remitente en la parte inferior de la página, dividiendo la información entre la segunda y la tercera columna. El aspecto general del membrete se logra cuando se escribe la carta con el mensaje, y en este ejemplo, cada componente tiene su propio lugar, con la jerarquía y claridad adecuadas. La elección adecuada de un tipo de letra dará el aspecto final apropiado a la imagen estacionaria. Naturalmente, ésta es sólo una de las muchas combinaciones posibles para un membrete, según nuestro canon. La intención de este ejemplo es sólo para demostrar el uso de una cuadrícula en un membrete. Otro ejemplo típico de membrete es el que tiene un eje central. Para este tipo de membrete diseñaremos una cuadrícula de cinco columnas, de las cuales, una es para el margen izquierdo, tres para el texto y una para el margen derecho. Colocaremos el logo en la parte
ABDIPHARMA
Mr. Recepient’s name Recepient’s Title Recepient’s address City, Province Zip code City, Date, Year Dear Mr. Smith, Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent lup tatum zzril delenit augue duis scing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Sincerely,
Massimo Vignelli
Kore Şehitleri Caddesi No:00 00000 Zincirlikuyu - Istanbul T. +00 000 000 0000 F. +00 000 000 0000 www.abdiibrahim.com.tr
Mr. Recepient’s name, Recepient’s Title Recepient’s address City, Province Zip code City, Date, Year Dear Mr. Smith, Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent lup tatum zzril delenit augue duis scing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Sincerely,
Massimo Vignelli
Aziende Agricole Spa Via Filande, 6 Località Pianodardine 83100 Avellino T. +39 0825 626406 F. +39 0825 610733 E. acasa@cantineacasa.it www.cantineacasa.it
superior de la letra que se encuentra en la columna central. El destinatario se posicionará en el segundo módulo desde arriba y a ras con la segunda columna. La letra comenzará desde el primer pliegue hacia abajo. En la parte inferior de la página, el nombre de la Compañía y sus direcciones centradas. El aspecto final es muy apropiado para situaciones más conservadoras. Para los sobres colocaremos el logo en la parte frontal del sobre centrado hasta el final para a la izquierda, y la dirección del remitente en la solapa cuadrada de la parte posterior del sobre. Naturalmente, el mismo enfoque se utilizará para diseñar un formulario de fax, o una factura, o cualquier otra pieza de papelería. El concepto es básicamente el mismo. Una página está estructurada por la rejilla y la información cae en el lugar adecuado, que siempre está conectado de alguna manera a la rejilla. El propósito de la cuadrícula es ayudar a prevenir la colocación arbitraria y sin sentido de la información en la página impresa. Obviamente, hay muchas maneras de hacerlo, algunas más inspiradas que otras. Las ilustraciones proporcionan varios ejemplos de diseños estacionarios. Es como en la música, donde cinco líneas y siete notas permiten hacer infinitas composiciones. Esa es la magia de la red.
Mr. Recepient’s name, Recepient’s Title Recepient’s address City, Province Zip code City, Date, Year
Andrew Smith Director of Communication
Dear Mr. Smith,
Address information Telephone +0 00 000 0000 Fax +0 00 000 0000 andrew.smith@company.com
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent lup tatum zzril delenit augue duis scing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Sincerely,
Massimo Vignelli
Rosario Norte 660 Las Condes, Santiago Chile
Teléfono (56-2) 330 4100 / 330 4000 Fax (56-2) 330 4001 www.corpvida.cl
Fax From
Vignelli Company
To
D. Fernando Siña Fax number
CorpVida
(56-2) 330 4001
Date
N. of pages
11 Octubre 2006
1
Subject
Presentación Identidad Corporativa Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent lup tatum zzril delenit augue duis scing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Sincerely,
Massimo Vignelli
Rosario Norte 660 Las Condes, Santiago Chile
Teléfono (56-2) 330 4100 / 330 4000 Fax (56-2) 330 4001 www.corpvida.cl
Cuadrículas para libros
Para el diseño de un libro, la cuadrícula proporciona de nuevo estructura y continuidad de principio a fin. En un libro ilustrado, según el contenido, la cuadrícula podría tener varias columnas y subcolumnas para organizar la información en consecuencia. De acuerdo con el contenido, el tamaño del libro será lo primero que se determine. Un libro con imágenes cuadradas será cuadrado, un libro con imágenes rectangulares será rectangular u oblongo, de acuerdo con la forma más adecuada para exhibir el material. El contenido determina el contenedor - una verdad básica también en el diseño de libros. Es una buena práctica relacionar la cuadrícula con la proporción de la mayoría de las imágenes, de modo que haya menos necesidad de recortarlas. Hoy en día los fotógrafos son más cuidadosos con la composición de sus imágenes, por lo que la cuadrícula debe ser concebida para tomarla en consideración. Al estructurar la cuadrícula de acuerdo con esto, el libro tendrá un mayor nivel de integridad que de otro modo. Las ilustraciones proporcionan varios ejemplos de cuadrículas para varios tipos de libros.
50
Hemos diseñado cuadrículas para libros, revistas, periódicos y carteles, cada uno con su propio nivel de especificidad, pero todos siguiendo el mismo concepto básico de organización de la información. Un elemento de refinamiento es planificar una cuadrícula de tal manera que el tipo y las ilustraciones sigan la misma cuadrícula exacta. Para ello se debe determinar un conductor específico para el área de tipo de cada módulo con los módulos de ilustración coincidiendo. Esto le da gran elegancia de detalle a la página impresa. Se considera que es una “buena tipografía”, como lo hacen los Maestros. Dependiendo del tamaño del libro nos gusta mantener el espacio entre las columnas y los módulos bastante apretado - idealmente el tamaño de una línea de tipo - lo que ayuda a lograr lo que dije anteriormente. Una de las grandes ventajas del ordenador está en la definición de la rejilla que se puede conseguir de forma muy precisa y mucho mejor que antes. Uno puede dibujar una cuadrícula basada en el tamaño principal, las proporciones de la imagen, así como tener una cuadrícula superpuesta para diferentes partes del contenido. Naturalmente, cuanto más compleja es la cuadrícula, más complicado se vuelve el diseño, y uno tiene que tengas mucho cuidado con eso.
Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet, in maecenas pharetra gravida ullamcorper neque. Sed hendrerit proin diam duis eu, cursus odio placerat ultrices adipiscing lectus ornare, ut velit nonummy, quidem vitae turpis enim. Adipiscing a lectus, scelerisque tempus vivamus ac. Arcu fermentum nibh, turpis pharetra gravida urna pellentesque vel, mi sodales, justo congue pretium lectus condimentum, quisque diam consectetur interdum. Ac lorem pellentesque cras, ligula risus integer velit incidunt, luctus nisl iaculis aliquam aenean amet nulla, congue varius, metus donec senectus sed nisi placerat condimentum. Arcu fermentum nibh, turpis pharetra gravida urna pellentesque vel, mi sodales, justo risus integer velit incidunt, luctus nisl congue pretium lectus condimentum. Pellentesque cras, ligula risus integer velit incidunt, luctus nisl iaculis aliquam aenean amet nulla, congue varius, metus donec senectus sed nisi placerat condimentum.
Lorem ipsum dolor sit amet Aliquam proin et magnis sit augue, nisl in quos odio eu odio, pellentesque suspendisse nec non pulvinar dui cras, sollicitudin at. Libero cras vel elit iaculis eget. Ultrices orci id egestas at risus sit. Lorem ipsum dolor sit amet, in maecenas pharetra gravida ullamcorper neque. Sed hendrerit proin diam duis eu, scelerisque tempus vivamus ac. Arcu fermentum nibh, pharetra gravida. Urna pellentesque vel, mi sodales, justo congue pretium lectus condimentum, quisque diam consectetur interdum. Ac lorem pellentesque cras, ligula risus integer velit incidunt, luctus nisl iaculis aliquam aenean amet nulla, congue varius, metus donec senectus sed nisi placerat condimentum. Aliquam proin et magnis sit augue, nisl in quos odio eu odio, pellentesque suspendisse nec non pulvinar dui cras, sollicitudin at. Libero cras vel elit iaculis eget. Ultrices orci id egestas at risus sit. Lorem ipsum dolor sit amet, in maecenas pharetra gravida ullamcorper neque. Sed hendrerit proin diam duis eu, cursus odio placerat ultrices adipiscing lectus ornare, ut velit nonummy, quidem vitae turpis enim. Adipiscing a lectus, scelerisque tempus odio, pellentesque suspendisse nec non vivamus ac.
Tipos de letra Los Básicos
El advenimiento de la computadora generó el fenómeno llamado autoedición. Esto permitía a cualquiera que pudiera escribir la libertad de usar cualquier tipo de letra disponible y hacer cualquier tipo de distorsión. Fue un desastre de grandes proporciones. Una contaminación cultural de dimensión incomparable. Como dije, en ese momento, si todas las personas que hacían autoedición fueran médicos, ¡todos estaríamos muertos! Los tipos de letra experimentaron una increíble explosión. El ordenador permitía a cualquiera diseñar nuevos tipos de letra y eso se convirtió en una de las mayores contaminaciones visuales de todos los tiempos. Para llamar la atención sobre este tema, realicé una exposición que mostraba el trabajo que habíamos hecho a lo largo de muchos años utilizando sólo cuatro tipos de letra: Garamond, Bodoni, Century Expanded y Helvetica. El objetivo de la exposición era mostrar que una gran variedad de material impreso se podía hacer con una economía de tipo con grandes resultados. En otras palabras, lo que cuenta no es el tipo sino lo que se hace con él. El acento estaba puesto en la estructura más que en el tipo. Sigo creyendo que la mayoría de los tipos de letra están diseñados por razones comerciales, sólo para ganar dinero o con fines de identidad. En realidad, el número de buenos tipos de letra es bastante limitado y la mayoría de los nuevos son elaboraciones sobre caras preexistentes. Personalmente, puedo llevarme bien con la mitad de la gente. una docena, a la que puedo añadir otra media docena, pero probablemente no más. Además de los ya mencionados, puedo añadir Optima, Futura, Univers (el diseño más avanzado del siglo ya que viene en 59 variaciones de la misma cara), Caslon, Baskerville, y algunos otros cortes modernos. Como pueden ver mi lista es bastante básica pero la gran ventaja es que puede asegurar mejores resultados. También es cierto que en los últimos años el trabajo de algunos talentosos diseñadores tipográficos ha producido algunos resultados notables para compensar la falta de propósito y calidad de la mayoría de los otros tipos de letra.
Uno de los elementos más importantes en la tipografía es la relación de escala y tamaño. Naturalmente, hay son muchas las formas de entender y expresar la tipografía. No me interesa tanto describir las diferentes posibilidades como expresar mi punto de vista y mi enfoque. Veo la tipografía como una disciplina para organizar la información de la manera más objetiva posible. No me gusta la tipografía como expresión del yo, como pretexto para ejercicios pictóricos. Soy consciente de que también hay espacio para ello, pero no es mi lengua y no me interesa. No creo que cuando se escribe perro el tipo debe ladrar! Prefiero un enfoque más objetivo: Trato de hacer lo más claro posible las diferentes partes de un mensaje utilizando el espacio, el peso y las alineaciones tipográficas, como por ejemplo, a la izquierda, centradas o justificadas. Hay ocasiones en las que un diseño tipográfico específico puede ser apropiado, sobre todo para un logotipo o un texto promocional corto, especialmente en contextos muy efímeros o promocionales. Estas no son nuestras áreas típicas de participación, pero siempre que se encuentra una solución brillante, aprecio tanto la intención como los resultados. Creo firmemente que el diseño nunca debe ser aburrido, pero no creo que deba ser una forma de entretenimiento. El buen diseño nunca es aburrido, sólo el mal diseño lo es.
56
Garamond, 1532 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 Bodoni, 1788 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 Century Expanded, 1900 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 Futura, 1930 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 Times Roman, 1931 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 Helvetica, 1957 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890
58
60
62
Vignelli Associates Designers
475 Tenth Avenue New York, New York 10018 Telephone 212/244 1919 Fax 212/967 4961 e-mail design@vignelli.com www.vignelli.com
Grandi Stazioni S.p.A.
7 Giugno, 1999
Progetto: Segnaletica delle Stazioni FS Medie e Piccole
Segnaletica Direzionale: Dimensione e modulazione dei pannelli in alluminio verniciato a spruzzo su cui le lettere e i pittogrammi possono essere applicati tramite serigrafia o pellicola adesiva.
Pagina 6 Vignelli Associates Designers
475 Tenth Avenue New York, New York 10018 Telephone 212/244 1919 Fax 212/967 4961 e-mail design@vignelli.com www.vignelli.com
Grandi Stazioni S.p.A.
7 Giugno, 1999
Progetto: Segnaletica delle Stazioni FS Medie e Piccole
Segnaletica di Identificazione di Stazione: Pannelli in alluminio verniciato a spruzzo con lettere ritagliate e illuminate all’interno.
Pagina 11 8
Scala 1:10
Scala 1:5
Frasc Fras
Segnaletica luminosa di identificazione Stazione
Segnaletica di identificazione Stazione sull’Edificio
100mm
Frascati
600mm
300mm
600mm
25mm
1500mm
Segnaletica Direzionale
Uscita
Vignelli Associates Designers
2500mm
Segnaletica d’Informazione 75mm
475 Tenth Avenue New York, New York 10018 Telephone 212/244 1919 Fax 212/967 4961 e-mail design@vignelli.com www.vignelli.com
100mm
150mm
La sala d'attesa resterá chiusa dalle ore 24,00 alle ore 5,00
25mm
Grandi Stazioni S.p.A.
7 Giugno, 1999
Progetto: Segnaletica delle Stazioni FS Medie e Piccole
Segnaletica di Identificazione: Tipologie di pannelli in alluminio verniciato a spruzzo su cui le lettere e i pittogrammi possono essere applicati tramite serigrafia o pellicola adesiva.
Pagina 79 Vignelli Associates Designers
475 Tenth Avenue New York, New York 10018 Telephone 212/244 1919 Fax 212/967 4961 e-mail design@vignelli.com www.vignelli.com
Grandi Stazioni S.p.A.
7 Giugnoo, 1999
Progetto: Segnaletica delle Stazioni FS Medie e Piccole
Segnaletica di Identificazione: Pannelli in alluminio verniciato a spruzzo su cui le lettere e i pittogrammi possono essere applicati tramite serigrafia o pellicola adesiva.
Scala 1:5
Scala 1:5
Biglietteria Sottopassaggio Ai binari Uscita 5mm
10mm
600mm
Vietato attraversare i binari Servirsi del sottopassaggio
150mm
50mm
50mm
5mm
300mm
150mm
50mm 1500mm
1500mm
Vignelli Associates Designers
Pagina 810
475 Tenth Avenue New York, New York 10018 Telephone 212/244 1919 Fax 212/967 4961 e-mail design@vignelli.com www.vignelli.com
Grandi Stazioni S.p.A.
7 Giugno, 1999
Progetto: Segnaletica delle Stazioni FS Medie e Piccole
Segnaletica di Identificazione: Pannelli quadrati a doppia faccia sporgenti a bandiera dalla parete dell’edificio o dai pilastri lungo i binari. Pannelli e supporti in alluminio verniciato a spruzzo su cui pittogrammi e numeri possono essere applicati tramite serigrafia o pellicola adesiva.
Pagina 9 12 Vignelli Associates Designers
475 Tenth Avenue New York, New York 10018 Telephone 212/244 1919 Fax 212/967 4961 e-mail design@vignelli.com www.vignelli.com
Grandi Stazioni S.p.A.
7 Giugno, 1999
Progetto: Segnaletica delle Stazioni FS Medie e Piccole
Segnaletica di Identificazione: Esempi di pannelli in alluminio verniciato a spruzzo applicati direttamente sulla parete. Pannelli quadrati e supporti in alluminio verniciato a spruzzo su cui pittogrammi e numeri possono essere applicati tramite serigrafia o pellicola adesiva.
Scala 1:5
3
2
3
2
Biglietteria
250mm 300mm
Uscita
Uscita
Pagina 10 13
Centrado a la izquierda, Centrado, Justificado
La mayor parte del tiempo usamos la descarga izquierda. Este tipo de alineación se deriva de la composición del metal, especialmente en Linotype. Anteriormente era más rápido mantener la alineación en el lado izquierdo en lugar de tener que hacer el kern del slug para cada línea. También tiene más sentido ya que en nuestra cultura leemos de izquierda a derecha y es mejor para el ojo. para ir a la siguiente línea que tener que lidiar con guiones todo el tiempo. Sin embargo, es importante controlar la forma del lado rugoso desplazando a veces el texto de una línea a otra para obtener un perfil mejor. Esto puede consumir mucho tiempo pero es estéticamente gratificante. Usamos centrado para textos lapidarios, invitaciones, o cualquier composición retórica donde sea más apropiado, o para la dirección al final de la página. un membrete, y para tarjetas de visita. Justificado se utiliza más para los libros de texto, pero no es uno de nuestros favoritos porque es fundamentalmente artificial.
Lorem ipsum dolor sit amet, in maecenas pharetra gravida ullamcorper neque. Sed hendrerit proin diam duis eu, cursus odio placerat ultrices adipiscing lectus ornare, ut velit nonummy, quidem vitae turpis enim. Adipiscing a lectus, scelerisque tempus vivamus ac. Arcu fermentum nibh, turpis pharetra gravida urna pellentesque vel, mi sodales, justo congue pretium lectus condimentum, quisque diam consectetur interdum. Aliquam proin et magnis sit augue, nisl in quos odio eu odio, pellentesque suspendisse nec non pulvinar dui cras, sollicitudin at.
Lorem ipsum dolor sit amet, in maecenas pharetra gravida ullamcorper neque. Sed hendrerit proin diam duis eu, cursus odio placerat ultrices adipiscing lectus ornare, ut velit nonummy, quidem vitae turpis enim. Adipiscing a lectus, scelerisque tempus vivamus ac. Arcu fermentum nibh, turpis pharetra gravida urna pellentesque vel, mi sodales, justo congue pretium lectus condimentum, quisque diam consectetur interdum. Aliquam proin et magnis sit augue, nisl in quos odio eu odio, pellentesque suspendisse nec non pulvinar dui cras, sollicitudin at.
Lorem ipsum dolor sit amet, in maecenas pharetra gravida ullamcorper neque. Sed hendrerit proin diam duis eu, cursus odio placerat ultrices adipiscing lectus ornare, ut velit nonummy, quidem vitae turpis enim. Adipiscing a lectus, scelerisque tempus vivamus ac. Arcu fermentum nibh, turpis pharetra gravida urna pellentesque vel, mi sodales, justo congue pretium lectus condimentum, quisque diam consectetur interdum. Aliquam proin et magnis sit augue, nisl in quos odio eu odio, pellentesque suspendisse nec non pulvinar dui cras, sollicitudin at.
Relaciones Tipo y tamaño
Tenemos algunas reglas básicas para la composición tipográfica. Elija el tamaño apropiado del tipo en relación con el ancho de la columna: 8 en 9, 9 en 10, 10 en 11 pt para columnas arriba a 70 mm. 12 sobre 13, 14 sobre 16 para columnas de hasta 140 mm. 16 en 18, 18 en 20, para columnas más grandes. Naturalmente, cada situación puede requerir una proporción diferente. Por razones de visualización, nos gusta configurar el tipo mucho más grande o aumentar el número de conductos para lograr un efecto particular. Básicamente, nos limitamos a no más de dos tamaños de tipo en una página impresa, pero hay excepciones. Nos gusta jugar con tipos pequeños con tipos más grandes - generalmente el doble de grandes (por ejemplo, texto de 10 pt y encabezados de 20 pt). Prefiero mantener el mismo tamaño para las cabezas y subtítulos de un texto, y hacerlas en negrita, con un espacio de línea arriba y ninguno abajo, o dos espacios de línea arriba y uno abajo según el contexto. Nos encanta la consistencia de tamaño de letra en un libro, lo que también es más económico, ya que se puede establecer una página de estilo y pegarse a ella. Intentamos conseguir una composición tipográfica que expresa la elegancia intelectual en oposición a la vulgaridad flagrante mediante el uso de dispositivos tipográficos: una cantidad adecuada de guía para el contexto, un uso adecuado del tipo romano o cursivo, un espaciado regular, un interletraje cerrado, el uso de reglas cuando sea apropiado (para separar las diferentes partes del mensaje), y un uso lógico de pesos en negrita, regulares y ligeros. No nos gusta el uso del tipo como elemento decorativo, y nos horroriza cualquier tipo de deformación. Sin embargo, hay situaciones, como en el diseño de envases, en las que una actitud más flexible podría dar mejores resultados. Pero incluso allí, cuando se utiliza, debe ser con gran moderación.
Title
Lorem ipsum dolor sit amet, in maecenas pharetra gravida ullamcorper neque. Sed hendrerit proin diam duis eu, cursus odio placerat ultrices adipiscing lectus ornare, ut velit nonummy, quidem vitae turpis enim. Adipiscing a lectus, scelerisque tempus vivamus ac. Arcu fermentum nibh, turpis pharetra gravida urna pellentesque vel, mi sodales, justo congue pretium lectus condimentum, quisque diam consectetur interdum. Aliquam proin et magnis sit augue, nisl in quos odio eu odio, pellentesque suspendisse nec non pulvinar dui cras, sollicitudin at.
Title
Lorem ipsum dolor sit amet, in maecenas pharetra gravida ullamcorper neque. Sed hendrerit proin diam duis eu, cursus odio placerat ultrices adipiscing lectus ornare, ut velit nonummy, quidem vitae turpis enim. Adipiscing a lectus, scelerisque tempus vivamus ac. Arcu fermentum nibh, turpis pharetra gravida urna pellentesque vel, mi sodales, justo congue pretium lectus condimentum, quisque diam consectetur interdum. Aliquam proin et magnis sit augue, nisl in quos odio eu odio, pellentesque suspendisse nec non pulvinar dui cras, sollicitudin at.
Title
Lorem ipsum dolor sit amet, in maecenas pharetra gravida ullamcorper neque. Sed hendrerit proin diam duis eu, cursus odio placerat ultrices adipiscing lectus ornare, ut velit nonummy, quidem vitae turpis enim. Adipiscing a lectus, scelerisque tempus vivamus ac. Arcu fermentum nibh, turpis pharetra gravida urna pellentesque vel, mi sodales, justo congue pretium lectus condimentum, quisque diam consectetur interdum. Aliquam proin et magnis sit augue, nisl in quos odio eu odio, pellentesque suspendisse nec non pulvinar dui cras, sollicitudin at.
Reglas
Cuando utilizo reglas, establezco una jerarquía de pesos para aclarar las diferentes partes del texto. En un formulario, por ejemplo, las reglas en negrita (2 pt) separarán las partes principales del texto, mientras When using rulers I set a hierarchy of weights to que las reglas claras (1/2 pt o 1 pt) separarán los ítems clarifydethe different parts of the text. In a form, for dentro cada parte del formulario.
Rulers
instance, bolder rulers (2 pt) will separate major parts of the text, lightentre rulerslas(1/2 pt será or 1 de pt) 8will En esa situación el tipo reglas pt, separatemás items within of the form. siempre cerca de la each reglapart de arriba. In that situation the type between the rulers will Elbe tipo siempre colgarto dethe la regla, 8 pt, alwaysdebe set closer ruler above. independientemente tamaño. Este es otro Type should always del hang from the ruler, regardless pequeño pero importante detalle Canon. of the size. This is another littlede butmiimportant detail of my Canon.
Tengo un gran amor y respeto por la tipografía y he intentado aprender lo más posible de todos los I have a great love and respect for typography grandes maestros. La mayoría de las cosas que he and I tried to learn as much as possible from all dicho han sido practicadas por los Maestros del the great Masters. Most of the things that I have Siglo XX. Las reglas básicas de la tipografía se han said have been by thepero Masters ofhermosas the XX establecido hace practiced mucho tiempo, como Century. han Thesido basic rules of typography have been partituras interpretadas de diferentes set longpor agomuchos but as beautiful scores they have been maneras artistas talentosos, todos played in ways by un many talented artists, dejando su different huella y abriendo nuevo camino con sus all making a mark and opening a new way with interpretaciones.
their interpretations. Stoccolma Salotti Fissi o con Letto
Stoccolma 1
ura Apert
de Fecha
reta
o de Registr enta N. Cu
N. Lib
ura
res
Apert
Nomb
il
Civ Estado
terno
do Ma
Apelli
lar
Sexo Mas.
iento
1. Titu
Fecha
o
Patern
do Apelli
cim de Na M
D
.I.
o
Teléfon
A dad
ad
Activid
ión o
Profes
RUT/C
Fem.
Ciu
Codice
Articolo
Metri Tessuto
Tessuto Cliente
Tessuto Cat.B
Tessuto Cat.C-D
Tessuto Cat.E-F
Tessuto Pelle Cat. Extra
0009003
Div.180 Rete 160
9.66
1711
1797
1879
2018
2272
2906
0009003
Div.180 Rete 160
9.66
1711
1797
1879
2018
2272
2906
0009003
Div.180 Rete 160
9.66
1711
1797
1879
2018
2272
2906
0009003
Div.180 Rete 160
9.66
1711
1797
1879
2018
2272
2906
0009003
Div.180 Rete 160
9.66
1711
1797
1879
2018
2272
2906
0009003
Div.180 Rete 160
9.66
1711
1797
1879
2018
2272
2906
0009003
Div.180 Rete 160
9.66
1711
1797
1879
2018
2272
0009003
Div.180 Rete 160
9.66
1711
1797
1879
2018
2272
0009003
Div.180 Rete 160
9.66
1711
1797
1879
2018
2272
2906 2906 2906
0009003
Div.180 Rete 160
9.66
1711
1797
1879
2018
2272
2906
0009003
Div.180 Rete 160
9.66
1711
1797
1879
2018
2272
2906
Stoccolma 2
na
Comu
pto.
ro De
Nume
n.
Cat. Eco
res
Nomb
N. Calle
ión
l
Direcc
undo
2. Seg
Titular
ona a Bipers
Cuent
do
Apelli
de Fecha
erno
do Pat
Apelli
D
Sexo Mas.
iento
Nacim M
ión
Profes
.I.
RUT/C
Estado
o Matern
Fem.
Civil o
Teléfon
A d
ad o Activid
Ciuda na
Comu
pto.
De mero
Nu
n.
Cat. Eco
N. Calle
ión
Direcc
ídicas
o
as Jur
tos 3. Da
nales
Adicio
re
Nomb
son Sólo Per
enta
Teléfon
d Ciuda
Casilla
Cu de la
muna
Co ) giro(s) erar ( consid la ctos de prende ctuará o de ra los efe al com que se efe os. máxim pa o anu sucesiv con un a reajuste, er period , fecha en o endario ctada rro pa rner derech dos, el prim de 200 ses de cal aho rete pacta a de n 12 me Cuent iodo para a de giros prende por pertidad máxim del mes de uientes com sig la can el último día periodos los ta n; has izació capital pto.
ro De
Nume
RUT
N. ión
Calle
Direcc
iciones
Cond ón de eptaci as sus s r en todlas cuenta se n acepta ocer y es que rige a, las que ro con anc ion Decla las condic de CorpB registro, e partes rro a plazo o de est nto que los ers de ahofican al rev jo jurame crito(a) son ba especi declaro os por el sus ás adem consignad hechos nos. fidesig
4. Ac
Firma
Firma
Titular
Titular
Titular
1
de
2 ibir
rec (amos) declaro trato” e acto, con “En est fiel de este copia
1
Firma
Firma
0
de 20
Fecha
Titu
lar 2
Codice
Articolo
Metri Tessuto
Tessuto Cliente
Tessuto Cat.B
Tessuto Cat.C-D
Tessuto Cat.E-F
Tessuto Pelle Cat. Extra
0009003
Div.180 Rete 160
9.66
1711
1797
1879
2018
2272
2906
0009003
Div.180 Rete 160
9.66
1711
1797
1879
2018
2272
2906
0009003
Div.180 Rete 160
9.66
1711
1797
1879
2018
2272
2906
0009003
Div.180 Rete 160
9.66
1711
1797
1879
2018
2272
2906
0009003
Div.180 Rete 160
9.66
1711
1797
1879
2018
2272
2906
0009003
Div.180 Rete 160
9.66
1711
1797
1879
2018
2272
2906
0009003
Div.180 Rete 160
9.66
1711
1797
1879
2018
2272
2906
Contrastando Tipo Tamaños
Uno de los elementos más emocionantes de la tipografía para mí es el contraste de escala en una página impresa. Me encanta el juego entre un tamaño de letra muy grande para los titulares y un tamaño de letra mucho más pequeño para el texto del cuerpo, con un espacio en blanco adecuado en el medio. El espacio blanco es para mí un elemento muy importante en la composición gráfica. Es realmente el blanco lo que hace cantar al negro. El blanco, en la tipografía, es lo que es el espacio en la Arquitectura. Es la articulación del espacio lo que da a la Arquitectura el tono perfecto. Otro elemento es la relación entre los tamaños de letra en la misma página impresa. Nuestra primera regla es atenernos a uno o dos tipos de tamaño como máximo. Si es necesario, hay otros dispositivos como negrita, luz, romana y cursiva para diferenciar las diferentes partes de un texto, pero incluso allí, se adhieren al mínimo. Los pesos tipográficos pueden ser utilizados con gran ventaja cuando se dedican a una función específica, en lugar de ser utilizados para propósitos de color o incluso peor como una analogía fonética. A algunas personas que hablan fuerte y tienden a gritar tratando de persuadirte, les encanta aumentar el tamaño y el peso del tipo para que el mensaje sea más fuerte. Eso es exactamente lo que considero vulgaridad intelectual, algo de lo que intentamos alejarnos. En un mundo donde todo el mundo grita, el silencio se nota. El espacio blanco proporciona el silencio. Esa es la esencia de nuestra tipografía.
Escala Scale
La noción de escala es un elemento esencial del vocabulario diseño. el párrafo anterior The notion of de scale is anEn essential element of he thedado algunos ejemplosIn del significado de escala en design vocabulary. the previous paragraph I el diseño gráfico. escala es tamaño másofapropiado have given some La examples ofelthe meaning scale de un objeto en su contexto natural. Sin embargo, in graphic design. Scale is the most appropriate puede ser manipulado para lograr una expresión size of an object in its natural context. However, particular en un contexto particular - en realidad al it can be manipulated to achieve particular estar deliberadamente fuera de escala. Dominar la expression a particular context - actually noción deinescala es una búsqueda de toda la vida byque being purposely out of scale. To master the tanto implica la interpretación de las funciones, notion of scale is aintangibles, lifelong search that involves La tangibles como físicas y psicológicas. interpretation of functions, bothser tangible and escala se aplica a todo. Puede correcto o puede intangible, physical, andser psychological. Scale ser incorrecto; puede apropiado o inapropiado; applies to everything. can be right or it can be la tarea demasiado grande oItdemasiado pequeño para en cuestión. Enappropriate el diseño el or tema de la escala too está wrong; it can be inappropriate; continuamente tenemos que dominarlo bigpresente or too small for the tasky at hand. In design the sin importar el is tema porque nopresent permiteand errores. issue of scale continuously we have
to master it regardless of the subject because it La elección del material adecuado, su grosor, su doesn’t allow mistakes. textura, su peso, su sonido, temperatura The choicesuofcolor, the proper material, itssu thickness, detalle asalta nuestros sentidos. itscada texture, its color, its weight, its sound, its y provoca una respuesta. Por lo tanto, debemos ser temperature - every detail assails our senses en control de ella porque al elegir la más apropiada and provokes a response. Therefore, we must be para transmitir nuestro mensaje, tenemos éxito in en control of itintención. because El bydiseño choosing the most nuestra significa tener el appropriate one to convey our message we succeed control de cada detalle y la escala es uno de los más in relevantes. our intent.YDesign means to be in control of también lo es su contrario, cuando se every and scale is one the most eligedetail deliberadamente. Un of ejemplo querelevant me viene a la ones. And so is its opposite, when it is deliberately mente es las esculturas de Claus Oldenburg donde la chosen. An example comes to mind particular is transformación de which escala en un contexto da y vida by al objeto. thepoder sculptures Claus Oldenburg where the transformation of scale in a particular context La manipulación escala implica conocimiento y gives power and lifede tolathe object. plena conciencia delimplies significado de la escala. Manipulation of scale knowledge and full awareness of the meaning of scale.
74
Textura Texture
76
La luzises el maestro deform la forma la textura. Light the master of andytexture. It Es is by mediante el dominio de la luz que podemos lograr mastering light that we can achieve the expression expresión de cualquier artefacto. Las cualidades oflaany artifact. The basic qualities of reflection or básicas de reflexión o absorción de la luz son los absorption of light are the elements to play with elementos con los que jugar en el diseño de cualquier intipo designing any ofrevelará object. su A glass will reveal de objeto. Unkind vidrio color cuando la luz its color when light passes through it, or will be pasa a través de él, o quedará atrapado dentro de él si trapped insidehaofsido it ifgrabada, the surface has been etched, la superficie grabada o tratada con engraved, or treated with some texture. alguna textura. A silver object, when polished, reflects light and Un objeto de plata, se light. pule, refleja la luz y when engraved, willcuando trap the Any shiny cuandoreflects se graba, atrapa luz. Cualquier superficie surface light, anyladull surface absorbs brillante refleja la luz, cualquier superficie opaca light, and this is true for any material including absorbe la luz, y esto es cierto para cualquier paper. A polished material has completely different material, incluido el papel. Un material pulido tiene and sometimes completamente opposite connotations from connotaciones diferentes y aaveces matte surface, a wide spectrum mate, ranging rich opuestas a las de una superficie un from amplio toespectro poor, from Textureahas que opulent va de ricotoa restrained. pobre, de opulento sobrio. an rangeuna of tactile or visual Lainfinite textura tiene gama infinita deexperiences experiencias táctiles visuales yfor es designers esencial que los diseñadores and it is oessential to sharpen their agudicen su para poder articular dominar perception inpercepción order to articulate and mastery the los medios comunicación. Es of a través de la and elección media. It is de through the choice materials de los materiales y sus acabados que articulamos la their finishes that we articulate the shape of forma de un objeto para expresar su contenido, para an object to express its content, to celebrate its celebrar su adecuación, para revelar su alma. appropriateness, to reveal its soul. Texture andy el color inen a un mutually La textura color diálogosupporting de apoyo mutuo dialogue define anyartefacto creativecreativo artifact- todo - anything definen cualquier lo que nos waiting for us to decode its inner secrets and espera para decodificar sus secretos internos y así enriquecer nuestra percepción and y transferirlo. thereby enrich our perception transfer aitlo que que elijamos. tosea whatever we choose.
Color
La mayoría de las veces usamos el color como Significador, o como Identificador. En general, no utilizamos el color de manera pictórica. Por lo tanto, tendemos a preferir una paleta primaria de Rojo, Azul y Amarillo. Esto puede parecer restrictivo. Esto no significa que no nos gusten los colores o que no seamos sensibles a ellos. Simplemente significa que la mayoría de las veces nos gusta usar el color para transmitir un mensaje específico, por lo tanto, tendemos a usarlo más como símbolo o como identificador. Esto es particularmente cierto en los Programas de Identidad Corporativa donde el Cromotipo se convierte en el Identificador junto con el Logotipo u otros dispositivos (morfotipos, fonotipos, etc.). Hemos utilizado todo el espectro de colores para expresar estados de ánimo, sentimientos, pasiones, connotaciones y más. El color es un elemento muy importante en la formulación de nuestros proyectos, pero, al igual que nosotros... con los tipos de letra, hemos limitado y articulado nuestra paleta para expresar el mensaje de la manera más clara y comprensible. Hay veces para los colores primarios fuertes y los tiempos para los colores pastel sutiles; hay tiempos sólo para el blanco y negro; y tiempos donde los marrones ricos y los colores fuertes trabajan más apropiadamente para la tarea en cuestión. Lo apropiado es una de las reglas que usamos para elegir los colores sabiendo lo efectivo que puede ser usar el color correcto en el momento adecuado.
Composiciones
Cualquier tipo de publicación tiene diferentes requisitos de maquetación. Sin embargo, es inevitable que la Los diseños reflejan la interpretación del diseñador. La mayoría de las publicaciones están compuestas de textos, imágenes y pies de foto, y la tarea del diseñador es tamizar las imágenes para seleccionar aquellas que mejor reflejen la esencia del contenido y posean la cualidad de convertirse en un icono. Un icono es una imagen que expresa su contenido de la manera más memorable. Una vez más, en el diseño de cualquier tipo de publicación el dispositivo más útil es la rejilla. Una vez establecidos los márgenes exteriores (me gustan los márgenes estrechos para aumentar la tensión), la cuadrícula básica debería diseñarse según la naturaleza de la publicación: 2, 3 o 4 columnas para un libro o un folleto, 6 o más, para un periódico. Una vez decidido el número de divisiones verticales, el siguiente paso son las divisiones horizontales que proporcionarán el número de módulos por página. Nuevamente 2, 3, 4, 5, 6, 8 o más, según la necesidad de la variedad de la publicación. Al definir la cuadrícula, hay que tener en cuenta qué tipo de material visual comprenderá el diseño. Para imágenes cuadradas, una cuadrícula puede ser mejor que una cuadrícula rectangular, muy adecuada para imágenes rectangulares. O, si la publicación tiene una variedad consistente de los dos formatos, se podría diseñar una cuadrícula doble que se acomode a ambas situaciones. O, de lo contrario, cuando sea apropiado, recorte la imagen para seguir la cuadrícula. Es importante recordar que hay muchos dispositivos disponibles para hacer que los diseños sean emocionantes. El propósito de la cuadrícula es proporcionar consistencia a los diseños, pero no necesariamente emoción - que será proporcionada por la suma de todos los elementos en el diseño. Las imágenes con contorno, los dibujos lineales y las iniciales en negrita pueden añadir chispas a la página como una variedad. de otros dispositivos. Se pueden conseguir grandes diseños sin el uso de la rejilla, pero la rejilla es una herramienta muy útil para garantizar los resultados.
En última instancia, el dispositivo más importante es la gestión del espacio en blanco en los diseños. Es el espacio en blanco lo que hace que el diseño cante. Los malos diseños no tienen espacio para respirar cada pequeño espacio cubierto por una cacofonía de tamaños de letra, imágenes y títulos que gritan. En el caso de los libros literarios, los márgenes siguen un conjunto diferente de consideraciones, que van desde la posición de los pulgares -cuando se sostiene el libro- hasta la forma general de la columna de texto, o la necesidad de proporcionar espacio para anotaciones laterales (ya sea por el autor o por el lector). Algunas consideraciones son prácticas, otras son estéticas. Hemos diseñado todo tipo de libros que cubren una variedad de necesidades y situaciones. Es importante que se preste la debida atención incluso a los pequeños detalles, como el diseño de los márgenes más apropiados para esa publicación. Cada detalle es importante para lograr el aspecto final de una publicación. He aplicado estas reglas básicas a una lista interminable de publicaciones, de folletos a informes anuales, de libros a enciclopedias, de revistas a periódicos, de programas a carteles y todavía lo hago con muy buenos resultados.
82
Orden
Si el cribado de las imágenes es la primera tarea en la ventana de diálogo el proceso de publicación, la secuencia de maquetas es definitivamente la siguiente. Una publicación, ya sea una revista, un libro, un folleto, o incluso un diario sensacionalista. donde el paso de las páginas es una parte integral de la experiencia de lectura. Una publicación es simultáneamente la experiencia estática de una difusión y la experiencia cinematográfica de una secuencia de páginas. Por lo tanto, atribuimos gran importancia a este detalle del proceso de maquetación. Nos gusta que los diseños sean contundentes. No nos gustan los diseños flojos con pequeñas fotos esparcidas por las páginas. algo de sangrado aquí, algo de sangrado allá de una manera casual. Tendemos a gustar de una forma de presentación que casi desaparece a los ojos del lector. Diríamos que si usted ve el diseño, es probablemente un mal diseño! El diseño del libro que tendemos a favorecer es un formato muy simple de una página de texto al lado de una imagen en una página de sangría completa, seguida de una página con una imagen de sangría completa, seguida de una página con una imagen de sangría completa frente a una página blanca con una imagen - ya sea en el centro o en la esquina superior derecha. Un formato simple da resultados gratificantes cuando la secuencia básica se articula de una manera que no es repetitiva. En realidad, la naturaleza de la publicación ayudará a superar la monotonía de este enfoque. Preferiríamos ver este tipo de enfoque neutral en lugar del molesto asalto de muchos diseños, pero, de nuevo, debería haber espacio para todos en el proceso creativo.
86
Encuadernación
No se puede hablar de libros sin hablar de la encuadernación. La encuadernación de un libro o de un folleto añade el toque final de calidad al producto. Hay varios componentes en una encuadernación y varias elecciones que hacer: Cubierta: Si la cubierta va a ser laminada con papel, debe recomendarse un cartón calandrado para que la superficie sea lisa. Si la cubierta va a ser laminada con tela o cuero, un aglomerado normal podría ser suficiente. Lomo: El lomo puede ser redondo o cuadrado. Preferimos el cuadrado porque le da al libro un aspecto más nítido. Cinta: Este es el acabado entre el lomo y el libro. Existe en muchas variaciones y nos gusta más el blanco liso. Tapa: Esta es la parte que conecta el libro con su encuadernación y suele estar hecha con un papel más fuerte que el del libro. Se puede imprimir en un color sólido o tener un patrón o una ilustración. En el pasado, para esta función se utilizaban papeles finales muy elegantes. Sandwich: Al principio de mi carrera desarrollé un tipo de encuadernación de libros que llamé “sandwich”. Consiste en un panel de aglomerado, o cualquier otro material, en el anverso y uno al final del libro pegado a los papeles. El lomo es de tela, generalmente blanca, con el título estampado a fuego. El aspecto final es el de dos pizarras grises que sostienen una pila de páginas blancas. Por lo tanto, el nombre de sándwich de encuadernación. Desde entonces se ha vuelto común, y a veces la cubierta se imprime, se lamina y se envuelve alrededor del cartón. La razón principal de esta vinculación es permitir el libro a abrir plano - que es particularmente conveniente en los libros ilustrados cuando se tiene una imagen en toda la extensión.
Identity and Identidad y Diversity Diversidad
La noción de of identidad diversidad es un The notion identityyand diversity is atema recurrent recurrente en el two diseño bidimensional y tridimensional. theme in both and three dimensional design. En un Programa de Identidad Corporativa suficiente In a Corporate Identity Program enough se debe proporcionar diversidad para evitar la diversity must be provided to avoid sameness and uniformidad y aumentar la atención.
to increase attention. Too much diversity creates fragmentation Demasiada diversidad crea fragmentación. una a very common of badly designedmal enfermedad muy disease común de comunicación communication. Tooidentidad much identity diseñada. Demasiada generagenerates redundancia perceptiveyredundancy and lack retention. perceptiva falta de retención. Por of lo tanto, es necesario lograr equilibriotoadecuado entre esos Therefore, it is el necessary achieve the proper componentes u ofrecer flexibilidad en balance between thosesuficiente components, or to offer cualquier solución de paradesign superar esas enough flexibility indiseño. any given solution trampas. Nos gusta conWe esos elementos. Nos to overcome those jugar pitfalls. like to play with gusta diseñar un programa de identidad fuerte en el those elements. We like to design a strong identity que haya suficiente espacio para jugar a lo apropiado program in which there is enough room to play sin perder la identidad. appropriateness without loosing identity. A typical example would a book series where Un ejemplo típico sería unabe serie de libros donde los the basic identifiers are constant andy the specific identificadores básicos son constantes la ilustración illustration changes from cover to cover. específica cambia de cubierta a cubierta. También, en el diseñoofde muebles,we noslike gusta Also, in the design furniture, to involve involucrar al define usuariothe para definir apariencia final del the user to final lookla of the object. objeto. In some of the tables we have designed, changing the relative position of the elements En algunas de las tablas que hemos diseñado, cambiar provides diversity without compromising the la posición relativa de los elementos proporciona identity of the design. diversidad sin comprometer la identidad del diseño. Identity and diversityuna - ancontraposición essential contraposition Identidad y diversidad, esencial to bring life to design. para dar vida al diseño.
90
Espacio blanco
A menudo digo que en la tipografía el espacio en blanco es más importante que el negro del tipo. El espacio en blanco en la página impresa es el correspondiente al espacio en la arquitectura. En ambas situaciones el espacio es lo que califica el contexto. Naturalmente, la organización de las necesidades de información una estructura para mantenerla unida, pero no hay que subestimar la importancia del espacio en blanco para definir mejor la jerarquía de cada componente. Espacio en blanco, no sólo separa las diferentes partes del mensaje sino que ayuda a posicionarlo en el contexto de la página. Los márgenes estrechos establecen una tensión entre el texto, las imágenes y los bordes de la página. Los márgenes más amplios desinflan la tensión y producen un cierto nivel de serenidad en la página. La configuración de tipo apretado transforma las palabras en líneas de la misma manera que la configuración de tipo suelto transforma las palabras en puntos. La disminución o el aumento del espaciado de las letras (kearning) confiere un carácter muy distintivo. y la expresión de las palabras. Todo esto es manipulación del espacio y es este dispositivo el que se utiliza en los layouts para lograr una expresión deseada. La relación entre el tamaño del tipo y el espacio que lo rodea es uno de los elementos más delicados y preciosos de una composición. Debo decir que el manejo magistral del espacio blanco en una página impresa es quizás el atributo más peculiar del diseño gráfico americano. Así como el espacio es el protagonista de la arquitectura de Frank Lloyd Wright. De alguna manera, se relaciona con la grandeza épica de los paisajes americanos. Para muchos artistas el espacio blanco es el elemento esencial de la composición. Es el calificador y protagonista fundamental de la imagen. Casi todos los grandes diseñadores gráficos americanos han utilizado el blanco espacio como el silencio significativo para escuchar mejor su mensaje alto y claro. Tal es en realidad el poder del espacio blanco.
Una colección de experiencias
Muy pronto descubrimos que las dimensiones modulares y estándar ofrecen ventajas económicas tanto desde el punto de vista de los costes como del significado. El uso de tamaños de papel estándar y modulares en la industria de la impresión puede suponer un ahorro considerable. La estandarización de los tamaños de papel en el proyecto que realizamos para el Servicio de Parques Nacionales ahorró millones de dólares, algo de lo que estamos orgullosos. La estandarización relacionada con el tamaño de los materiales de construcción puede aportar ahorros significativos en cualquier proyecto tridimensional. Los tamaños impares implican más costos de mano de obra y desperdicio de materiales. Es imperativo que el diseñador se familiarice con todos estos aspectos del diseño y el proceso de realización. Es parte de nuestra ética así como de nuestro vocabulario de diseño. Las soluciones costosas nunca pueden ser un producto de buen diseño porque la economía está en la esencia de la expresión del diseño. Economía no significa diseño barato. La economía en el diseño es la solución más apropiada y ajustada a cada problema. Las soluciones artificiales nunca son buenas ni duraderas. La calidad no es necesariamente más cara que las soluciones baratas. Un buen diseño no cuesta más que un mal diseño. Lo contrario es bastante cierto, muy a menudo. A lo largo de la vida ha sido posible evaluar continuamente detalles que cubren todo el espectro de materiales desde el diámetro de un tubo, a la textura y color de cualquier material. Este proceso de observación y selección ha ido construyendo un inventario de opciones y los sentimientos conducen finalmente a un canon personal, que se convierte en un elemento recurrente de nuestro vocabulario creativo.
En última instancia, el dispositivo más importante es la gestión del espacio en blanco en los diseños. Es el espacio en blanco lo que hace que el diseño cante. Los malos diseños no tienen espacio para respirar cada pequeño espacio cubierto por una cacofonía de tamaños de letra, imágenes y títulos que gritan.
En el caso de los libros literarios, siguen I think that this is quitelos an márgenes important aspect of un conjunto de consideraciones, a diferente modus operandi. There are some que basicvan elements, pulgares between -cuandoparts se sostiene such as de sizelos relationship of a given nts desde la posición object, that are governed often byde a modular es el libro- hasta la forma general de very la columna relationship for example, frompara single to texto, o la necesidad deranging, proporcionar espacio double, from(ya one to por three, or fouroor more, paperanotaciones laterales sea el autor por el but not an odd size in between. Also, a disc within a disc rk lector). will have a diameter half the size of the larger or hing a third of it but not an odd, casual size. And that Algunas consideraciones son prácticas, otras son is because there is some universal harmony that ction estéticas. Hemos diseñado todo tipo de libros que demands those choices. three bor cubren una variedad de necesidades y situaciones. Es importante se preste la debida atención Thisque process of sifting and selecting extends to incluso a los pequeños detalles, como el diseño de los everything around us - colors, textures, materials. liar apropiados para esa publicación. Cada It involves every detail, thickness, width, and ation márgenes más height. Every sense of ourelbody gets involved designdetalle es importante para lograr aspecto final de but it must be processed, evaluated, roductuna publicación. He aplicado estasanalyzed, reglas básicas a and finally filed in our memory according to ence una lista interminable de publicaciones, de folletos aour personalde canon, in an arbitrary way. Freedom ean informes anuales, librosnot a enciclopedias, de revistas of choice can only happen with knowledge and a periódicos, de programas a carteles y todavía lo hago that is an ongoing process that requires structure m. con muy buenos resultados. and determination, not happenstance. asting. n re than ten.
d
ole
.
Conclusión
A lo largo de nuestra vida creativa hemos examinado todo para seleccionar lo que pensábamos que era lo mejor. Revisamos los materiales para encontrar aquellos con los que tenemos la mayor afinidad. Cribamos colores, texturas, tipografías, imágenes, y poco a poco fuimos construyendo un vocabulario de materiales y experiencias que nos permiten expresar nuestras soluciones a problemas dados - nuestras interpretaciones de la realidad. Es imperativo que desarrolle su propio vocabulario de su propio idioma - un idioma que intenta ser lo más objetivo posible, sabiendo muy bien que incluso la objetividad es subjetiva. Me encantan los sistemas y desprecio la casualidad. Me encanta la ambigüedad porque, para mí, la ambigüedad significa pluralidad de significados. Me encanta la contradicción porque mantiene las cosas en movimiento, impidiendo que asuman un significado congelado, o que se conviertan en un monumento a la inmovilidad. Por mucho que me gusten las cosas en movimiento, me encantan dentro de un marco de referencia - una constante seguridad de que al menos y por fin yo soy el responsable de cada detalle. Y es por eso que me encanta el diseño.