Pensar Con Tipos. by Ellen Lupton [PDF]

Zitiervorschau

Este no es un libro sobre fuentes. Es un libro sobre cómo utilizarlas.

ESTE NO ES UN LIBRO SOBRE FUENTES. ES UN LIBRO SOBRE CÓMO UTILIZARLAS.

P E N S A R C O N T I P O S .

PENSAR CON TIPOS

PENSAR CON TIPOS PENSAR CON TIPOS

PENSAR CON TIPOS

Este no es un libro sobre fuentes. Es un libro sobre cómo utilizarlas

Este no es un libro sobre fuentes. Es un libro sobre cómo utilizarlas

Pensar con tipos ESTE NO ES UN LIBRO SOBRE FUENTES.

ES UN LIBRO SOBRE CÓMO UTILIZARLAS.

ESTE NO ES UN LIBRO SOBRE FUENTES. ES UN LIBRO SOBRE CÓMO UTILIZARLAS.

ESTE NO ES UN LIBRO SOBRE FUENTES. ES UN LIBRO SOBRE CÓMO UTILIZARLAS.

pensar con tipos

PENSAR CON TIPOS

PENSAR CON TIPOS

PENSAR CON TIPOS

Dedicado a GEORGE SADEK (1928-2007) y a todos mis profesores.

PENSAR CON TIPOS UNA GUÍA CLAVE PARA ESTUDIANTES, DISEÑADORES, EDITORES Y ESCRITORES

ELLEN LUPTON

TRADUCCIÓN DE JAVIER SASTRE

Título original: Thinking with Type Publicado originalmente por Princeton Architectural Press diseño Ellen Lupton

Traducción: Javier Sastre Revisión de estilo: Álvaro Marcos Diseño de la cubierta: Toni Cabré/Editorial Gustavo Gili, SL

ilustraciones de las portadillas Ellen Lupton

Cualquier forma de reproducción, distribución, comunicación pública o transformación de esta obra solo puede ser realizada con la autorización de sus titulares, salvo excepción prevista por la ley. Diríjase a CEDRO (Centro Español de Derechos Reprográficos, www.cedro.org) si necesita fotocopiar o escanear algún fragmento de esta obra.

los tipos principales con los que está compuesto este libro son Scala Pro, de Martin Majoor Thesis, de Luc(as) de Groot

La Editorial no se pronuncia, ni expresa ni implícitamente, respecto a la exactitud de la información contenida en este libro, razón por la cual no puede asumir ningún tipo de responsabilidad en caso de error u omisión.

fotografías Dan Meyers

mi agradecimiento especial a Nettie Aljian, Bree Anne Apperley, Sara Bader, Janet Behning, Becca Casbon, Carina Cha, Tom Cho, Penny (Yuen Pik) Chu, Carolyn Deuschle, Russell Fernandez, Pete Fitzpatrick, Wendy Fuller, Jan Haux, Linda Lee, Laurie Manfra, John Myers, Katharine Myers, Steve Royal, Dan Simon, Andrew Stepanian, Jennifer Thompson, Paul Wagner, Joe Weston, and Deb Wood de Princeton Architectural Press —Kevin C. Lippert, publisher

© de la traducción: Javier Sastre © Princeton Architectural Press, 2004, 2010 para la edición castellana: © Editorial Gustavo Gili, SL, Barcelona, 2011

ISBN: 978-84-252-2935--0 (PDF digital) www.ggili.com

ÍNDICE

7

introducción

9

agradecimientos

10

LETRA

84

TEXTO

148

RETÍCULA

14

El Humanismo y el cuerpo

88

Errores y autoría

152

La retícula como marco

16

La Ilustración y la abstracción

90

Espaciado

160

Dividir el espacio

22

Fuentes monstruosas

92

Linealidad

164

La retícula como programa

26

Reforma y revolución

96

El nacimiento del usuario

170

La retícula como tabla

28

El tipo como programa

102

Kerning o acoplamiento

174

Regreso a los universales

30

La tipografía como crónica

104

Tracking

176

La sección áurea

32

Vuelta al trabajo

106

Ejercicio: espacio y significado

178

La retícula de una sola columna

36

Anatomía

108

Interlineado

180

La retícula de múltiples columnas

38

Tamaño

112

Alineación

194

La retícula modular

42

Escala

118

Ejercicio: alineación

202

Ejercicio: retícula modular

46

Clasificación tipográfica

120

Texto en vertical

204

Tablas de datos

48

Familias tipográficas

124

Las letras capitulares

206

Ejercicio: tablas de datos

50

Superfamilias

126

Marcar los párrafos

52

Caja alta y versalitas

130

Los pies de ilustración

54

Mezclar tipos

132

Jerarquía

208

APÉNDICE

56

Cifras

144

Ejercicio: jerarquía

210

Espacios y signos de puntuación

58

Signos de puntuación

146

Ejercicio: listas largas

212

Edición

60

Ornamentos tipográficos

214

Corrección de pruebas en papel

64

Lettering

215

Corrección de pruebas en pantalla

68

Logotipos y branding

216

Corrección de maqueta

72

Tipos en pantalla

218

Consejos gratuitos

74

Tipos en mapa de bits

76

Diseño tipográfico

220

bibliografía índice alfabético

78

Ejercicio: caracteres modulares

80

Formatos de fuentes

82

Licencias de fuentes

222

zarzaparrilla hood’s Anuncio, litografía de 1884 reproducida a tamaño real. Un saludable rostro femenino irrumpe en una hoja de periódico, desgarrándola. Su tez radiante prueba la eficacia del producto más que cualquier otro eslogan. El texto y la imagen se dibujaron a mano y se reprodujeron después mediante una litografía en color.

6 | pensar con tipos

INTRODUCCIÓN

¿Te preocupa? Consulta la página 81

Desde que se publicó la primera edición de Pensar con tipos en 2004, el libro se ha incluido en la bibliografía de muchos programas de diseño en escuelas de todo el mundo. Cada vez que, durante algún acto o conferencia, se me acerca un diseñador con un ejemplar desgastado de este libro para que se lo dedique, me lleno de orgullo desde el asta hasta el remate. Esas cubiertas arañadas y esas esquinas deformadas demuestran que la tipografía sigue prosperando en las manos y mentes de la próxima generación. Desde 2004, yo he engordado, y lo mismo ha hecho este libro. En esta nueva edición he decidido aflojarle las costuras y dejar que el contenido respire un poco mejor. Si, como a la mayoría de los diseñadores gráficos, te gusta cuidar hasta el más nimio detalle, en estas páginas encontrarás mucho de lo que enamorarte, por lo que interesarte y que respetar. Cuestiones de detalle que en la primera versión se mencionaban solo de pasada, como el interletrado, las versalitas, las cifras elzevirianas, la puntuación, la alineación y las retículas de línea base, se han desarrollado aquí con mayor extensión. También se han añadido temas que entonces fueron omitidos, por ejemplo: cómo dar formato a una letra capitular, todo lo que hay que saber sobre los tamaños ópticos o cuándo debe decirse “tipo” en vez de “fuente”, lo que te será muy útil en el próximo congreso o fiesta del gremio a los que asistas. Además, esta nueva edición tiene más de todo: más fuentes, más ejercicios, más ejemplos, un índice mucho más ambicioso y, lo mejor de todo, más delitos tipográficos: más muestras de esos desafortunados “así no se hace” que complementan los elegantes “así sí”. Lo que me inspiró a la hora escribir la primera edición de este libro fue la necesidad de encontrar un libro de texto para las clases de tipografía que imparto en el Maryland Institute College of Art (MICA) desde 1997. Algunas obras de tipografía se centran en la página clásica; otras, demasiado enciclopédicas, rebosan de hechos y detalles. Algunas se basan exclusivamente en ilustraciones del trabajo de los propios autores y ofrecen por tanto una visión muy estrecha de lo que es una práctica diversa, mientras que otras resultan superficiales e informales y adoptan un tono condescendiente. Yo buscaba un libro inteligible y sereno, un volumen donde el texto y el diseño se complementaran y se comprendieran bien. Buscaba un trabajo pequeño, compacto, económico y bien estructurado; un manual práctico. Un libro que reflejara la diversidad de la vida de la tipografía, pasada y presente, y que expusiera adecuadamente a mis alumnos su historia, sus teorías y sus ideas. Y, finalmente, buscaba un libro que resultara pertinente para el conjunto del diseño visual, ya sea sobre papel o en pantalla. Así que no tuve más remedio que escribirlo yo misma. introducción | 7

Pensar con tipos está dividido en tres secciones: letra, texto y retícula. Parte de la unidad básica que es la letra para abordar después la organización de las palabras en cuerpos de texto coherentes y sistemas flexibles. Cada sección se abre con un ensayo sobre las cuestiones culturales y teóricas que alimentan el diseño tipográfico en una variedad de medios y soportes distintos. Las páginas con proyectos de muestra y ejemplos prácticos que acompañan a cada uno de los textos no explican solo cómo se estructura la tipografía, sino por qué se hace así, con intención de desvelar las bases funcionales y culturales que residen tras los hábitos y convenciones del diseño. Los ejemplos prácticos que aparecen a lo largo del libro muestran la elasticidad del sistema tipográfico, cuyas reglas pueden (casi siempre) quebrantarse. La primera sección, letra, estudia cómo los primeros tipos estaban íntimamente vinculados al cuerpo humano, puesto que emulaban el movimiento de la mano en la caligrafía. Más tarde, en el siglo xix, las abstracciones del neoclasicismo engendraron una extraña progenie de tipos comerciales. En el siglo xx, los diseñadores y artistas de los movimientos de vanguardia exploraron el alfabeto como sistema teórico. Finalmente, con la llegada de las herramientas digitales de diseño, la tipografía reactivó esa conexión inicial con el cuerpo. La segunda sección, texto, trata sobre la agrupación de las letras en conjuntos mayores. El texto es un campo o una textura cuyo grano, color, densidad y silueta pueden ser ajustados infinitamente. Desde los tipos físicos de metal iniciales hasta la flexibilidad que ofrece —y las restricciones que impone— el medio digital, la tecnología ha definido el diseño del espacio tipográfico. El texto ha evolucionado desde un cuerpo cerrado y estable hacia un ecosistema fluido y abierto. La tercera sección, retícula, aborda la organización espacial. A principios del siglo xx, los artistas dadaístas y futuristas desafiaron las restricciones rectilíneas que imponían los tipos de metal y visibilizaron la retícula mecánica de la impresión tipográfica. Entre las décadas de 1940 y 1950, los diseñadores suizos racionalizaron la retícula y con ello crearon la primera “metodología total” del diseño. Su trabajo, que introdujo el pensamiento programático en un campo hasta entonces dominado por el gusto y la convención, continúa siendo hoy en día profundamente relevante para los procedimientos sistemáticos que requiere el diseño multimedia. Este libro trata de pensar con la tipografía. Al final, el énfasis recae en ese con. La tipografía es una herramienta con la que hacer cosas: dar forma al contenido y dotar al lenguaje de un cuerpo físico, posibilitando así el flujo social de mensajes. La tipografía es una tradición en curso que te conecta con otros diseñadores, pasados y futuros. La tipografía está con nosotros allá donde vamos, en la calle, en un centro comercial, en una web, en casa. Este libro pretende hablar a, y con, todos los lectores y escritores, diseñadores y productores, profesores y estudiantes cuyo trabajo esté relacionado con la ordenada pero impredecible vida de la palabra visible. 8 | pensar con tipos

AGRADECIMIENTOS Como diseñadora, escritora y pensadora visual, estoy en deuda con mis profesores de la Cooper Union, donde estudié arte y diseño entre 1981 y 1985. En aquel entonces, el mundo del diseño estaba claramente dividido entre un enfoque moderno de influencia suiza y otro más conceptual arraigado en la ilustración y la publicidad estadounidenses. Mis profesores, entre ellos George Sadek, William Bevington y James Craig, supieron apostarse entre ambos mundos y dejar que la fascinación por el movimiento moderno y sus sistemas abstractos se encontrara frente a frente con lo extraño, lo poético y lo popular. El título del libro, Pensar con tipos, es un homenaje a la obra de James Craig titulada Designing with Type (Diseñar con tipos), un manual clásico que fue mi libro de texto en la Cooper Union. Si aquel era un tratado de tipografía básica para manitas, este constituye una suerte de guía de campo para naturalistas que trata la tipografía como un fenómeno más evolutivo que mecánico. Lo que realmente aprendí de mis profesores no fueron las reglas y los hechos sino la forma de pensar: cómo utilizar el lenguaje visual y verbal para desarrollar ideas. Para mí, descubrir la tipografía fue descubrir el puente que conecta el arte con el lenguaje. Con el fin de escribir mi propio libro del siglo xxi, decidí educarme de nuevo. En 2003, me inscribí en el programa de doctorado en Diseño de Comunicación de la Universidad de Baltimore, que terminé en 2008. Allí pude trabajar con Stuart Moulthrop y Nancy Kaplan, expertos académicos, críticos y diseñadores de prestigio internacional especializados en plataformas en red e interfaces digitales. Su influencia se aprecia a lo largo de todo el libro. Mis colegas del MICA han desarrollado una cultura del diseño distintiva de la propia escuela: quiero dar las gracias especialmente a Ray Allen, Fred Lazarus, Guna Nadarajan, Brockett Horne, Jennifer Cole Phillips y a todos mis alumnos. El editor de la primera edición de Pensar con tipos, Mark Lamster, sigue siendo uno de mis colegas más respetados. La editora de la segunda edición, Nicola Bednarek, me ayudó a equilibrar y pulir el contenido ampliado. Agradezco a Kevin Lippert, editor de Princeton Architectural Press, los muchos, muchos años de apoyo brindado. Como muchos son también los diseñadores y expertos que me han ayudado durante el proceso, entre ellos Peter Bilak, Matteo Bologna, Vivian Folkenflik, Jonathan Hoefler, Eric Karnes, Elke Gasselseder, Hans Lijklema, William Noel y Jeffrey Zeldman, así como el resto de diseñadores que accedieron a compartir su trabajo. Cada día aprendo algo de mis hijos, Jay y Ruby, y de mis padres, mi hermana gemela, y la estupenda familia Miller. Mis amigos —Jennifer Tobias, Edward Bottone, Claudia Matzko y Joy Hayes— sostienen mi vida. Mi marido, Abbott Miller, es el mejor diseñador que conozco y estoy orgullosa de poder incluir su trabajo en este volumen. agradecimientos | 9

type, spaces, and leads [tipos, espacios y plomos] Diagrama, 1917. Autor: Frank S. Henry. En la imprenta tipográfica, los tipos y el material de espaciado se depositan en una caja rectangular dividida en compartimentos. Las mayúsculas se guardan en un compartimento situado encima de las minúsculas. De ahí surgen los términos “caja alta” y “caja baja”, que derivan del lugar físico en el que se encuentran en la imprenta.

12 | pensar con tipos

LETRA

johannes gutenberg Texto impreso, 1456.

este no es un libro sobre fuentes. Es un libro sobre cómo utilizarlas. La tipografía es un recurso esencial para los diseñadores gráficos, del mismo modo que el cristal, el ladrillo o el acero son materiales esenciales para los arquitectos. En ocasiones, los diseñadores crean sus propios tipos o diseñan caracteres por encargo; pero lo habitual es que aprovechen la vasta biblioteca de tipos ya existentes y que los escojan y combinen de acuerdo con un objetivo o en función de una situación determinada. Para hacer esto con habilidad e inteligencia hay que conocer cómo y por qué han evolucionado los distintos caracteres. Las palabras escritas adquirieron su forma a partir de los movimientos del cuerpo. Los primeros tipos se modelaron directamente a partir de las formas de la caligrafía. Sin embargo, los tipos no son gestos corporales; son imágenes manufacturadas y diseñadas para ser reproducidas infinitamente. La historia de la tipografía refleja una tensión continua entre la mano y la máquina, lo orgánico y lo geométrico, el cuerpo humano y los sistemas abstractos. Dichas tensiones marcaron el nacimiento de la letra impresa hace más de quinientos años y continúan insuflando dinamismo a la tipografía hoy en día. Los tipos móviles, inventados por Johannes Gutenberg en Alemania a principios del siglo xv, revolucionaron la escritura en Occidente. Hasta aquel momento, los amanuenses o escribanos habían producido a mano todos los libros y documentos. La llegada de la impresión tipográfica permitió la producción masiva: a partir de un molde podían fundirse grandes cantidades de letras que se reunían luego en “formas”. Después de revisar, corregir e imprimir las páginas, las letras se guardaban en cajas compartimentadas para poder ser reutilizadas más adelante. Los tipos móviles se habían empleado en China con anterioridad, pero, allí, su uso había demostrado ser poco viable. Mientras que el sistema de escritura chino contiene decenas de miles de caracteres distintos, el alfabeto latino es capaz de traducir los sonidos del habla a un pequeño repertorio de marcas, algo que lo hace muy adecuado para la mecanización. La famosa Biblia de Gutenberg tomó como modelo un manuscrito y emulaba su caligrafia densa y oscura, conocida como “letra gótica” (blackletter). También reproducía su textura errática, introduciendo las variaciones de cada letra y numerosas ligaduras (caracteres que combinan dos o más letras en una misma forma). Este capítulo amplía y revisa el texto “Laws of the Letter”, en Lupton, Ellen y Miller, J. Abbott, Design Writing Research: Writing on Graphic Design, Kiosk, Nueva York, 1996 y Phaidon, Londres, 1999, págs. 53-61.

letra | 13

biografía de un tipo humanístico

nicolas jenson aprendió a imprimir en Maguncia (Alemania), cuna de la tipografía, antes de fundar su propia imprenta en Venecia hacia 1465. Sus letras muestran unas astas verticales poderosas y la modulación de los caracteres simula el trazo de una plumilla.

centaur, diseñada entre 1912 y 1914 por Bruce Rogers, es un revival de los tipos de Jenson que enfatiza el contraste del trazo.

golden type fue creada en 1890 por el reformador del diseño inglés William Morris. Su objetivo era recuperar la densidad oscura y solemne de las páginas de Jenson.

jenson amet, Lorem ipsum dolor sit Lorem amet, ipsum dolor sitadobe fue diseñada en por Robert consectetuer adipiscing elit.consectetuer adipiscing1995elit. Slimbach, quien Integer pharetra, nisl utInteger pharetra, nisl utha recuperado diseños históricos luctus ullamcorper, augue luctus ullamcorper, augue para su uso en digital. tortor egestas ante, vel tortor pharetra egestas ante, vel formato Adobe Jenson es pharetra pede urna ac menos artificiosa pede urna ac neque. Mauris y decorativa que neque. Mauris ac mi eula Centaur. ac mi eu purus tincidunt

ruit fue diseñada en la década de 1990 por el tipógrafo, profesor y teórico holandés Gerrit Noordzij. Los elementos de esta fuente, diseñada en formato digital, reflejan tanto el dinamismo y la calidad tridimensional de los tipos romanos del siglo xv como sus orígenes góticos (más que humanísticos). Como explica Noordzij, Jenson “adaptó las letras alemanas a la moda italiana (algo más redondeadas, algo más ligeras), y de este modo creó la tipografía romana”.

14 | pensar con tipos

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer pharetra, nisl ut luctus ullamcorper, augue tortor egestas ante, vel pharetra pede urna ac neque. Mauris ac mi eu purus tincidunt faucibus. Proin volutpat dignissim lectus. Nunc eu erat. scala fue presentada en 1991 por el tipógrafo holandés Martin Majoor. Aunque este diseño distintivamente contemporáneo tiene remates geométricos y formas racionales, casi modulares, refleja también el origen caligráfico de la tipografía, como puede verse en algunas letras como la a.

el humanismo y el cuerpo

francesco griffo diseñó letras romanas y cursivas para Aldo Manuzio. Las versiones romana y cursiva se consideraban entonces tipos distintos.

jean jannon creó para la Imprimerie Royale de Paris, en 1642, letras romanas y cursivas que estaban integradas en una misma familia tipográfica.

En la Italia del siglo xv, los escritores y sabios humanistas rechazaron la caligrafía gótica en favor de la lettera antica, un estilo manuscrito clásico con formas más anchas y abiertas. La preferencia por la lettera antica fue parte de la recuperación renacentista de la literatura y el arte clásicos. Hacia 1469, Nicolas Jenson, un francés que había aprendido a imprimir en Alemania, fundó una imprenta muy influyente en Venecia. Sus tipos fusionaron la tradición gótica que había conocido en Francia y Alemania con el gusto italiano por las formas ligeras y redondeadas y se consideran uno de los primeros y más exquisitos ejemplos de letra romana. Muchos de los tipos que utilizamos hoy en día, como Garamond, Bembo, Palatino y Jenson, portan el nombre de impresores que trabajaron durante los siglos xv y xvi y se conocen normalmente como “letras humanísticas”. Las recuperaciones contemporáneas de los tipos históricos están diseñadas con ajuste a las tecnologías modernas y responden a las exigencias de nitidez y uniformidad actuales. Cada una de estas recuperaciones responde —o reacciona frente— a los métodos de producción, los estilos de impresión y los hábitos artísticos de su propio tiempo. En algunos casos, se basan para ello en tipos de metal, en punzones (prototipos de acero) o en dibujos de los tipos históricos que todavía se conservan; si bien la mayoría han tenido que apoyarse únicamente en muestras impresas. La letra cursiva, que también apareció en Italia en el siglo xv, reproducía un estilo de escritura manual más informal. Mientras que las formas rígidas de la letra humanística aparecían en libros de producción costosa, las versiones cursivas, que podían escribirse más rápidamente que la cuidada lettera antica, prosperaron en las imprentas modestas. Aldo Manuzio, un impresor y editor veneciano, empleó cursivas en su serie de libros en octavo, ejemplares baratos de pequeño formato, que se distribuían internacionalmente. Para los calígrafos, la cursiva resultaba económica porque ahorraba tiempo y espacio. Manuzio emparejaba a menudo la cursiva con mayúsculas romanas, en un momento en el que los dos estilos aún se consideraban tipos esencialmente distintos. En el siglo xvi, los impresores empezaron a crear familias tipográficas que integraban romanas y cursivas que tenía los pesos y la altura de la x (la altura del cuerpo principal de una letra en caja baja) compensados. Hoy en día, la letra cursiva de muchas fuentes no es solamente una versión inclinada de las romanas, sino que incorpora las curvas, los ángulos y las proporciones más estrechas asociados a las formas cursivas. Sobre los complejos orígenes de la letra romana, véase Noordzij, Gerrit, Letterletter, Hartley and Marks, Vancouver, 2000.

letra | 15

la tipografía se desvincula del cuerpo

louis simonneau diseñó caracteres de muestra para la imprenta de Luis XIV. Siguiendo las instrucciones de un un comité real, Simonneau trazó sus letras sobre una cuadrícula muy precisa. Más tarde, Philippe Grandjean creó la tipografía real (romain du roi), basándose en los grabados de Simonneau.

geofroy tory sostenía que las letras debían reflejar el cuerpo humano ideal. Sobre la letra A escribió: “El asta transversal cubre el órgano masculino de la generación, para indicar que se requieren Modestia y Castidad, ante todo, en aquellos que deseen conocer la correcta formación de las letras”. william caslon creó, en la Inglaterra del siglo xviii, tipos con caracteres nítidos y verticales que parecen, como afirmó Robert Bringhurst, “más modelados y menos escritos que las formas renacentistas”.

john baskerville fue un impresor que trabajó en Inglaterra en las décadas de 1750 y 1760. Se propuso superar a Caslon mediante la creación de caracteres finamente detallados y de gran contraste entre los elementos gruesos y finos. Mientras que las letras de Caslon se utilizaron ampliamente en aquella época, el trabajo de Baskerville fue acusado de amateur y extremista por muchos de sus coetáneos. giambattista bodoni diseñó, a finales del siglo xviii, letras que presentaban un contraste brusco, sin modulación, entre los elementos gruesos y finos, y que estaban dotadas de terminales finos como cuchillas, no curviformes. François-Ambroise Didot (1784), en Francia, y Justus Erich Walbaum (1800), en Alemania, crearon tipos similares en la misma época. 16 | pensar con tipos

la ilustración y la abstracción

george bickham, 1743. Muestras de “Roman Print” e “Italian Hand”.

Esta acusación le fue notificada a Baskerville mediante una carta de su admirador Benjamin Franklin. Para consultar la carta completa, véase Pardoe, F. E., John Baskerville of Birmingham: Letter-Founder and Printer, Frederik Muller Limited, Londres, 1975, pág. 68. Véase también Bringhurst, Robert, The Elements of Typographic Style, Hartley and Marks, Vancouver, 1997.

Los artistas renacentistas trataron de fijar unos estándares de proporción a partir de un cuerpo humano ideal. El diseñador y tipógrafo francés Geofroy Tory publicó en 1529 una serie de diagramas que vinculaban la anatomía de las letras con la anatomía de la figura humana. Posteriormente, en la era de la Ilustración científica y filosófica, se desplegaría un nuevo enfoque desvinculado del cuerpo. En 1693, en Francia, un comité designado por Luis XIV se propuso trazar letras romanas sobre una cuadrícula muy precisa. Mientras que los diagramas de Tory eran tallas de madera, las representaciones sobre retícula del romain du roi (el alfabeto del rey) estaban grabadas sobre una lámina de cobre con una herramienta llamada buril. Los tipos de plomo que se obtuvieron a partir de dichos diagramas de gran escala reflejaban tanto el carácter lineal del grabado como la actitud científica del comité real. Las letras grabadas, cuyas formas no estaban limitadas por la retícula mecánica de la imprenta, ofrecían un medio adecuado para la escritura formal. Las reproducciones caligráficas grabadas divulgaron el trabajo de los maestros de la escritura del siglo xviii. Libros como The Universal Penman (1743), de George Bickham, mostraban letras romanas (cada una grabada como un carácter independiente) y grafías de curvas magníficas. La tipografía del siglo xviii se vio influida por estas reproducciones grabadas de los nuevos estilos de escritura. Los impresores, como William Caslon en la década de 1720 y John Baskerville en la de 1750, abandonaron el rígido plumín humanista para adoptar la pluma estilográfica de acero y la pluma de ave, instrumentos de escritura que generan, ambos, formas fluidas e hinchadas. Baskerville, que era un experto calígrafo, admiraría probablemente las líneas delicadamente esculpidas que aparecían en los libros de escritura grabados. Creó tipos tan afilados y contrastados que sus contemporáneos le acusaron de “dejar ciegos a todos los Lectores de la Nación; porque los trazos de sus letras, siendo tan delgados y estrechos, dañan el Ojo”. Para potenciar la asombrosa precisión de sus páginas, Baskerville creaba sus propias tintas y aplicaba un prensado en caliente para alisar las páginas ya impresas. A principios del siglo xix, Giambattista Bodoni en Italia y Firmin Didot en Francia llevaron el severo vocabulario de Baskerville a nuevos extremos. Sus tipos —con ejes totalmente verticales, contrastes bruscos entre los trazos finos y gruesos y terminales afilados— abrieron las puertas a una visión explosiva de la tipografía, alejada de la caligrafía.

La romain du roi no fue diseñada por un tipógrafo, sino por un comité gubernamental formado por dos sacerdotes, un contable y un ingeniero. — robert bringhurst, 1992 letra | 17

dejar ciegos a todos los lectores de la nación

18 | pensar con tipos

virgilio (izquierda) Página de libro, 1757. Impresa por John Baskerville. Los tipos creados por Baskerville en el siglo xviii resultaron en su día sorprendentes, chocantes incluso, por sus formas afiladas y rígidas y por su poderoso contraste entre los trazos gruesos y finos. Además de letra romana, esta página utiliza mayúsculas cursivas, capitulares (generosamente espaciadas), versalitas (escaladas para que concuerden con el texto en caja baja) y cifras elzevirianas o de estilo antiguo (que cuentan con ascendentes y descendentes y una altura de cuerpo pequeña que se adapta a los caracteres en caja baja). racine (derecha) Página de libro, 1801. Impresa por Firmin Didot. Los tipos tallados por la familia Didot en Francia eran incluso más abstractos y severos que los de Baskerville, con terminales pesados de estilo egipcio, cuadrangulares, no curviformes, y con un marcado contraste entre trazos gruesos y finos. Los impresores y tipógrafos del siglo xix llamaron “modernos” a estos flamantes tipos. Ambas páginas están tomadas de Dana Orcutt, William, In Quest of the Perfect Book. Little, Brown and Company, Nueva York, 1926. Los márgenes no son precisos.

letra | 19

tipos gigantes e iracundos

20 | pensar con tipos

plan for the improvement of the art of paper war w [plan para la mejora del arte de la guerra sobre papel] Ensayo satírico de Francis Hopkinson, The American Museum, vol. I, 1787. Cortesía de la Boston Public Library. Este ensayo del siglo xviii es un ejemplo temprano de tipografía expresiva. El autor, que se burla de la prensa escrita entonces emergente, describe una “guerra sobre el papel” entre un abogado y un comerciante. A medida que los dos hombres se lanzan mutuos ataques, la letra aumenta su tamaño progresivamente. Los términoss Long Primer, Pica Roman, Great Primer, Double Pica y Five Line Pica se utilizaban entonces en el mundo anglosajón para identificar tamaños tipográficos. El símbolo es una s. Hopkinson no era un profano en diseño: fue el creador del patrón de barras y estrellas de la bandera estadounidense.

letra | 21

monstruos nauseabundos, infames creadores

fat face [tipo grueso] es como se denomina al estilo tipográfico hinchado y de trazo extragrueso que se introdujo a principios del siglo xix. Estas formas exageraban el contraste entre los componentes gruesos y finos de las formas tipográficas de Bodoni y Didot.

estrechas, compactas o condensadas, son las letras diseñadas para encajar en espacios reducidos. Los anuncios del siglo xix combinaban a menudo tipos de proporciones y estilos variados en la misma página. Sin embargo, estas mezclas ostentosas se disponían con frecuencia en composiciones centradas y estáticas.

En la letra egipcia, o mecana, el terminal, hasta entonces un detalle refinado, se transforma en un robusto remate cuadrangular. Como elemento arquitectónico independiente, el remate de los tipos egipcios reafirma su propio peso y masa. Este estilo se presentó por primera vez en 1806 y fue rápidamente tildado de “monstruosidad tipográfica” por los puristas.

Letra grotesca es el término que se empleaba en el siglo xix para designar a las letras de palo seco. Estos tipos llaman la atención por su sólida bidimensionalidad. Aunque los caracteres de palo seco se asociaron más tarde con la racionalidad y la neutralidad, en un principio dotaron de impacto emocional a la publicidad temprana.

Mi aspecto era nauseabundo y mi estatura gigantesca. ¿Qué significaba esto? ¿Quién era yo? ¿Qué era? [...] ¡Infame creador! ¿Por qué habéis dado vida a un ser monstruoso frente al que, incluso vos, apartáis de mí la mirada, lleno de asco? — mary shelley, Frankenstein, 1831 22 | pensar con tipos

fuentes monstruosas Aunque Bodoni y Didot alimentaron sus diseños con las prácticas caligráficas de su época, las formas que crearon chocaban con la tradición tipográfica y abrieron la puerta a un extraño nuevo mundo, donde los atributos estructurales de la letra —los remates y las astas, los trazos gruesos y finos, las tensiones verticales y horizontales— serían objeto de experimentos singulares. En su busca de una belleza tanto racional como sublime, Bodoni y Didot habían creado un monstruo: un enfoque abstracto y deshumanizado del diseño de letras. En el siglo xix, con la aparición de la industrialización y el consumo de masas, llegó el boom de la publicidad, una nueva forma de comunicación que requería nuevas formas tipográficas. Los diseñadores crearon tipos llamativos, grandes y negros, adornando o engullendo partes del cuerpo de las letras clásicas. Comenzaron a aparecer entonces fuentes de increíble altura, anchura y profundidad: expandidas, contraídas, sombreadas, alineadas, engrosadas, fileteadas y con florituras. Los terminales dejaron de ser meros detalles de acabado para convertirse en estructuras arquitectónicas independientes y la tensión vertical de las letras tradicionales se escoró hacia nuevas direcciones.

romana antigua El historiador de la tipografía Rob Roy Kelly estudió las estrategias del diseño mecanizado que dieron lugar a una espectacular variedad de letras titulares en el siglo xix. Este diagrama muestra cómo la forma cuadrada básica del terminal (llamada egipcia o mecana) se fue cortando, pinzando, estirando y rizando para generar nuevas especies de ornamentos. Los remates pasaron de ser el final caligráfico de un trazo a ser elementos geométricos independientes que podían ajustarse con libertad.

clarendon

latina/toscana antigua

toscana

El plomo, el material empleado para fundir tipos de metal, es demasiado blando para que su forma aguante la presión de la prensa cuando se usa con tamaños grandes. En cambio, los tipos tallados en madera pueden imprimirse a escalas enormes. En 1834, se introdujo el uso combinado de pantógrafo y fresadora, lo que revolucionó la elaboración de tipos de madera. El pantógrafo es una herramienta de calco que, conectada a una fresadora de talla, permite generar variantes de un dibujo original con proporciones, pesos y texturas decorativas distintas. Este nuevo planteamiento de diseño mecanizado trataba el alfabeto como un sistema flexible, independiente de la caligrafía. La búsqueda de caracteres arquetípicos y perfectamente proporcionados dio paso a una nueva concepción de la tipografía como un sistema maleable de rasgos formales (peso, tensión, asta, asta transversal, remates, ángulos, curvas, ascendentes y descendentes). La relación entre las letras de un mismo tipo pasó a ser más importante que la identidad individual de cada carácter. Para un análisis más exhaustivo con ejemplos de letras decoradas, véase Kelly, Rob Roy, American Wood Type: 1828-1900, Notes on the Evolution of Decorated and Large Letters, Da Capo Press, Nueva York, 1969. Véase también McLean, Ruari, “An Examination of Egyptians”, en Heller, Steven y Meggs, Philip B. (eds.), Texts on Type: Critical Writings on Typography, Allworth Press, Nueva York, 2001, págs. 70-76. letra | 23

la plaga de langostas de la impresión

maicena duryea (izquierda) Tarjeta litográfica, 1878. El aumento de la publicidad en el siglo xix estimuló la demanda de letras de gran tamaño que pudieran llamar la atención en el espacio urbano. En esta imagen se muestra a un hombre encolando un cartel haciendo caso omiso de la ley que lo prohíbe, mientras un policía se aproxima a la vuelta de la esquina. full moon [luna llena] (derecha) Cartel de impresión tipográfica, 1875. En este cartel, se utilizan una docena de fuentes diferentes para promocionar un crucero en barco de vapor. Se ha escogido un tamaño y un estilo tipográfico distinto para cada línea con el fin de maximizar la escala de las letras en el espacio disponible. Aunque los tipos son extravagantes, la composición centrada es tan estática y convencional como la de una lápida.

La impresión, que había encontrado en el libro un refugio en el que desarrollar una existencia autónoma, ha sido despiadadamente arrastrada a las calles por la publicidad... La Plaga de Langostas de la impresión, que ya ha eclipsado el sol de lo que los ciudadanos consideramos intelecto, aumentará a medida que pasen los años. — walter benjamin, 1925 24 | pensar con tipos

letra | 25

abstracciones radicales para una era mecánica

theo van doesburg, fundador y principal promotor del movimiento holandés De Stijl, diseñó este alfabeto de elementos perpendiculares en 1919. En este ejemplo, aplicado al membrete de la Federación de Revolucionarios Socialistas, la anchura de los caracteres dibujados a mano varía, lo que les permite ocupar todo el espacio rectangular. El movimiento De Stijl reivindicaba la reducción de la pintura, la arquitectura, los objetos y la tipografía a unidades elementales.

vilmos huszár diseñó este logotipo para la revista De Stijl en 1917. Mientras que los caracteres de Van Doesburg eran continuos, las letras de Huszár consistían en módulos similares a los píxeles.

herbert bayer creó este tipo, llamado Universal, en la Bauhaus, en 1925. Consta solamente de letras en caja baja y está construido con líneas rectas y círculos.

paul renner diseñó la Futura en Alemania en 1927. A pesar de ser un diseño muy geométrico, con una O perfectamente redonda, Futura es un tipo práctico cuyo sutil diseño sigue siendo muy utilizado hoy en día.

26 | pensar con tipos

reforma y revolución

edward johnston se basó en antiguas inscripciones romanas para crear, en 1906, este diagrama de caracteres “esenciales”. Aunque se burlaba de la rotulación comercial, Johnston aceptó el embellecimiento de formas inspiradas en la Edad Media.

Sobre la Futura, véase Burke, Christopher, Paul Renner, Campgràfic Editors, Valencia, 2007. Sobre las tipografías experimentales de los años 1920 y 1930, véase Kinross, Robin, Unjustified Texts: Perspectives on Typography, Hyphen Press, Londres, 2002, págs. 233-245.

Algunos diseñadores vieron la distorsión del alfabeto como un fenómeno burdo e inmoral, íntimamente vinculado a un sistema industrial inhumano y destructivo. En 1906, Edward Johnston retomó la búsqueda de un alfabeto esencial y estandarizado y advirtió de los “peligros” de la exageración. Johnston, inspirado por el movimiento del siglo xix Arts and Crafts, volvió su mirada al Renacimiento y la Edad Media en busca de formas puras e incorruptas. Aunque los reformistas como Johnston poseían una visión romántica de la historia, redefinieron la figura del diseñador como un intelectual distanciado de las corrientes comerciales dominantes. El reformador del diseño moderno era crítico con la sociedad y se esforzaba por crear objetos e imágenes que cuestionaran y revisaran los hábitos y prácticas preponderantes. Los artistas de los movimientos de vanguardia de principios de siglo xx rechazaron las formas históricas pero adoptaron el modelo del crítico marginal. Los miembros de De Stijl, en Holanda, redujeron el alfabeto a elementos perpendiculares. En la Bauhaus, Herbet Bayer y Josef Albers construyeron letras a partir de formas geométricas básicas (el círculo, el cuadrado y el triángulo) que ellos percibían como elementos de un lenguaje visual universal. Dichos experimentos abordaron el alfabeto como un sistema de relaciones abstractas. Como los impresores del siglo xix, los diseñadores de las vanguardias declinaron buscar las formas tipográficas esenciales en la mano y el cuerpo humanos. En su lugar, ofrecieron alternativas austeras y teóricas a las solícitas innovaciones de la publicidad imperante. Ensamblados a partir de componentes modulares, como si fueran máquinas, estos diseños experimentales emulaban la producción fabril. Sin embargo, la mayoría se producía a mano y no como tipos mecánicos, si bien muchos de ellos se encuentran disponibles hoy en día en formato digital. El tipo Futura, acabado por Paul Renner en 1927, encarnó las obsesiones de las vanguardias en un tipo multiuso y disponible para su uso comercial. Aunque Renner despreció el activo movimiento caligráfico en favor de formas que fueran “calmantes” y abstractas, atenuó la geometría de la Futura con variaciones sutiles en el trazo, la curva y las proporciones. Renner diseñó la Futura en diversos pesos, concibiendo su familia tipográfica como una paleta de pintor que permite componer la página con diferentes matices de gris.

Las formas calmantes y abstractas de estos nuevos tipos que prescinden del movimiento del texto manuscrito ofrecen a los tipógrafos nuevas formas de valor tonal, armonizadas con gran pureza. Estos tipos pueden utilizarse en su variante fina, seminegra o en formas negras muy saturadas. — paul renner, 1931 letra | 27

en busca de una tipografía programada

wim crouwel publicó en 1967 su propuesta de un “nuevo alfabeto” cuyo diseño no tenía diagonales ni curvas. The Foundry (Londres) comenzó a publicar ediciones digitales de los tipos de Crouwel en 1997.

28 | pensar con tipos

el tipo como programa Como respuesta al auge de la comunicación electrónica, el diseñador holandés Wim Crouwel publicó, en 1967, su propuesta de un “nuevo alfabeto” formado únicamente por líneas rectas. Rechazando siglos de convención tipográfica, diseñó sus letras para que fueran visualizadas de forma óptima en una pantalla de rayos catódicos (CRT), donde las curvas y los ángulos se reproducen a partir de líneas horizontales. En un folleto que promocionaba su nuevo alfabeto, subtitulado “Una introducción a la tipografía programada”, proponía una metodología de diseño donde las decisiones están normativizadas y sistematizadas.

wim crouwel presentó esta versión “escaneada” de una a minúscula Garamond en contraste con su nuevo alfabeto, cuyas formas se adaptan a la estructura cuadriculada de la pantalla. Véase Crouwel, Wim, New Alphabet: An Introduction for a Programmed Typography, Wim Crouwel/Total Design, Amsterdam, 1967. zuzana licko creó fuentes de “resolución tosca” para pantallas e impresoras de sobremesa en 1985. Estas fuentes han sido integradas desde entonces en la extensa familia tipográfica Lo-Res de Emigre, diseñada para soportes impresos y digitales. Véase VanderLans, Rudy y Licko, Zuzana, Emigre: Graphic Design into the Digital Realm, Van Nostrand Reinhold, Nueva York, 1993; y VanderLans, Rudy, Emigre No. 70: The Look Back Issue, Selections from Emigre Magazine, 1984-2009, Index Book, Barcelona, 2009.

A mediados de la década de 1980, los ordenadores personales y las impresoras de baja resolución pusieron las herramientas necesarias para la creación tipográfica en manos de un público más amplio. En 1985, Zuzana Licko empezó a diseñar tipos que explotaban el grano basto de los primeros ordenadores. Mientras otras fuentes digitales se limitaban a imponer la tosca retícula de la pantalla y las impresoras matriciales sobre formas tipográficas tradicionales, Licko adoptó el lenguaje del equipo digital. Ella y su marido, Rudy VanderLans, cofundadores de Emigre Fonts y de la revista Emigre, se autodenominaron “los nuevos primitivos”, pioneros de un amanecer tecnológico.

Emperor

Oakland Emigre

A principios de la década de 1990, con la introducción de las impresoras láser de alta resolución y las tecnologías de fuentes de contorno como PostScript, los diseñadores de tipos se liberaron de las limitaciones que imponían los sistemas de reproducción de baja resolución con que contaban sus máquinas. Aunque algunos sistemas de señalización y dispositivos digitales aún se basan en fuentes en mapa de bits, es la fascinación por las estructuras programadas y geométricas la que ha permitido que las fuentes bitmap sigan evolucionando como una filosofía visual propia en el ámbito de los soportes impresos y digitales. Vivir con ordenadores origina ideas curiosas. — wim crouwel, 1967 letra | 29

daños y defectos

ed fella produjo un cuerpo de tipografía experimental que influyó intensamente en el diseño tipográfico de la década de 1990. Sus carteles para la Detroit Focus Gallery mostraban formas defectuosas y deterioradas, dibujadas a mano o recolectadas de fotocopiadoras de tercera generación o de hojas de letras transferibles. Colección CooperHewitt del National Design Museum.

30 | pensar con tipos

la tipografía como crónica A principios de la década de 1990, cuando las herramientas de diseño digital comenzaron a admitir la completa reproducción e integración de soportes, muchos diseñadores mostraron una insatisfacción creciente con las superficies limpias e impolutas. Fue entonces cuando sumergieron la letra en el violento y cáustico mundo de los procesos físicos. Los caracteres, que durante siglos habían buscado la perfección con ayuda de tecnologías cada vez más exactas, empezaron a ser arañados, retorcidos, magullados y contaminados.

Template Gothic: tecnología defectuosa El tipo Template Gothic, diseñado por Barry Deck en 1990, está basado en letras dibujadas con una plantilla de plástico. Por lo tanto, la letra remite a un proceso que es a la vez manual y mecánico. Deck diseñó la Template Gothic siendo aún alumno de Ed Fella, cuyos carteles experimentales inspiraron a toda una generación de tipógrafos digitales. Después de que la Template Gothic fuera puesta a la venta por Emigre Fonts, su uso se extendió a nivel mundial, haciendo de ella un emblema de la tipografía digital de la década de 1990.

Dead History: sampler del pasado El tipo Dead History, de P. Scott Makela, también de 1990, es un pastiche de otros dos: Centennial, una romana tradicional, y VAG Rounded, un clásico pop. Manipulando los vectores de fuentes ya existentes, Makela adoptó la estrategia del sampling, propia del arte y la música contemporáneos. También tuvo en cuenta toda la carga histórica precedente, que desempeña un papel importante en casi todas las innovaciones tipográficas.

Los tipógrafos holandeses Erik van Blokland y Just van Rossum combinan los papeles de diseñador y programador y han creado tipos basados en el azar, el cambio y la incertidumbre. Beowulf, de 1990, fue la primera de una serie de letras con trazos aleatorios y comportamientos programados.

Los métodos industriales de producción tipográfica exigían que todas las letras fueran idénticas... Hoy en día, la tipografía se produce con equipos sofisticados que no imponen tales reglas. Las únicas limitaciones son nuestras expectativas. — erik van blokland y just van rossum, 2000 letra | 31

vuelta al trabajo Aunque la década de 1990 se recuerda más por sus imágenes de caos y decadencia, los diseñadores serios continuaron creando tipos de uso general, diseñados para acomodar con facilidad extensas cajas de texto. Estas familias tipográficas, abnegadas y trabajadoras, proporcionan opciones flexibles a los diseñadores gráficos.

Mrs Eaves: mujer trabajadora busca pareja estable Durante la década de 1990 Licko produjo recuperaciones históricas a la vez que diseñaba sus tipos experimentales. De estas recuperaciones, una de las más populares fue Mrs Eaves, de 1996, inspirada en los tipos de Baskerville del siglo xviii. En 2009, a Mrs Eaves se le unió Mr Eaves, una versión de palo seco de la exitosa fémina.

Quadraat: todoterreno hardcore Barroca La Quadraat (arriba) de Fred Smeijers y la Scala (que se utiliza en el texto de este libro) ofrecen interpretaciones frescas de la tradición tipográfica. Rememoran la impresión del siglo xvi desde una perspectiva contemporánea, como se puede observar en los remates geométricos, dibujados con sencillez y decisión. La familia Quadraat, presentada en 1992, se amplió en poco tiempo para incluir formas sin remate en diferentes pesos y estilos.

Gotham: obrera con curvas En el año 2000, Tobias Frere-Jones presentó el tipo Gotham, derivado de los caracteres que pueden verse en la Port Authority Bus Terminal de Nueva York. Con un estilo a un tiempo práctico y distintivo, Gotham se convirtió en el tipo oficial de la campaña presidencial de Barack Obama en 2008. En 2009, la “familia presidencial” de este tipo contaba con más de 50 pesos y estilos. Cuando escogen un tipo, los diseñadores gráficos tienen en cuenta la historia de la tipografía, sus connotaciones actuales y sus cualidades formales. El objetivo es dar con una buena sintonía entre el estilo de las letras, la situación social específica y el contenido que define el proyecto que les ocupa. No existe ningún manual que asigne un significado o función fijos a cada tipo; cada diseñador debe abordar el catálogo de posibilidades a la luz de las circunstancias únicas de cada proyecto.

32 | pensar con tipos

familia funcional

ourtype.com Sitio web, 2004. Diseño: Fred Smeijers y Rudy Geeraerts. Este sitio web de una fundición tipográfica digital está diseñado en Flash y permite a los usuarios probar las fuentes sobre la marcha. Los diseñadores lanzaron su propio “sello” después de crear tipos como Quadraat para FontShop International. Aquí se muestra la Arnhem.

letra | 33

34 | pensar con tipos

una fuente no puede limitarse a estar ahí sentada

life style Libro, 2000. Diseño: Bruce Mau. Editorial: Phaidon. Fotografía: Dan Meyers. En este manifiesto postindustrial, el diseñador Bruce Mau imagina un tipo que cobra vida mediante inteligencia simulada. letra | 35

anatomía

asta o fuste remate, terminal o serifa

altura de mayúsculas altura de la x

línea base panza o bucle

descendente

ascendente

ligadura

gancho de pie

lágrima o gota

ascendente

asta curva

caja alta

asta transversal

36 | pensar con tipos

versalita

contrapunzón

caja baja

en términos visuales, los márgenes reales del texto están determinados por la línea base y la altura de la x

altura de las ascendentes Algunos elementos pueden superar ligeramente la altura de las mayúsculas.

altura de las mayúsculas La distancia entre la línea base y la altura de la mayúscula determina el tamaño de la letra en puntos.

altura de las descendentes La longitud de la descendente aporta estilo y actitud a una letra.

skin, Body

la altura de la x (el ojo medio) es la altura del cuerpo de una letra en caja baja (corresponde a la altura de la letra x en caja baja), excluyendo las ascendentes y descendentes.

la línea base es aquella sobre la que se asientan las letras. Es el eje más estable de una línea de texto y es una referencia crucial para alinear texto e imágenes o distintos textos.

Bone

A pesar de que los niños aprenden a escribir utilizando papel rayado, que divide las letras exactamente por la mitad, la mayoría de los tipos no están diseñados de este modo. La altura de la x normalmente ocupa más de la mitad de una letra mayúscula. Cuanto más grande es la altura de la x en relación con los caracteres en mayúsculas, mayor es el tamaño que la letra aparenta. En un texto, la mayor densidad se genera entre la línea base y la altura de la x.

¡Eh, mira! Han aumentado mi altura de x.

salientes Las curvas en la base de las letras sobresalen ligeramente por debajo de la línea base. Ocurre lo mismo con la coma y el punto y coma. Si el tipo no se colocara de este modo, transmitiría cierto desequilibrio. Sin los salientes, los caracteres redondos aparentarían ser más pequeños que sus compañeros de pie plano.

Dos bloques de texto se alinean normalmente sobre una línea base compartida. En este caso, una Scala Pro a 14/18 (tipo a 14 pts con 18 pts de interlineado) está emparejada con una Scala Pro a 7/9.

letra | 37

tamaño

12 puntos equivalen a 1 pica 6 picas (72 pts) equivalen a una pulgada

Big

scala de 60 puntos Una letra se mide desde la parte superior de la mayúscula hasta la base de la descendente más baja, añadiendo un pequeño margen de espacio.

En los tipos de metal, la medida del punto corresponde a la altura del cuerpo.

ESCALA

interstate black La anchura del carácter es el cuerpo de la letra más su espacio adyacente (hombro).

ESCALA

interstate black comprimida Las letras en versión comprimida de un tipo tienen una anchura del carácter más estrecha.

ESCALA

ESCALA

delito tipográfico escalado vertical y horizontal Las proporciones de las letras se han distorsionado digitalmente para generar caracteres más anchos o estrechos.

38 | pensar con tipos

altura Los intentos para estandarizar la medición tipográfica comenzaron en el siglo xviii. El sistema de puntos es el sistema estándar hoy en día. Un punto equivale 0,35 milímetros (o 1/72 pulgadas). Doce puntos equivalen a una pica, la medida que comúnmente se utiliza para medir la anchura de columna1. Actualmente la tipografía también puede medirse en pulgadas (2,54 cm), milímetros o píxeles. La mayoría de los programas de software permiten al diseñador escoger la unidad de medida, si bien las picas y los puntos son los estándares por defecto. ¡ojo, perfeccionistas! cómo abreviar picas y puntos 8 picas = 8p 8 puntos = p8, 8 pts 8 picas, 4 puntos = 8p4 Helvetica de 8 puntos con interlineado de 9 puntos = 8/9 Helvetica

anchura Una letra también tiene una medida horizontal, llamada anchura del carácter. La anchura del carácter es el cuerpo de la letra más una franja espacial (el hombro) que la protege de las otras letras. La anchura de un carácter es intrínseca a las proporciones y la impresión visual del tipo. Algunos tipos tienen una anchura de carácter estrecha y otros la tienen mayor. El ancho de los caracteres de un tipo puede modificarse jugando con su escala vertical y horizontal. No obstante, esto distorsiona el peso lineal de las letras, adelgazando los elementos gruesos y espesando los finos. En vez de ponerte a torturar letras, mejor escoge un tipo que ya tenga las proporciones que buscas: condensadas, comprimidas, anchas o expandidas. 1 Los sistemas de medidas tipográficas europeo y anglosajón difieren ligeramente. El sistema europeo está basado en el punto Didot y no en el punto de pica. El punto Didot mide 0,376 mm, y 12 puntos Didot forman un cícero (4,512 mm). El punto de pica mide 0,351 mm, está basado en la pulgada inglesa, ligeramente más pequeña que la europea. 12 puntos de pica forman una pica (4,217 mm). [N. del E.]

los ojos grandes denotan un uso eficaz de los recursos

scala pro a 28 pts

interstate regular a 28 pts

bodoni a 28 pts

mrs eaves a 28 pts

¿Me hace muy gordo este párrafo? Mrs Eaves rechaza la preferencia común en el siglo xx por alturas de la x extragrandes. Este tipo, inspirado en los diseños de Baskerville del siglo xviii, fue bautizado así en honor de Sarah Eaves, la criada, ama de llaves y colaboradora de Baskerville. La pareja convivió durante 16 años antes de casarse en 1764.

Cuando compones dos tipos distintos en el mismo tamaño, normalmente uno parece mayor que el otro. Las diferencias en la altura de la x, el peso de la línea y la anchura del carácter afectan a la escala aparente de las letras.

Mr. Big contra Mrs. & Mr. Little

helvetica a 32 puntos

mrs eaves a 32 puntos

mr eaves a 32 puntos

La altura de la x de un tipo afecta a su tamaño aparente, su economía espacial y su impacto visual general. Igual que los dobladillos o los cortes de pelo, las diferentes alturas de la x también se ponen y se pasan de moda. Los cuerpos de letra grandes se hicieron populares a mediados del siglo XX. Al maximizar el área que ocupaban dentro del tamaño total en puntos, los tipos parecían más grandes.

Los tipos que tienen una altura de la x pequeña, como Mrs Eaves, son menos eficaces usando el espacio que aquellos con cuerpos inferiores mayores. Con todo, sus delicadas proporciones poseen un encanto lírico. 12/14 mrs eaves

12/14 helvetica

12/14 mr eaves

Gracias a su enorme altura de la x, la Helvetica sigue siendo legible en tamaños pequeños. Compuesta a 8 puntos en un pie de foto en una revista puede resultar bastante elegante. Sin embargo, el mismo tipo puede parecer voluminoso e insulso a 12 puntos en una tarjeta de visita.

El tamaño de un tipo es una cuestión de contexto. Una línea de texto que parece pequeña en la pantalla de una televisión puede verse bien en una página impresa. Las proporciones pequeñas afectan tanto a la visibilidad como al uso del espacio. Una altura de la x diminuta es un lujo que exige sacrificios.

Como su encantadora mujer, MR EAVES tiene la cintura baja y un cuerpo pequeño. Su holgada prosa le permite además trabajar bien con su pareja.

8/10 mrs y mr eaves

8/10 helvetica El tamaño tipográfico por defecto en muchos programas es de 12 pts. Un texto a 12 pts suele producir letras legibles en pantalla, pero a menudo resulta grande y tosco una vez imprimido. El tamaño común para un texto impreso oscila entre 9 y 11 pts. Este pie está a 7,5 pts. letra | 39

tamaño Todos los tipos que se muestran debajo se inspiran en las letras de imprenta diseñadas por Claude Garamond en el siglo xvi, aunque cada uno refleja su propia época. Las formas finas de la Garamond 3 aparecieron durante la Gran Depresión, mientras que la excesiva altura de la x de la ITC Garamond se convirtió en un icono de los “excesivos” años setenta.

la garamond en el siglo

XX :

Las uvas de la ira garamond 3 a 30 pts

itc garamond a 30 pts

variaciones sobre un tema

1930: Franklin D. Roosevelt, salvador dalí, Duke Ellington, garamond 3 a 18 pts, diseñada por Morris Fuller Benton y Thomas Maitland Cleland para ATF, 1936

Scarface, hombreras, radio. 1970: Richard Nixon, Van Halen, El Padrino, guacamole, itc garamond a 18 pts, diseñada por Tony Stan, 1976

pantalones de campana, telecomedias. 1980: Margaret Thatcher, barbara kruger, Madonna, adobe garamond a 18 pts, diseñada por Robert Slimbach, 1989

Terciopelo azul, hombreras, ensalada de pasta, autoedición. 2000: Osama Bin Laden, Matthew Barney, The White adobe garamond premiere pro mediana subhead a 18 pts, diseñada por Robert Slimbach, 2005

Stripes, Los Soprano, vaqueros de tiro alto, Twitter.

40 | pensar con tipos

el tamaño depende del contexto

Una familia tipográfica con tamaños ópticos es la que tiene estilos diferentes para los distintos tamaños de producción. El diseñador gráfico selecciona el estilo basándose en el contexto. Los tamaños ópticos diseñados para titulares y otros destacados suelen tener formas delicadas y líricas, mientras que los estilos creados para texto y pies de foto están formados a partir de trazos más gruesos.

Se Vende bodoni a 48 pts

Muy pequeño

bodoni a 8 pts

delito tipográfico Algunos tipos que funcionan bien a gran tamaño parecen demasiado frágiles cuando se reducen.

tamaños ópticos

titulares: esbeltas y excitables prima donnas adobe garamond premiere pro display a 27 pts

subtítulos: traviesos actores secundarios

adobe garamond premiere pro subhead a 27 pts

texto: el figurante del escenario impreso adobe garamond premiere pro regular a 27 pts

epígrafes: cualquier cosa por un papelito adobe garamond premiere pro caption a 27 pts 10 pts

8 pts

En la era de los tipos de metal, los diseñadores tipográficos crearon un punzón para cada tamaño tipográfico, ajustando su peso, espaciado y otras características. Cada tamaño requería un diseño único.

El estilo de titulares o display compuesto en tamaños pequeños genera letras larguiruchas y frágiles. Está pensado para usarse a partir de 24 pts.

Cuando el proceso de diseño de tipos se automatizó, en el siglo xix, muchos fundidores de tipos economizaron recursos simplemente agrandando y reduciendo un diseño básico para generar diferentes tamaños.

Los estilos básicos de Texto están diseñados para tamaños de entre 9 y 14 pts. Sus formas son fuertes y carnosas sin ser demasiado impositivas.

Este tratamiento mecanizado de los tamaños tipográficos pasó a ser la norma en la producción de fotografía y de tipografía digital. Cuando un carácter a tamaño texto se agranda a tamaño cartel, sus rasgos finos se tornan demasiado pesados (y viceversa).

Los estilos pensados para epígrafes están construidos con el trazo más pesado. Están diseñados para tamaños de entre 6 y 8 pts.

adobe garamond premiere pro display

adobe garamond premiere pro regular

A A A 80 pts

adobe garamond premiere pro caption letra | 41

escala La escala es el tamaño de los elementos de diseño en comparación con los otros elementos de una composición y con su contexto físico. La escala es relativa. La letra de un texto compuesto a 12 pts en una pantalla de 32 pulgadas puede parecer muy pequeña, pero impresa en la página de un libro puede parecer fofa y demasiado pesada. Los diseñadores producen jerarquías y contrastes a partir de la combinación de escalas tipográficas. Los cambios de escala ayudan a generar contraste visual, movimiento y profundidad y, al tiempo, expresan diferentes niveles de importancia. La escala es física. Las personas calibran intuitivamente el tamaño de los objetos en relación con sus propios cuerpos y entornos.

LA

LA

TIERRA

TIERRA

ES PLANA

ES PLANA

delito tipográfico Unas diferencias mínimas en el tamaño de las letras hacen que esta composición parezca arbitraria e indecisa.

contraste de escala El fuerte contraste entre los tamaños de letra confiere aquí dinamismo, decisión y profundidad.

la decimonovena enmienda Instalación tipográfica en la Grand Central Station de Nueva York, 1995. Diseño: Stephen Doyle. Patrocinadores: The New York State Division of Women, Metropolitan Transportation Authority, Revlon y Merrill Lynch. La gran escala del texto en esta instalación pública crea un gran impacto. 42 | pensar con tipos

hazlo más grande

blow-up: photography, cinema and the brain Cubierta de libro, 2003. Diseño: Paul Carlos y Urshula Barbour/ Pure + Applied. Autor: Warren Niedich. Cortar las letras a sangre incrementa la sensación de escala que transmiten. Los colores traslapados sugieren la minuciosidad del proceso fotográfico o de impresión. letra | 43

escala

oficina de naciones unidas contra la droga y el delito (unodc) Mapas, 2009. Diseño: Harry Pearce y Jason Ching/Pentagram. Esta serie de carteles para la UNODC emplea la escala tipográfica para hacer una comparativa mundial de programas de tratamiento de la drogadicción, incidencia del SIDA y otros datos. Los diseñadores elaboraron mapas sencillos a partir del código de abreviatura del nombre de los países (GBR, USA, RUS, etc.). Los carteles se dirigían principalmente a la policía rusa, cuyo país cuenta con un pobre historial en el tratamiento de la drogadicción. Nótese la alta incidencia del SIDA en ese país y la poca disponibilidad de programas de rehabilitación.

44 | pensar con tipos

la escala es algo que puedes sujetar entre tus manos

revolver: zeitschrift für film (revista de cine) Revista, 1998-2003. Diseño: Gerwim Schmidt. Esta revista ha sido creada por y para directores de cine. El contraste entre la letra grande y el tamaño pequeño de las páginas genera tensión y sorpresa.

letra | 45

clasificación tipográfica

baskerville

bodoni

humanística o antigua Las letras romanas de los siglos xv y xvi imitaban la caligrafía clásica. El tipo Sabon fue diseñado por Jan Tschichold en 1966 basándose en fuentes de Claude Garamond del siglo xvi.

de transición Los tipos de transición tienen terminales más afilados y ejes más verticales que los caracteres humanísticos. Cuando se presentaron las fuentes de John Baskerville a mediados del siglo xviii, sus formas angulosas y su gran contraste fueron considerados escandalosos.

moderna Los tipos diseñados por Giambattista Bodoni entre finales del siglo xviii y principios del xix son radicalmente abstractos. Nótense los remates, finos y rectos; los ejes verticales; así como el gran contraste entre los trazos gruesos y finos.

Aa

helvetica

futura

egipcia o mecana En el siglo xix se crearon muchas letras negras y decorativas para su uso en publicidad. Los tipos egipcios tienen terminales muy pesados y gruesos.

gill sans

En el siglo xix se inventó un sistema básico de clasificación tipográfica. En esa época los impresores trataban de que su propio oficio tuviera un patrimonio análogo al de la historia del arte. Los tipos humanísticos están estrechamente relacionados con la caligrafía y el movimiento de la mano. Los de transición y los modernos son más abstractos y menos orgánicos. Estos tres grandes grupos corresponden aproximadamente a los periodos del Renacimiento, el Barroco y la Ilustración en la literatura y el arte. Los historiadores y críticos de la tipografía han propuesto unos esquemas más precisos que pretenden capturar mejor la diversidad tipográfica. Los diseñadores de los siglos xx y xxi han seguido creando tipos basados en características históricas.

clarendon

sabon

Aa Aa Aa

humanística de palo seco Los tipos de palo seco pasaron a ser muy corrientes en el siglo xx. Este Gill Sans, diseñado por Eric Gill en 1928, presenta rasgos humanísticos. Nótense el ojo, pequeño y armónico, de la letra a y las variaciones caligráficas en el peso de la línea.

palo seco de transición Diseñado por Max Miedinger en 1957, es uno de los tipos más utilizados en todo el mundo. Sus uniformes caracteres verticales lo hacen similar a los tipos de transicion con remates.

palo seco geométrica Algunos tipos sin remate están construidos a partir de formas geométricas. En la Futura, diseñada por Paul Renner en 1927, la letra O es un círculo perfecto y los vértices de la A y la M son triángulos puntiagudos.

Aa Aa Aa

46 | pensar con tipos

el tipo es al papel lo que la mantequilla al pan tipos clásicos

Sabon 14 pts

Baskerville 14 pts

Bodoni 14 pts

Este no es un libro sobre fuentes. Es un libro sobre cómo utilizarlas. La tipografía es un recurso esencial para los diseñadores gráficos, del mismo modo que el cristal, el ladrillo o el acero son materiales esenciales para los arquitectos. sabon 9/12

7/9

Este no es un libro sobre fuentes. Es un libro sobre cómo utilizarlas. La tipografía es un recurso esencial para los diseñadores gráficos, del mismo modo que el cristal, el ladrillo o el acero son materiales esenciales para los arquitectos.

Para seleccionar los tipos con habilidad e inteligencia hay que conocer cómo y por qué han evolucionado los distintos caracteres.

baskerville 9/12

7/9

Este no es un libro sobre fuentes. Es un libro sobre cómo utilizarlas. La tipografía es un recurso esencial para los diseñadores gráficos, del mismo modo que el cristal, el ladrillo o el acero son materiales esenciales para los arquitectos.

Para seleccionar los tipos con habilidad e inteligencia hay que conocer cómo y por qué han evolucionado los distintos caracteres. 7,5/9

bodoni book 9,5/12

Clarendon 14 pts

Gill Sans 14 pts

Helvetica 14 pts

Futura 14 pts

Para seleccionar los tipos con habilidad e inteligencia hay que conocer cómo y por qué han evolucionado los distintos caracteres.

Este no es un libro sobre fuentes. Es un libro sobre cómo utilizarlas. La tipografía es un recurso esencial para los diseñadores gráficos, del mismo modo que el cristal, el ladrillo o el acero son materiales esenciales para los arquitectos.

Para seleccionar los tipos con habilidad e inteligencia hay que conocer cómo y por qué han evolucionado los distintos caracteres.

clarendon light 8/12

6/9

Este no es un libro sobre fuentes. Es un libro sobre cómo utilizarlas. La tipografía es un recurso esencial para los diseñadores gráficos, del mismo modo que el cristal, el ladrillo o el acero son materiales esenciales para los arquitectos.

Para seleccionar los tipos con habilidad e inteligencia hay que conocer cómo y por qué han evolucionado los distintos caracteres.

gill sans regular 9/12

7/9

Este no es un libro sobre fuentes. Es un libro sobre cómo utilizarlas. La tipografía es un recurso esencial para los diseñadores gráficos, del mismo modo que el cristal, el ladrillo o el acero son materiales esenciales para los arquitectos.

Para seleccionar los tipos con habilidad e inteligencia hay que conocer cómo y por qué han evolucionado los distintos caracteres.

helvetica regular 8/12

6/9

Este no es un libro sobre fuentes. Es un libro sobre cómo utilizarlas. La tipografía es un recurso esencial para los diseñadores gráficos, del mismo modo que el cristal, el ladrillo o el acero son materiales esenciales para los arquitectos.

Para seleccionar los tipos con habilidad e inteligencia hay que conocer cómo y por qué han evolucionado los distintos caracteres.

futura book 8,5/12

6,5/9 letra | 47

familias tipográficas

En el siglo xvi, los impresores empezaron a organizar los tipos romanos y cursivos en familias concordantes. El concepto se formalizó a principios del siglo xx. anatomía de una familia tipográfica

adobe garamond pro, diseñada por Robert Slimbach, 1988

La variante romana es el núcleo o la columna vertebral de la que deriva toda familia tipográfica. adobe garamond pro regular

La variante romana, también llamada redonda o regular, es la versión vertical estándar de la fuente. El patriarca de una gran familia.

Las letras cursivas, que están basadas en la caligrafía cursiva, tienen formas distintas de las romanas. adobe garamond pro italic

La variante cursiva se utiliza para dar énfasis. Tiene formas y trazos distintos de su homóloga romana, especialmente en los tipos con remates. Nótense las diferencias entre una a romana y una cursiva.

las versalitas tienen una altura similar a la altura de la x de la caja baja. adobe garamond pro regular (versalitas)

Las versalitas se integran como una línea de texto más. En su lugar, unas mayúsculas a tamaño real destacarían demasiado. Las versalitas son un poco más altas que la altura de la x de las letras de caja baja.

Los tipos en negrita (y seminegra) se usan para dar énfasis dentro de una jerarquía. adobe garamond pro bold y semibold

Las versiones en negrita de los tipos de texto se añadieron en el siglo xx para cubrir la necesidad de estilos enfáticos. Las familias de palo seco suelen incluir una amplia gama de pesos (fina, negra, extranegra, etc.).

Los tipos en negrita (y seminegra) también deben incluir una versión cursiva. adobe garamond pro bold y semibold italic

El tipógrafo busca que las dos versiones en negrita se parezcan, en contraste con la romana, sin que la forma general sea demasiado pesada. El ojo tiene que resultar limpio y abierto en tamaños pequeños. Muchos diseñadores prefieren no usar las versiones negrita y seminegra de los tipos tradicionales, como Garamond, porque son pesos ajenos a las familias históricas.

Algunas cursivas no son inclinadas. En la familia tipográfica Quadraat, la forma cursiva es vertical.

Las cursivas no son letras inclinadas.

quadraat, diseñada por Fred Smeijers en 1992.

48 | pensar con tipos

cursiva verdadera

delito tipográfico: falsas cursivas Las formas anchas y desgarbadas de estas letras, inclinadas mecánicamente, resultan forzadas y poco naturales.

corre a abrazar, con tus atrofiados brazuchos, a algún tipo que se deje

mcsweeney’s Portada de revista, 2002. Diseño: Dave Eggers. Esta portada utiliza diferentes tamaños de la familia tipográfica Garamond 3. Aunque es un tipo clásico y conservador, la retícula obsesiva y algo desquiciada resulta claramente contemporánea.

letra | 49

superfamilias anatomía de una superfamilia

Las romanas tradicionales para texto suelen tener una familia pequeña, un grupo íntimo formado por la redonda, la cursiva, las versalitas y tal vez una negrita y una seminegra (cada una con una variante cursiva). Las familias de palo seco acostumbran a contar con más pesos y tamaños, como las variantes superfina, fina, gruesa, comprimida y condensada. Una superfamilia está formada por docenas de fuentes relacionadas con múltiples pesos y/o anchuras, a menudo con versiones con y sin remates. Las versalitas y las cifras elzevirianas (en otros tiempos incluidas solo en tipos con remates) están incorporadas en las versiones de palo seco de Thesis, Scala Pro y muchas otras superfamilias contemporáneas.

Scala Scala Italic scala caps Scala Bold scala pro, diseñada por Martin Majoor, contiene la Scala (1991) y la Scala Sans (1993). Las versiones con y sin remates tienen la misma base. La Scala Pro (en formato Opentype) fue presentada en 2005.

Scala Sans Light Scala Sans Scala Sans Condensed Scala Sans Cond Bold Scala Sans Bold Scala Sans Black SCala jewel crystal scala jewel diamond scala jewel pearl Scala jewel saphyr

Ticket of Admittance, WITHIN THE ENCLOSURE, TO V I E W T H E

C E R EMON Y. One Shilling he Money raised by these Tickets will be applied to defray the expences of the Day. W. Pratt, Printer, Stokesley

univers fue diseñada por el tipógrafo suizo Adrian Frutiger en 1957. Él mismo diseñó las 21 versiones, en cinco pesos y cinco anchuras. Mientras que algunas familias tipográficas crecen a lo largo del tiempo, la Univers fue concebida como un sistema total desde el principio. 50 | pensar con tipos

trilogy, una superfamilia diseñada por Jeremy Tankard en 2009, está inspirada en tres estilos de tipos del siglo xix: palo seco, egipcio y fat face [tipos gruesos]. La inclusión de esta última variante, con sus finísimos remates y las astas verticales superanchas, introduce un giro inesperado en esta familia.

los tipos se reproducen como conejos anatomía de la superfamilia

Este no es un libro sobre fuentes. Es un libro sobre cómo utilizarlas. La tipografía

theserif medium roman

es un recurso esencial para los diseñadores gráficos, del mismo modo que el cristal,

theserif medium italic

el ladrillo o el acero son materiales esenciales para los arquitectos. theserif medium small caps

En ocasiones, los diseñadores crean tipos ya existentes y que los escojan y theserif black roman

theserif medium roman

sus propios tipos o diseñan caracteres combinen de acuerdo con un objetivo o theserif extra bold roman

theserif semi light

por encargo; pero lo habitual es que en función de una situación determinada. theserif bold roman

theserif light roman

aprovechen la vasta biblioteca de Para hacer esto con habilidad e inteligencia theserif semi bold roman

theserif extra light roman

hay que conocer cómo y por qué han evolucionado los distintos caracteres. La historia

thesans medium roman

de la tipografía refleja una tensión continua entre la mano y la máquina, lo orgánico

thesans medium italic

y lo geométrico, el cuerpo humano y los sistemas abstractos. Dichas tensiones thesans medium small caps

marcaron el nacimiento de la letra inventados por Johannes Gutenberg thesans black roman

thesans medium roman

impresa hace más de quinientos años en Alemania a principios del siglo thesans extra bold roman

thesans semi light roman

XV,

y continúan insuflando dinamismo a la revolucionaron la escritura en Occidente. thesans bold roman

thesans light roman

tipografía hoy en día. Los tipos móviles, Hasta aquel momento, los amanuenses thesans semi bold roman

thesans extra light roman

thesis, superfamilia diseñada por Lu(cas) de Groot, 1994

letra | 51

caja alta y versalitas

Una palabra en CAJA ALTA en mitad de una línea de texto se verá grande y aparatosa. UN PASAJE MÁS LARGO COMPUESTO TOTALMENTE EN CAJA ALTA PARECERÁ UN COMPLETO DISPARATE. las versalitas están diseñadas para que encajen con la altura de la x de las letras en caja baja. Los diseñadores son grandes enamorados de las proporciones cuadrangulares de las versalitas y no solo las emplean en el cuerpo de texto, sino también en subtítulos, firmas o invitaciones. En vez de Mezclar Versalitas con Mayúsculas, muchos diseñadores prefieren utilizar solo versalitas, y crear así una línea limpia sin elementos ascendentes. InDesign y otros programas permiten al usuario crear FALSAS VERSALITAS con solo apretar un botón; estas LETRAS ESQUELÉTICAS resultan fuera de lugar.

inversión de CAPITAL + pena CAPITAL crimen CAPITAL –

delito tipográfico En esta columna de letras en caja alta y caja baja, los espacios entre las líneas quedan desiguales porque las mayúsculas son muy altas y no tienen descendentes.

inversión de CAPITAL pena CAPITAL crimen CAPITAL ajustar el interlineado Se ha ajustado suavemente el interlineado, modificando selectivamente las líneas base de las mayúsculas para equilibrar el conjunto.

LAS FALSAS VERSALITAS son versiones escogidas de las MAYÚSCULAS. delito tipográfico falsas versalitas La familia Helvetica nunca ha pretendido incluir versalitas. Estos caracteres generados automáticamente parecen delgaduchos y famélicos; son una abominación contra natura.

las versalitas verdaderas se integran pacíficamente con las letras en caja baja. versalita, scala pro Utiliza las versalitas solo cuando estén oficialmente incluidas en una familia tipográfica. Cuando trabajes con fuentes OpenType (etiquetadas como Pro), puedes acceder a las versalitas en InDesign a través del menú Estilos de carácter > OpenType. Los formatos más antiguos catalogan las versalitas como un archivo separado en el menú Texto > Fuente.

new york magazine Diseño: Chris Dixon, 2009. En esta página se mezclan tipos romanos de la familia Miller (que incluyen las versalitas) con la familia de palo seco Verlag.

52 | pensar con tipos

las líneas de texto en caja alta soportan bien un interlineado reducido porque no tienen ascendentes ni descendentes

AMUSEMENT x SIMS 3

« JE FINIRAI PAR METTRE LE BAZAR UN PEU PARTOUT ! » SARA FORESTIER CASSE LA BARAQUE DANS LES SIMS 3

Jean Apc

AMUSEMENT x SIMS 3

Veste blazer Louis Vuitton Bague et collier Bon Ton , quartz fumé/Diamants Pasquale Bruni Chaussures Louis Vuitton Sièges Eames Plastic Side Chair verte, Organic Chair rouge, Tom Vac Rouge, Pantone Chair Orange, Wire Chair DKR rouge Vitra

Simuler avec une grande finesse ses traits psychologiques, personnaliser son avatar avec tant de possibilités qu'elles le rendent unique, proposer une expérience interactive qui va audelà du simple jeu, et vous propulse dans les subtilités de nos modes de vie ? Voici un petit aperçu de ce que propose Les Sims 3, dernier épisode de la saga culte lancée il y a tout juste dix ans. Jeune actrice pleine d’énergie et aux réactions imprévisibles, Sara Forestier montre dans chacun de ses rôles une grande créativité qu’elle exprime également depuis plusieurs années dans la réalisation de courts-métrages. À l’affiche à la rentrée dans Victor, une comédie de Thomas Gilou sur les relations familiales, Sara était toute trouvée pour casser la baraque dans Les Sims 3 ! Et elle ne s’est pas gênée !

Photographie François Rousseau

9 6 AM US E M E NT NUMÉRO 5 JUIN 2009

97 AMUSEMENT NUMÉRO 5 JUIN 2009

F RE E P L AYE RS

F R EE P L AY ER S

« MA PHILOSOPHIE PASSE PAR LE GAMEPLAY » KEITA TAKAHASHI

amusement magazine Diseño: Alice Litscher, 2009. En el titular, esta revista francesa utiliza Didot en una mezcla sorprendente de redondas y cursivas en caja alta con un interlineado muy apretado. El texto principal está compuesto en Glypha.

En cette fin du mois de mars, Keita Takahashi fait escale en France. Quelques jours plus tôt, le game designer japonais était à San Francisco pour la Game Developers Conference, grand raout annuel de la profession où, comme à son habitude, il a abreuvé ses confrères de réflexions rafraîchissantes sur le jeu vidéo. Mais, avant toute chose, il leur a montré sa nouvelle écharpe, qu’il porte encore sur lui pour ce mini-séjour parisien. Confectionnée par Madame Takahashi mère, celle-ci a notamment pour avantage de permettre au fiston d’y glisser ses mains afin de les protéger en cas de grand froid. Ce précieux tricot est aussi le premier « produit dérivé » de Noby Noby Boy, le dernier jeu en date de Keita Takahashi, disponible depuis le mois de février sur le service de téléchargement de la PS3 pour la somme quasi-ridicule de 3,99 euros. Cette écharpe à l’effigie du souriant Boy se révèle même remarquablement en phase avec le jeu qui l’a inspirée : tranquillement singulière, résolument artisanale et conçue pour qu’on se sente bien quand on y met les mains.

Clay Fighter Erwan Higuinen Photographie Sébastien Agnetti

4 4 A M U S E M E N T NUMÉRO 5 JUIN 2009

45 AMUSEMENT NUMÉRO 5 JUIN 2009

letra | 53

mezclar tipos

Combinar tipos es como hacer una ensalada. Empieza con un número reducido de elementos que representen diferentes colores, sabores y texturas. Busca contrastes en vez de armonía, diferencias marcadas en vez de transiciones facilonas y efectistas. Otorga un papel a cada ingrediente: los tomates, dulces; el pepino, crujiente; y la anchoa, una sorpresa brusca y esporádica. Cuando se mezclan tipos distintos en la misma línea, los diseñadores suelen ajustar el tamaño en puntos para que las alturas de la x queden alineadas. Cuando se dispongan en varias líneas, lo más sensato es crear contrastes de escala, de peso y de estilo. Prueba a mezclar un tipo grande y fino con otro pequeño y más pesado para lograr un cruce de sabores y texturas diferentes.

delito tipográfico: ¿quién es el responsable de esto? Se ha empleado una versión ligeramente apretada del tipo original para que la segunda línea quepa mejor (como si no nos fuéramos a dar cuenta). Y todavía utilizan otro peso distinto en la línea inferior.

combinaciones de la misma familia

Cremoso y Muy Crujiente | Diferencias dentro de la misma familia univers 47 light condensed y univers 67 bold condensed

Mi dulce NIÑA | Diferencias dentro de una SUPERFAMILIA quadraat regular e italic y quadraat sans bold

Pasta con salsa de patata | Muy muy insípido helvetica neue 56 medium y helvetica neue 75 bold

delito tipográfico Estos tipos son de la misma familia pero su peso es demasiado parecido como para que su combinación funcione.

combinaciones de múltiples familias

El gordo y el flaco | contraste a dos bandas vag rounded bold y thesis serif extra light

Dulce, agrio y picante | Contraste a tres bandas bodoni roman, thesis serif extra light small caps y futura bold

D. Cabezahuevo y D.a Culopera | Demasiado iguales para caerse bien adobe garamond pro bold y adobe jenson pro bold

54 | pensar con tipos

delito tipográfico Estos dos estilos tipográficos son demasiado similares como para servirse de contrapunto.

un bufé tipográfico preparado para agradar a la vista

glypha thin, diseñada por Adrian Frutiger en 1979. La línea fina del trazo contrapesa la gran escala de las letras.

egyptian bold condensed, una fuente de Linotype basada en un diseño de 1820. Este tipo macizo y extravagante ha sido utilizado con intermitencia en la New York Magazine desde que Milton Glaser diseñara la revista en la década de 1970. Aquí, la forma ultra-black, en un tamaño relativamente pequeño, muerde con decisión la página.

miller en versalitas, diseñada por Matthew Carter junto a Jonathan Hoefler y Tobias Frere-Jones, 1997-2000. Conocida como una letra romana escocesa, tiene terminales afilados y una fuerte modulación entre elementos gruesos y finos.

verlag, diseñada por Jonathan Hoefler en 1996. Encargado originalmente por Abbot Miller para uso exclusivo del Guggenheim Museum de Nueva York, Verlag se ha convertido en un tipo de uso extendido y genérico. Sus formas geométricas son muy asequibles y están basadas en las letras que creó Frank Lloyd Wright para la fachada del Guggenheim.

the word: new york magazine Diseño: Chris Dixon, 2010. Esta página, que alberga gran cantidad de información, mezcla cuatro familias tipográficas de distintos momentos históricos y comprende desde Egyptian Bold Condensed, de los inicios de la publicidad, hasta Verlag, un tipo de palo seco contemporáneo y funcional. Estos ingredientes tan variados se mezclan a diferentes escalas para crear contraste y tensión tipográficos. letra | 55

cifras

Las cifras capitales ocupan anchuras espaciales uniformes, lo que permite que los números se alineen cuando se disponen en columnas tabulares. Aparecieron a principios de siglo xx para satisfacer las necesidades del mundo de los negocios y tienen la misma altura que las letras en caja alta, por lo que, en un texto corrido, pueden parecer demasiado voluminosas. cifras capitales

Las cifras elzevirianas, también llamadas cifras antiguas o de estilo antiguo, tienen ascendentes y descendentes, como las minúsculas. Se recuperaron en la década de 1990, cuando se revalorizó su apariencia idiosincrásica y su actitud tipográfica tradicional. Como las letras, las cifras elzevirianas son proporcionales: cada una posee una anchura y espaciado determinados. cifras elzevirianas

123 456

123 456

123 456

123 456

futura bold

helvetica neue bold

adobe garamond pro

scala sans pro bold

texto compuesto con cifras capitales

texto compuesto con cifras elzevirianas

¿Cuánto cuesta Guerra y Paz? El precio por unidad de la edición en rústica de la editorial Modern Library es de 15 $, en Amazon tiene un 32 % de descuento y se queda en 10,50 $. Pero ¿qué hay del coste humano en términos de horas de lectura despilfarradas en esta gigantesca obra de ficción? Si pudieras leer 400 palabras por minuto, el doble de la media, te llevaría 1.476 (24,6 horas) leer Guerra y Paz. Dedicándole solo cuatro horas al día, podrías terminarlo en algo más de seis días. Si ganaras 7,25 $ por hora (el salario mínimo en Estados Unidos), el coste de leer Guerra y Paz sería de 184,50 $ (130,4715 €, 11,9391 £ o 17676,299 ¥).

¿Cuánto cuesta Guerra y Paz? El precio por unidad de la edición en rústica de la editorial Modern Library es de 15 $, en Amazon tiene un 32  de descuento y se queda en 10,50 $. Pero ¿qué hay del coste humano en términos de horas de lectura despilfarradas en esta gigantesca obra de ficción? Si pudieras leer 400 palabras por minuto, el doble de la media, te llevaría 1.476 (24,6 horas) leer Guerra y Paz. Dedicándole solo cuatro horas al día, podrías terminarlo en algo más de seis días. Si ganaras 7,25 $ por hora (el salario mínimo en Estados Unidos), el coste de leer Guerra y Paz sería de 184,50 $ (130,4716 , 11,9391  o 17676,299 ).

adobe garamond pro incluye cifras capitales y cifras elzevirianas, lo que permite al diseñador escoger el estilo que responda mejor a las circunstancias del proyecto. Las cifras capitales parecen grandes porque tienen la misma altura que las mayúsculas.

Las cifras elzevirianas se integran visualmente en el texto. Los símbolos matemáticos y de divisas están diseñados especialmente para ir acorde con los distintos estilos de las cifras. Los símbolos de divisas más pequeños encajan mejor con las cifras elzevirianas.

56 | pensar con tipos

las cifras modernas están diseñadas para componerse en columnas y en filas

123

retina, diseñada por Tobias Frere-Jones en 2000, fue creada para las extremas condiciones tipográficas de la sección de economía del Wall Street Journal. Las cifras están diseñadas para alinearse entre sí, formando columnas. Los diferentes pesos de Retina comparten una misma anchura, lo que permite al periódico alternar pesos manteniendo las columnas perfectamente alineadas. Las muescas (llamadas “trampas de tinta”) evitan que la tinta infle los caracteres cuando estos se imprimen en tamaños muy pequeños.

calendario mensual, 1892 Las encantadoras cifras de este calendario no están alineadas en columnas perfectas porque tienen anchuras variadas. No serían adecuadas para representar los datos financieros modernos.

letra | 57

signos de puntuación

{[“‘,.;:’”]} {[“‘,.;:’”]} helvetica neue bold

bodoni bold

algunos signos de puntuación son habitualmente maltratados

Una coma bien diseñada plasma en su más refinado detalle toda la esencia de la familia a la que pertenece. La coma de la Helvetica está formada por un bloque cuadrado superpuesto sobre una garbosa curva, mientras que la de la Bodoni es un círculo sensual de fino tallo. Los diseñadores y editores deben aprender varias convenciones tipográficas además de dominar las reglas gramaticales de la puntuación. Un error muy difundido es el uso de las comillas mecanográficas (la prima y la doble prima), que son rectas, en lugar del apóstrofo y las comillas, que son curvadas. Estos signos cumplen funciones distintas y cada uno de ellos tiene su atajo de teclado. ¡Apréndetelos! Normalmente acaba tocándole al diseñador purgar estas faltas de puntuación en el manuscrito del cliente.

26'8'' es el récord de salto de Jesse Owens. la prima y la doble prima (o comillas mecanográficas) indican medidas en pulgadas y pies

L’Hospitalet de Llobregat. los apóstrofos indican la elisión de una letra

«Y entonces él dijo: “Eso es lo que ella dijo”». las comillas marcan la reproducción de citas textuales. las comillas latinas «» suelen emplearse antes que las inglesas “”.

“El uso excesivo e irreflexivo” de las comillas es una desgracia para el estilo literario... y para el estilo tipográfico también.

“Comillas colgadas”, ojo con esto. Vigila que las comillas no se te queden volando por fuera del margen del párrafo. delito tipográfico Esta es una práctica habitual en el mundo anglosajón, se dejan colgando las comillas y se privilegia que quede limpio el margen del texto. Pero las convenciones de la edición en castellano rechazan este uso. Consulta el apéndice para conocer más errores garrafales de puntuación.

58 | pensar con tipos

las comillas mecanográficas no saben dónde tienen la derecha y la izquierda

delitos tipográficos un viaje por la ciudad de nueva york Las calles de la ciudad se han convertido en un lugar peligroso. Se gastan millones de dólares al año en letreros comerciales llenos de chapuzas tipográficas. Aunque algunos son productos genéricos de bajo presupuesto, otros muchos son producto de encargos específicos de empresas e instituciones importantes. No hay excusa para estas burdas negligencias.

bien hecho Los apóstrofos y las comillas tienen forma curva y en inglés a veces se les denomina curly quotes. Aquí puedes disfrutar de ellos en un entorno vegetariano. mal hecho Para indicar las medidas en pulgadas y en pies deben usarse la prima y la doble prima (comillas mecanográficas). Esta pizzería es, ¡ay!, la malhadada víctima de una errata. Utiliza la paleta de Glifos en InDesign o Illustrator para encontrar los símbolos cuando los necesites. letra | 59

ornamentos tipográficos

No todos los elementos tipográficos representan el lenguaje. Durante siglos, los ornamentos han sido diseñados para integrarse directamente en el texto. En la época de la impresión tipográfica, los impresores construían los elementos decorativos uno por uno para elaborar grandes composiciones y patrones sobre el papel. La ornamentación servía para enmarcar y dividir el contenido. En el siglo xix, los impresores proporcionaban a sus clientes enormes colecciones de ilustraciones prefabricadas que podían combinarse fácilmente con el texto. Hoy en día, existen numerosas formas ornamentales programadas como fuentes digitales, que pueden teclearse, escalarse y reproducirse como cualquier otro carácter. Algunos ornamentos contemporáneos están diseñados como sistemas modulares destinados a combinarse en configuraciones y patrones más grandes que permiten al diseñador gráfico crear nuevas composiciones a partir de las piezas dadas. También existen colecciones temáticas de iconos e ilustraciones que están disponibles como fuentes digitales. ornamentos tipográficos Fry and Steele, Londres, 1794. Colección de Jan Tholenaar, Reinoud Tholenaar y Saskia Ottenhoff-Tholenaar.

speakup Diseño de Supisa Wattanasansanee/Cadson Demak, 2008. Distribuido por T26.

`erer!wewe: a%RESTRAINT% y$ii$!$ii$

restraint [contención] Ornamentos, 2007. Diseño: Marian Bantjes.

60 | pensar con tipos

una fuente no tiene por qué contener letras

dance ink magazine Diseño: Abbot Miller, 1996. El diseñador repitió un único ornamento de la fuente Whirligigs, diseñada por Zuzana Licko en 1994, para crear un velo etéreo de tinta. Whirligigs está formada por unidades modulares que encajan entre sí y que pueden generar una variedad potencialmente infinita de patrones.

k

! ( ) , - . 1 2 3 45 6 7 8 9

? A B C D E F G H I J K L M N O P Q R S T U V W X

Y

Z

[

\

]

a

b

c

d

e

f

g

h

i

j

k

m

n

o

p

q

whirligigs, diseñada por Zuzana Licko, Emigre, 1994. letra | 61

ornamentos tipográficos

fantaisie kapitalen Especimen tipográfico, 1897. Diseño: Joh. Enchedé & Zohnen. Colección de Jan Tholenaar, Reinoud Tholenaar y Saskia Ottenhoff-Tholenaar.

62 | pensar con tipos

el ornamento es un eco de la estructura

everybody dance now [todo el mundo a bailar] Postal, 2009. Diseño: Abbott Miller, Kristen Spilman, Jeremy Hoffman/Pentagram. El tipo History, de Peter Bilak, diseñado en 2008, está formado por varios elementos decorativos y arquitectónicos con los que se pueden crear combinaciones muy particulares. letra | 63

lettering

La creación de letras a mano permite a los artistas gráficos integrar imagen y texto, es decir, mezclar el diseño gráfico y la ilustración de forma natural. El letteringg puede imitar tipos ya existentes o puede desarrollarse a partir del estilo de dibujo y de escritura del propio artista. Los diseñadores pueden crearlo a mano o por ordenador y a menudo combinan diferentes técnicas.

64 | pensar con tipos

la frontera entre trabajo manual y trabajo por ordenador se desvanece

tokio magazine: kings Diseño: Deanne Cheuk, 2002-2003. Los titulares de esta revista combinan la ilustración a mano con el dibujo con técnicas digitales. letra | 65

lettering

the locust (izquierda) y melt banana (derecha) Carteles, serigrafía, 2002. Diseño: Nolen Strals. Las letras hechas a mano son un recurso vibrante dentro del diseño gráfico, como puede apreciarse en estos carteles de grupos musicales. Existen muchos tipos digitales que imitan la técnica, pero no hay nada tan potente como el lettering genuino. 66 | pensar con tipos

un buen tipo sienta bien

letra | 67

logotipos y branding

Los logotipos hacen uso de la tipografía o el lettering para representar el nombre o las iniciales de una organización de forma que pueda ser fácilmente identificada y recordada. Aunque algunas marcas utilizan un símbolo abstracto o un icono, un logotipo emplea palabras y letras para crear una imagen visual distintiva. Los logotipos se pueden crear a partir de tipos ya existentes o a partir de formas dibujadas ad hoc. Un logotipo es parte de la marca visual general que los diseñadores conciben como un “lenguaje” que vive (y cambia) en diferentes circunstancias. Una identidad visual completa puede constar de colores, patrones, iconos, elementos de señalización y una selección tipográfica. En ocasiones, un logotipo puede ser la base a partir de la cual se diseña un tipo completo. Muchos diseñadores de tipos colaboran con diseñadores gráficos en la creación de letras exclusivas para sus clientes.

hübner Identidad corporativa, 1998. Diseño: Jochen Stankowski. Esta identidad, desarrollada para una empresa de ingeniería, está construida alrededor de la letra H, cuyas proporciones cambian en distintas situaciones. 68 | pensar con tipos

los logotipos habitan la página impresa, la pantalla y el entorno arquitectónico

teatro municipal de utrecht Identidad, 2009. Diseño: Edenspiekermann. Esta ambiciosa identidad visual utiliza un tipo propio modelado a partir del Agenda. Los caracteres están formados por elementos que pueden ser reflejados, invertidos, dispuestos en capas o animados en una gran variedad de aplicaciones, como señalización, carteles, papelería y páginas web.

letra | 69

logotipos y branding

el banco de uno Branding visual, 2007. Agencia: Saffron. Diseño de identidad: Joshua Distler, Mike Abbink, Gabor Schreier, Virginia Sardón. Diseño tipográfico personalizado: Mike Abbink, Paul van der Laan. Esta compleja identidad corporativa, desarrollada para un banco mexicano, utiliza un tipo diseñado a medida cuyas formas cuadrangulares se inspiran en los glifos mayas.

70 | pensar con tipos

el logotipo forma parte de un lenguaje visual

new french bakery Branding visual, 2009. Diseño: Duffy & Partners. Un logotipo forma parte de un lenguaje gráfico más amplio. Duffy & Partners desarrolla logotipos en sintonía con la amplia gama de elementos que lo acompañan, como son los colores, los patrones y el tipo. Los diseñadores utilizan recursos como el perfilado, las capas y el encuadre para generar profundidad, detalle y calidez humana. Estos elementos funcionan juntos para expresar la personalidad de la marca. letra | 71

tipos en pantalla fuentes web 1.0

Durante los primeros años de Internet, los diseñadores tenían que trabajar con la limitada gama de fuentes preinstaladas en los ordenadores de los usuarios. Desde entonces, han aparecido varias soluciones técnicas para incrustar las fuentes en un sitio web o para mostrarlas solamente durante la visita. Por ejemplo, existe la posibilidad de alojar fuentes con formatos especiales en servidores de terceros y que el usuario las descargue. El diseñador es el que paga por este servicio. Otra opción es implementar la regla @font-face en CSS, que permite descargar cualquier tipo de fuente digital alojada en un servidor. A través de @font-face solo se pueden obtener legalmente los tipos que están licenciados para este uso.

fuentes incrustadas Captura de pantalla, detalle, 2009. Tipos: Greta y Fedra, diseñados por Peter Bilak/Typotheque. En el año 2009, la fundición tipográfica digital Typotheque lanzó un servicio pionero que permitía a los diseñadores mostrar las fuentes de Typotheque en cualquier página web a cambio de una licencia de un único uso. Las fuentes OpenType de Typotheque, que admiten caracteres en lenguas como el árabe y el hindi, son alojadas por Typotheque y se accede a ellas mediante la regla @font-face de CSS. 72 | pensar con tipos

Verdana fue diseñada como tipo de pantalla por el legendario tipógrafo Matthew Carter en 1996. Tiene una altura de la x grande, curvas sencillas, formas abiertas y un espaciado amplio.

Georgia

es un tipo con remate para pantalla que tiene trazos robustos, curvas simples, ojales abiertos y un generoso espaciado. Diseñado por Matthew Carter en 1996 para Microsoft, es un tipo muy utilizado en Internet. verdana y georgia, presentadas por Microsoft en 1996, son tipos diseñados especialmente para Internet. Antes de la llegada de las fuentes incrustadas, ambos eran parte del reducido puñado de tipos que se podían utilizar online.

bobulate Sitio web, 2009. Diseñado por Jason Santa Maria para Liz Danzico. Tipo: Skolar, diseñado por David Brezina/ Typetogether. El diseño de esta página utiliza Typekit, un servicio a terceros que envía las fuentes al usuario cuando este visita el sitio web. Typekit dificulta el robo de las fuentes empleadas ocultando su origen. Los diseñadores o los propietarios de los sitios web pagan una tasa de suscripción por este servicio.

el efecto de suavizado crea curvas ilusorias

El efecto de suavizado, o anti-aliasing, crea curvas de apariencia suave en pantalla mediante la modificación del brillo de los píxeles o subpíxeles de los bordes de una letra. Photoshop y otros programas permiten a los diseñadores aplicar un efecto de suavizado más marcado o más débil. Cuando se utiliza un anti-aliasing muy pronunciado con letras muy pequeñas, el texto puede quedar borroso. Este efecto incrementa el número de colores que contiene un archivo de imagen.

letra con efecto de suavizado

letra en mapa de bits

anti-aliasing habilitado: configuración suave (simulación de captura de pantalla)

anti-aliasing deshabilitado: (simulación de captura de pantalla)

letterscapes Sitio web, 2002. Diseño: Peter Cho. Animación de sencillas letras en mapa de bits en un espacio tridimensional. letra | 73

tipos en mapa de bits

Los tipos en mapa de bits están formados por los píxeles (acrónimo anglosajón de picture element, “elemento de imagen”) que estructuran la visualización en pantalla. Mientras que una letra en formato PostScript está formada por un contorno construido con vectores, un carácter en mapa de bits auténtico contiene un número concreto de unidades rectilíneas que están o bien activas o bien inactivas. Los caracteres en mapa de bits se utilizan en dispositivos tales como cajas registradoras, paneles y letreros digitales y en algunas pantallas de tamaño reducido. La mayoría de los tipos en mapa de bits actuales no utiliza en realidad el formato bitmap. Están dibujados con vectores sobre una cuadrícula para más tarde ser exportados al formato de fuente PostScript, TrueType u OpenType, que permiten que cualquier programa de maquetación estándar los pueda interpretar. A muchos diseñadores les gusta explotar la geometría de los caracteres pixelados.

LoResNine LoResTwelve LoResTwelve LoResFifteen LoResFifteen LoResTwentyEight LoResTwentyEight LoResNine

Compuesto a tamaño de resolución de origen (9, 12, 15, y 28 pts)

Todos a 28 pts lo-res narrrow, diseñada por Zuzana Licko, Emigre. La familia Lo-Res, presentada en 2001, es una colección de fuentes de contorno (PostScript) que se inspiran en los diseños en mapa de bits que Licko hizo en 1985. Lo-Res Narrow está formada por una serie de tamaños diferentes, cada uno de los cuales se construye con un trazo de un píxel de grosor. Por ello, la Lo-ResTwentyEight Narrow tiene formas mucho más finas y ligeras que la Lo-ResNine Narrow, que se vuelve más mazacote cuanto más grande se hace. Las fuentes en mapa de bits, que están diseñadas para pantallas de baja resolución, deben usarse en su tamaño original o en números enteros múltiplos de dicho tamaño. (Aumenta el tamaño de una tipografía de 9 píxeles a 18, 27, 36 y así sucesivamente).

74 | pensar con tipos

nijhof & lee Recibo, 2003. Este recibo, que ha sido imprimido con una fuente en mapa de bits, es de una librería de Ámsterdam especializada en diseño y tipografía.

nuestra fascinación por los mapas de bits se debe tanto a nuestra lujuria tecnológica como a los límites del formato

elementar Diseñada por Gustavo Ferreira en 2009 y distribuida por Typotheque. Elementar es una familia tipográfica en mapa de bits formada por docenas de pesos y estilos creados a partir de la manipulación de parámetros básicos como la altura, la anchura y el nivel de contraste entre los elementos horizontales y verticales. Elementar es un tipo que puede imprimirse, mostrarse en pantalla y ser utilizado en interfaces gráficas. Está inspirada en la familia tipográfica Univers, de Adrian Frutiger. letra | 75

diseño tipográfico

Fontlab y otros programas permiten a los diseñadores crear fuentes que funcionan a la perfección en programas de diseño como InDesign y Photoshop. El primer paso cuando se diseña un tipo es definir el concepto básico. ¿Letras con terminales o de palo seco? ¿Modulares u orgánicas? ¿Las construirás de forma geométrica o las dibujarás a mano? ¿Se usarán en publicidad o en textos largos? ¿Trabajarás con material de alguna fuente histórica o inventarás los caracteres más o menos desde cero? El siguiente paso es dibujar. Algunos diseñadores empiezan con el lápiz antes de pasar al formato digital, mientras que otros construyen las letras desde el principio mediante un programa informático de

diseño. Comienza dibujando algunas letras esenciales, como la o, la u, la h y la n, planteando las curvas, las líneas y las formas que reaparecerán en el resto de la fuente. Todas las letras de un tipo son distintas, pero mantienen muchos atributos, como la altura de la x, el peso de las líneas, la tensión y un vocabulario común de formas y proporciones. Puedes controlar el espaciado añadiendo espacios en blanco al lado de cada carácter así como pares de interletrado (kerning) que determinarán el espaciado entre dos caracteres concretos. Crear un tipo completo es una tarea ardua. Sin embargo, el proceso es muy gratificante para todo aquel que tenga buena mano dibujando letras.

castaways Boceto y tipo terminado, 2001. Dirección de arte y tipografía: Andy Cruz. Diseño tipográfico: Ken Barber/House Industries. Ingeniería tipográfica: Rich Roat. House Industries es una fundición tipográfica digital que se dedica a diseñar fuentes inspiradas en la cultura popular y en la historia del diseño. El diseñador Ken Barber hace dibujos a mano que luego se digitalizan. Castaways forma parte de la serie de tipos basados en vallas publicitarias de Las Vegas. Las formas recuerdan al estilo de los rotulistas que trazaban las letras a mano. 76 | pensar con tipos

el diseño tipográfico busca el equilibrio entre lo idéntico y lo diferente

mercury bold Página de prueba y captura de pantalla, 2003. Diseño: Jonathan Hoefler/Hoefler & Frere-Jones. Mercury es una fuente diseñada para los periódicos modernos. La producción de estos impone una impresión rápida sobre papel barato, así que las formas de Mercury Bold, a prueba de bala, son gruesas, con remates robustos y verticales contundentes. Bajo estas líneas, las anotaciones junto a las pruebas aclaran todo sobre la letra, desde la altura o la anchura de un carácter hasta el tamaño y la forma de su terminal. Durante el proceso de diseño, se desarrollan muchas pruebas de este estilo. En los tipos digitales, cada carácter está formado por diversas curvas y líneas controladas por puntos. En las familias tipográficas grandes, los distintos pesos y anchuras se pueden configurar automáticamente a partir de la interpolación de los extremos, como la variante fina y la gruesa o la estrecha y la ancha. El diseñador debe ajustar cada variante para garantizar la legibilidad y la coherencia visual.

letra | 77

ejercicio: caracteres modulares

Crea el prototipo de un tipo en mapa de bits empleando una retícula de cuadrados o de puntos para diseñar las letras. Sustituye las curvas y las diagonales de los caracteres tradicionales por elementos cuadriculados y rectilíneos. Evita hacer “escaleras” detalladas, ya que eso solo es una forma de disfrazar las curvas y diagonales. Este ejercicio está inspirado en los diseños experimentales que los diseñadores de las vanguardias crearon a partir de formas geométricas simples en las décadas de 1910 y 1920. El proyecto también tiene que ver con la estructura de las tecnologías digitales, desde los recibos de las cajas registradoras y las señales de led hasta las fuentes para pantalla, y muestra que una fuente es en sí misma un sistema de elementos.

Wendy Neese

Brendon McClean

Bruce Willen James Alvarez

Proyectos de los estudiantes del Maryland Institute College of Art

Joey Potts

78 | pensar con tipos

las formas de los mapas de bits amplían la calidad sistemática de la tipografía

Becky Slogeris

Bryan Connor

Virginia Sasser

Julia Kim

Michelle Ghiotti letra | 79

formatos de fuentes

¿De dónde vienen las fuentes y por qué existen tantos y tan diferentes formatos? Algunas vienen cargadas en el sistema operativo de nuestro ordenador, otras se incluyen en paquetes de software. Algunos tipos ampliamente distribuidos son de gran calidad, como Adobe Garamond Pro y +RHÀHU7H[W, mientras que otros (incluyendo Comic Sans, Apple Chancery y Papyrus) son vilipendiados por todos los snobs del diseño. Si quieres expandir tu vocabulario más allá de estos recursos familiares, deberás comprar fuentes de fundiciones tipográficas digitales. Estas comprenden desde las grandes empresas como Adobe y FontShop, que proporcionan licencias de miles de fuentes distintas, hasta productores independientes que distribuyen solamente unas pocas, como Underware en Holanda o Jeremy Tankard Typography en el Reino Unido. También debes aprender a diseñar tus propios tipos y a buscar entre los que se distribuyen de forma gratuita en Internet. Los diferentes formatos tipográficos muestran innovaciones técnicas y acuerdos empresariales desarrollados a lo largo del tiempo. Por lo general, los formatos tipográficos antiguos aún funcionan en los sistemas operativos modernos.

£§¥¼½¾éëìå ãâáýøåëðñòþ ÿąąěęġģdžƶžž őģġįįĭ†‡☜☞

scala pro Fuente OpenType, diseñada por Martin Majoor en 2005. La Scala Pro tiene varios caracteres especiales para componer en distintos idiomas europeos. Puedes acceder a todos ellos utilizando la paleta de Glifos en InDesign. 80 | pensar con tipos

postscript/type 1 es una especificación desarrollada por Adobe en la década de 1980 para ordenadores de sobremesa. Las fuentes Type I, o Tipo I, están codificadas en el lenguaje PostScript, que fue creado a su vez para generar imágenes en alta resolución en papel o película. Una fuente Type I está formada por dos archivos: una fuente para pantalla y otra para impresora. Hay que instalar ambos para poder utilizarlas completamente. truetype es un formato tipográfico más tardío, creado por Apple y Microsoft para sus sistemas operativos. Las fuentes TrueType son más sencillas de instalar que las Type I porque constan de un solo archivo en vez de dos. opentype es un formato desarrollado por Adobe que funciona en diferentes plataformas. Cada archivo soporta hasta 65.000 caracteres, lo que permite contener múltiples estilos y variaciones en un solo archivo tipográfico. En las fuentes TrueType o Type I, las versalitas, las ligaduras y otros caracteres especiales deben distribuirse en archivos de fuente separados (a veces denominados “Expert”), pero en las fuentes OpenType todo ello forma parte del archivo principal. Estas colecciones de caracteres pueden incluir también letras acentuadas y otros símbolos especiales necesarios para componer tipográficamente distintos idiomas. Las fuentes OpenType con extensos repertorios de caracteres suelen denominarse “Pro”. Las fuentes OpenType también ajustan automáticamente la posición de los guiones, los corchetes y los paréntesis para series de letras compuestas enteramente en mayúsculas.

{[(¿SEMI-CRUDO?)]} scala, formato de fuente PostScript/Type 1

{[(¿SEMI-CRUDO?)]} scala pro, formato de fuente OpenType

versalitas y cifras elzevirianas, ¿dónde os escondéis? ¡ojo, perfeccionistas! Accede a las versalitas y las cifras rápidamente a través del menú Texto > OpenType o de otras herramientas de maquetación OpenType en tu programa de diseño. Las versalitas no aparecerán como una variante en el menú Fuente porque OpenType las considera parte de la fuente principal. En cualquier fuente puedes ver todos los caracteres especiales a través del menú Texto o Tabla > Glifos. Encontrarás muchos caracteres inesperados, incluyendo arabescos, ligaduras, ornamentaciones, fracciones y demás. Haz doble clic sobre un glifo para insertarlo en tu caja de texto.

que no te pillen con las fuentes bajadas

evita quedar en ridículo y aprende a utilizar correctamente t estos términos a los que tanto se maltrata t .

¿Tipo o fuente?

Un tipo es el diseño de la letra de imprenta, la fuente es el contenedor que incluye todos los caracteres de un tipo. En los tipos metálicos, el diseño se talla en relieve sobre un punzón que después se estampa sobre un bloque llamado matriz. La fuente está formada por los tipos de metal fundido. En los sistemas digitales, el tipo es el diseño visual y la fuente es el software que permite instalar el diseño, acceder a él y reproducirlo. Un mismo tipo puede estar disponible en varios formatos de fuente. La mayoría de las personas utiliza los términos indistintamente, en parte porque hoy en día el diseño de tipos digitales y la producción de fuentes están estrechamente vinculados. Los expertos de la tipografía insisten, sin embargo, en utilizar cada término de forma precisa.

¿Carácter o glifo?

Los diseñadores de tipos hacen una distinción entre caracteres y glifos para cumplir con el estándar Unicode, un sistema internacional de codificación de caracteres que identifica todos los sistemas de escritura reconocidos en el mundo. Solo se consideran caracteres aquellos símbolos que tienen una única función, a los que se les asigna por tanto un punto de código en Unicode. Un único carácter, como la letra a en caja baja, puede ser expresado por varios glifos distintos (a, a, a). Cada glifo es una expresión específica de un carácter dado.

¿Romana o romana?

La letra romana es una redonda de gran legibilidad que procede de la caligrafía humanista de los copistas medievales. Como cualquier otra designación tipográfica (cursiva, versalita, negrita...) y como el Imperio romano, su nombre se escribe en caja baja.

letra | 81

licencias de fuentes fuentes gratuitas

fontin, diseño de Jos Buivenga/Ex Ljbris, 2004

Los DISEÑADORES intentan CONTROLAR el comportamiento de los usuarios, los clientes, los fabricantes, y la prensa. ¿Cómo se interpretará un trabajo? ¿Permanecerá en su ESTADO FINAL DESEADO? Un arquitecto tiene éxito cuando los habitantes de una casa se comportan SEGÚN UN PLAN. Las herramientas online han desafiado este CONTROL: el usuario se ha convertido en diseñador. audimat, diseño de Jack Usine/SMeltery.net, 2003

La distribución gratuita de algunas fuentes busca conservar tradiciones DESCONOCIDAS. Ofrecer gratis una recuperación histórica fomenta una mejor comprensión de la historia. Resucitar tipos es una práctica MUY ARRAIGADA. Por qué debería reclamar un autor la propiedad intelectual del trabajo de otro? Quién controla el pasado? ?

82 | pensar con tipos

En Internet se encuentran muchas FUENTES GRATUITAS, algunas son pobres, están incompletas, o son apropiaciones distribuidas sin licencia. Las que se muestran en esta página son distribuidas de forma gratuita por sus creadores. Un tipo cobra vida cuando la gente lo usa.

?

¿Quién es el usuario de un tipo? En el fondo, el usuario es el lector, pero antes de que un grupo de letras llegue a la cubierta de un libro o a una caja de cereales, estas tienen que pasar por las manos de otro usuario: el diseñador gráfico. Es fácil copiar, alterar y distribuir las fuentes digitales pero, cuando compras una fuente, estás aceptando el Contrato de Licencia para Usuario Final (CLUF), en inglés End User License Agreement (EULA), que limita su uso. La ley de propiedad intelectual en Estados Unidos protege las fuentes como si fueran un programa de software (una serie única de puntos vectoriales), pero no protege el diseño visual del tipo. Así, copiar un tipo digital y compartirlo con otras personas (tus amigos, tus clientes o tu tío Pepe) supone una violación del CLUF. También es ilegal abrir un archivo de fuente en FontLab, añadir nuevos glifos o alterar algunos de sus caracteres y guardar el archivo bajo otro nombre o bajo el nombre registrado. Además del aspecto económico, al tipógrafo le preocupa que su trabajo sea desvirtuado por usuarios que modifiquen las fuentes y las compartan con otras personas. La mayoría de las licencias permiten alterar las formas de las letras para utilizarlas en un logotipo o en un titular siempre que no se modifique el archivo original. Igualmente, es legal crear nuevas versiones digitales de muestras tipográficas impresas. Por ejemplo, podrías imprimir un alfabeto en Helvetica, redibujar sus letras, digitalizar el resultado con la ayuda de un programa de diseño de fuentes tipográficas y presentar tu propia versión de la Helvetica. Aunque no sirva para nada más, este elaborado ejercicio te permitiría valorar el esfuerzo que requiere diseñar bien un tipo. Para ser versátil, un tipo debe incluir varios pesos, estilos y caracteres especiales y sustentarse en un buen diseño. Las fuentes son caras porque son productos cuidadosamente elaborados.

antykwa poltawskiego, diseño de Adam Półtawski, 1920 y 1930. Digitalizada por Janusz Marian Nowacki, 1996

ALGUNAS FUENTES GRATUITAS responden a necesidades de comunidades lingüísticas minoritarias que tienen pocos tipos disponibles. Otras las crean usuarios que participan en el movimiento open source. Las OFL (Open Font License) permiten a los usuarios editar un tipo y contribuir a su evolución. gentium Open Font License, diseño de Victor Gaultney, 2001

para participar en un ecosistema del contenido que sea viable y diverso, todo el mundo debe pagar. PERO TAL VEZ no todo el mundo deba pagar por todo. Si algunos recursos se liberan, el resultado es un MUNDO MÁS RICO. ofl sorts mill goudy, Recuperación de Goudy Old Style, de Frederic W. Goudy, 1916. Diseño de Barry Schwartz, 2010. Distribución: League of Moveable Type.

todo el mundo debería pagar, pero no todo el mundo debería pagar por todo

CADA OBJETO DEL MUNDO PUEDE PASAR DE UNA league gothic, diseñada por la League of Moveable Type, 2009; revival de la Benton de Morris Fuller

EXISTENCIA CERRADA, MUDA, A UN ESTADO ORAL, alternate gothic no.1., presentada por la American Type Founders Company (ATF) en 1903

DE LA SOCIEDAD, PUES

ABIERTO A LA

downcome, diseñada por Eduardo Recife/Misprinted Type, 2002

NINGUNA LEY, NATURAL O NO, IMPIDE HABLAR DE LAS COSAS. UN ARBOL ES UN ÁRBOL. NO CABE DUDA. shortcut, diseñada por Eduardo Recife, 2003 Minou Drouet fue una niña poeta y compositora francesa ridiculizada por los intelectuales de la década de 1950.

PERO UN ÁRBOL NARRADO POR MINOU DROUET DEJA dirty ego, diseñada por Eduardo Recife, 2001

DE SER ESTRICTAMENTE UN ÁRBOL, ES UN ÁRBOL DECORADO, ADAPTADO A UN DETERMINADO CONSUMO, INVESTIDO DE COMPLACENCIAS LITERARIAS, DE misproject, diseñada por Eduardo Recife, 2001

REBUSCAMIENTOS, DE IMÁGENES, EN SUMA, DE UN USO SOCIAL QUE SE AGREGA A LA PURA MATERIA. texto: Roland Barthes, Mitologías (1957), Siglo XXI Editores, 2002. letra | 83

ciberespacio y sociedad civil Cartel, 1996. Diseño: Hayes Henderson. En vez de representar el ciberespacio como una cuadrícula etérea, el diseñador ha preferido utilizar bloques de textos superpuestos para construir un cuerpo siniestro y amenazante.

TEXTO las letras forman palabras y las palabras forman frases. En tipografía, llamamos texto a la secuencia continuada de palabras que se diferencia de los titulares y epígrafes, más breves. El bloque principal suele recibir el nombre de cuerpo de texto, y abarca el grueso del contenido. El texto corrido, como también se le denomina, fluye de una página, columna o caja de texto, a otra. El texto puede contemplarse como una cosa —un objeto firme y sólido— o como un fluido que se vierte en el continente que la página o la pantalla. El texto puede ser sólido o líquido, cuerpo o sangre. Como cuerpo, el texto posee mayor integridad y entidad que los elementos que lo rodean, ya sean imágenes, pies, epígrafes y números de página, o botones, banners y menús. Por lo general, los diseñadores tratan el cuerpo de texto como algo consistente, dándole la apariencia de una sustancia coherente que se distribuye a lo largo de los espacios de un documento. En el medio digital, los textos largos suelen dividirse en secciones menores que pueden ser localizadas por los motores de búsqueda o los vínculos de hipertexto. Actualmente, los redactores o escritores y los diseñadores producen contenido para diversos contextos, desde la página impresa hasta una amplia variedad de entornos digitales, tipos de pantalla y aparatos electrónicos, cada uno de los cuales tiene sus ventajas y sus limitaciones. Al dividir el texto en bloques e incorporar atajos y rutas alternativas entre la masa informativa, los diseñadores nos proporcionan vías de entrada —y de salida— al flujo de palabras. Mediante una sencilla sangría (que señala la introducción de una idea nueva) o un vínculo destacado (que anuncia el salto a otro lugar), los mecanismos tipográficos ayudan al lector a navegar por el contenido. Estos recursos ayudan a los lectores que están buscando algún dato en concreto o que necesitan procesar rápidamente cierto volumen de contenido para extraer elementos para su uso inmediato. Aunque muchos libros defienden que la función de la tipografía es únicamente mejorar la legibilidad de un texto, hoy en día, una de las funciones más humanitarias del diseño es precisamente evitar que los lectores lean en balde.

texto | 87

correcciones artesanas

salterio-libro de horas Manuscrito inglés, siglo xiii. Walters Ms.W. W 102, fol. 33v. Colección del Walters Art Museum de Baltimore. El monje escala por un costado de la página para reemplazar un texto que contiene erratas por la línea corregida que aparece en el margen inferior.

88 | pensar con tipos

errores y autoría

McLuhan, Marshall, La Galaxia Gutenberg, Círculo de Lectores, Barcelona, 1993.

Sobre el futuro de la propiedad intelectual, véase Lessig, Lawrence, Por una cultura libre: cómo los grandes medios de comunicación utilizan la tecnología y la ley para clausurar la cultura y controlar la creatividad, Traficantes de Sueños, Madrid, 2005.

La tipografía ayudó a consolidar la noción literaria de texto como un trabajo original y completo, como un cuerpo estable de ideas expresadas de una forma esencial. Antes de la invención de la imprenta, los documentos manuscritos estaban llenos de errores. Las copias se realizaban a partir de otras copias, cada una de ellas con sus propias erratas y lagunas. Los amanuenses inventaron formas ingeniosas de introducir las líneas que faltaban en los manuscritos para rescatar y reparar estos objetos de factura tan laboriosa. La impresión con tipos móviles, que reemplazó a la copia manuscrita, fue el primer sistema de producción en serie. Como ocurre en otros sistemas de este tipo, el coste unitario de fabricación (ajustar los tipos, asegurarse de su correcta disposición y poner en marcha la imprenta) se reduce a medida que aumenta la tirada: se invierte más trabajo y capital en la preparación del material y la puesta a punto de las máquinas que en la producción material de cada unidad. El sistema de impresión permite a los editores y autores corregir una obra a medida que pasa del manuscrito a las galeradas. Las pruebas son copias que se hacen antes de que empiece la producción definitiva. El corrector de pruebas se asegura de que la impresión sea fiel al manuscrito original. Sin embargo, incluso los textos que logran traspasar el umbral de la impresión muestran inconsistencias. Cada edición de cada libro representa el registro fósil de un texto, que cambia cada vez que el trabajo se traduce, se cita, se revisa, se interpreta o se enseña. Desde el auge de las herramientas digitales de escritura y edición, los manuscritos originales se han desvanecido. Las marcas electrónicas en rojo están reemplazando a los jeroglíficos del editor. Los usuarios pueden descargar textos de la Red y reformatearlos, remodelarlos y combinarlos. La imprenta ayudó a establecer la figura del autor como el propietario del texto, y las leyes de propiedad intelectual, que datan de principios del siglo xviii, se promulgaron para proteger los derechos de autoría. La era digital está marcada por las discusiones entre quienes defienden la libertad fundamental de la información y las ideas y quienes esperan proteger —a veces indefinidamente— la inversión hecha en la creación y la publicación del contenido. Una página tipográfica clásica enfatiza lo completo y cerrado de un trabajo, su autoridad como producto acabado. Algunas estrategias alternativas de diseño desarrolladas en los siglos xx y xxi buscan poner de manifiesto lo permeable que resulta cualquier texto frente al flujo de la información y el efecto corrosivo de la historia, y encierran una reflexión crítica sobre el concepto de autoría.

La tipografía contribuyó a modificar el lenguaje, de modo que, de un medio de percepción y exploración, pasara a ser una mercancía portátil. — marshall mcluhan, 1962 texto | 89

erratas, faltas, calles

the telephonic book: technology, schizophrenia, electronic speech [el listín telefónico: tecnología, esquizofrenia, discurso electrónico] Libro, 1989. Diseño: Richard Eckersley. Autor: Avital Ronell. Compositor: Michael Jensen. Editorial: University of Nebraska Press. Fotografía: Dan Meyers. Este libro, un estudio filosófico de la escritura como material tecnológico, emplea la tipografía para acentuar la argumentación retórica del texto. Esta página, por ejemplo, está fracturada por varias “calles” tipográficas, esos espacios que cruzan verticalmente la página. Las calles violan la textura unificada y uniforme que constituye el objetivo sagrado del diseño tipográfico tradicional.

90 | pensar con tipos

espaciado El arte del diseño está tanto en elegir los elementos compositivos como en saber espaciarlos. El arte del tipógrafo no solo concierne a los caracteres, también al espacio negativo que los rodea y separa. En la imprenta, cada espacio se encarna en un objeto físico, una pieza de metal o madera sin imagen en relieve. Las piezas lisas de plomo introducidas como espacios entre letras o palabras son tan físicas como los caracteres con relieve que las rodean. Unas finas piezas de plomo (llamadas interlínea) dividen horizontalmente las líneas, mientras que unos bloques más anchos (llamados imposición o blanco) conforman los márgenes de la página. Damos por sentado que entre las palabras hay espacios, pero la lengua hablada se percibe como un flujo continuo, sin interrupciones audibles. No obstante, el espaciado es algo crucial en el alfabeto escrito, traduce los sonidos del habla a múltiples caracteres. Los espacios fueron introducidos tras la invención del alfabeto griego para que las palabras fueran inteligibles como unidades independientes. Intentaleerunalíneadetextosinespaciadoparacomprobarlaimportanciaquetiene. La invención de la tipografía convirtió el espaciado y la puntuación en un artefacto físico, cuando anteriormente habían sido únicamente pausa y gesto. Los signos de puntuación, utilizados de distintas formas por los amanuenses en la era de los manuscritos, se estandarizaron con la imprenta. Walter Ong afirmó que la impresión convirtió las palabras en objetos visuales en un espacio preciso: “La impresión tipográfica del alfabeto, en la que cada letra se funde en una pieza de metal independiente, marcó un avance psicológico sin precedentes... La imprenta ordena las palabras en el espacio de forma mucho más agresiva de lo que lo había hecho nunca la escritura. La escritura lleva las palabras desde el mundo sonoro al mundo del espacio visual, pero Ong, Walter, Oralidad la impresión las aprisiona en este espacio.” La tipografía convirtió el texto en un y escritura: tecnologías de la objeto material de dimensiones conocidas y posiciones fijas. palabra, Fondo de Cultura El filósofo Jacques Derrida, que concibió la teoría de la deconstrucción, afirmó Económica, México D. F., que, si bien el alfabeto representa los sonidos, no puede funcionar sin espacios 1987. Véase también Derrida, Jacques, De la y signos de silencio. La tipografía manipula las dimensión silenciosa del alfabeto, gramatología, Siglo XXI con hábitos y técnicas —como el espaciado y la puntuación— que pueden verse Editores, México, 1986. pero no oírse. El alfabeto latino no evolucionó hacia un código transparente de registro del habla, desarrolló recursos visuales que lo transformaban en una tecnología tanto más potente cuanto más abandonaba sus vínculos con la oralidad.

El hecho de que un habla llamada viva pueda prestarse al espaciamiento en su propia escritura, es lo que originariamente la pone en relación con su propia muerte. — jacques derrida, 1976 texto | 91

linealidad En el ensayo De la obra al texto, Roland Barthes presenta dos modelos opuestos de escritura: la “obra” fija y cerrada, frente al “texto” inestable y abierto. Para Barthes, la obra es un objeto ordenado, impecablemente empaquetado, corregido y legalmente registrado, llevado a la perfección por el arte de la impresión. El texto, por el contrario, es incontenible y opera a través de una red dispersa de tramas estándar e ideas recibidas. Barthes describió el texto como algo “enteramente entretejido de citas, referencias, ecos: lenguajes culturales (¿qué lenguaje puede no serlo?), antecedentes o contemporáneos, que lo atraviesan de lado a lado en una amplia estereofonía... La metáfora del Texto es la de la red”. Aun escribiendo en las décadas de 1960 y 1970, el filósofo francés anti- Barthes, Roland, “De la obra al texto” en cipó el fenómeno de Internet como una red de conexiones descentralizadas. El susurro del lenguaje, Barthes se refería a la literatura, pero sus ideas resuenan en la tipografía, que Paidós, Barcelona, 2009, es la manifestación visual del lenguaje. El cuerpo de la página de texto se ha págs. 90 y 92. apoyado tradicionalmente en las características peculiares de la navegación del libro: la paginación y los encabezados que orientan al lector; los índices, los apéndices, los resúmenes introductorios y las notas al pie. Estos mecanismos aparecieron gracias a que el libro es una secuencia fija de páginas, un cuerpo que se presenta sobre una retícula de coordenadas conocidas. Todos estos dispositivos son ataques a la linealidad, proveen vías de entrada y salida a un discurso unidireccional. El lenguaje oral fluye en una sola dirección, pero la escritura ocupa espacio y tiempo. Explotar dicha dimensión espacial y liberar al lector de la sumisión lineal, es una de las tareas más urgentes que debe abordar la tipografía. Habitualmente se celebra el potencial de los medios digitales para generar una comunicación no lineal, pero lo cierto es que en el mundo electrónico la linealidad aumenta: piénsese en las tiras informativas de la CNN, que recorren la parte inferior de la pantalla, o los letreros luminosos del entorno urbano. Los títulos de crédito de las películas (una celebrada convergencia entre tipografía y cine) buscan distraer al público de la tediosa relación de derechos y autorías, ineludible por contrato. Los lectores digitales básicos, como Kindle de Amazon (2007), ofrecen una experiencia fundamentalmente lineal y hojear uno de estos libros es más trabajoso de que uno de papel. La linealidad predomina también en el software comercial. Los procesadores de texto tratan los documentos como una secuencia lineal (sin embargo, programas de maquetación como QuarkXPress y Adobe InDesign permiten trabajar de forma espacial, dividiendo el texto en

Un texto [...] es un espacio multidimensional en el que una diversidad de escritos, ninguno de ellos originales, se combinan y enfrentan. — roland barthes, 1971 92 | pensar con tipos

Sobre la linealidad de los procesadores de texto, véase Kaplan, Nancy, “Blake’s Problem and Ours: Some Reflections on the Image and the Word”, Readerly/Writerly Texts, 3.2, primavera/verano, 1996, págs. 115-133. Sobre el PowerPoint, véase Tufte, Edward R., “The Cognitivie Style of PowerPoint”, Graphics Press, Cheshire (Connecticut), 2003.

Sobre la estética de las bases de datos, véase Manovich, Lev, El lenguaje de los nuevos medios de comunicación, Paidós, Barcelona, 2005.

columnas y páginas que pueden vincularse y marcarse de modos distintos). PowerPoint y los programas de presentaciones están ideados para ilustrar el discurso oral y guiar al público por una explicación lineal. Sin embargo, es habitual que el uso de PowerPoint termine imponiendo esta forma de comunicación unidireccional en vez de aligerarla. Mientras que una sola hoja de papel podría esquematizar una presentación oral, una presentación en PowerPoint se alarga en el tiempo a través de múltiples diapositivas. Pero no todos los medios digitales favorecen el flujo lineal frente a la composición espacial. Las bases de datos, una de las estructuras de información que define nuestra era, son formularios no lineales. Son sistemas formados por elementos que permiten ordenarse en infinitas secuencias y que a su vez ofrecen a los lectores y escritores multitud de opciones simultáneas. El diseño de cada página se construye espontáneamente a partir de fragmentos de información que se ordenan en ese momento según lo que demanda el usuario. Las páginas web obligan a autores, editores y diseñadores a trabajar creativamente con nuevas formas de microcontenido (títulos, palabras clave, etiquetas) que permiten buscar, indexar o marcar los datos para poder recuperarlos en el futuro. Las bases de datos son la estructura que subyace a videojuegos, revistas y catálogos, todos ellos crean un espacio informativo más que una secuencia lineal. Las tiendas y librerías físicas son bases de datos formadas por objetos situados en un entorno físico. El téorico de los nuevos medios Lev Manovich describió el lenguaje como un tipo de base de datos, un archivo de elementos a partir de los que se forman los sonidos del habla. Muchos proyectos de diseño priman el espacio sobre la secuencia, el sistema sobre las palabras, la estructura simultánea sobre la narrativa lineal. El diseño contemporáneo combina a menudo aspectos de la arquitectura, la tipografía, el cine, la señalética, el branding y otras formas de generar discurso. Al potenciar las cualidades espaciales de un objeto, los diseñadores pueden mejorar la comprensión de documentos o entornos complejos. La historia de la tipografía está marcada por el uso cada vez más sofisticado del espacio. En la era digital ya no es necesario recurrir a los pesados cajones de tipos de metal para combinar caracteres, el espacio ha pasado a ser líquido en vez de concreto, y la tipografía ha evolucionado desde una estructura estable de objetos a un sistema flexible de atributos.

La base de datos y la narración son enemigos naturales. Compiten por el mismo territorio de la cultura humana, proclamando cada cual su derecho exclusivo a descifrar el sentido del mundo. — lev manovich, 2002 texto | 93

inmenso diccionario de ideas

visual thesaurus 2.0. Soporte interactivo, 2003. Diseño: Plumb Design Inc. Este tesauro digital dispone las palabras en una red de relaciones dinámicas. El término central está vinculado a una serie de nodos que representan sus diferentes significados. Cuantas más conexiones tiene cada uno de estos satélites, mayor y más compacto se mostrará en pantalla. Podemos situar en el centro otras palabras haciendo clic sobre ellas. 94 | pensar con tipos

image/music/text Concordancia y estadísticas textuales de la versión inglesa del texto de Roland Barthes titulado Image/Music/Text [publicado en castellano como Imágenes/gestos/voces]. Editor: Amazon.com, 2010. Amazon muestra análisis automatizados del texto de un libro para que el lector se haga una idea del contenido. La herramienta de “concordancia” genera una lista de las 100 palabras más utilizadas, ordenadas alfabéticamente y representadas a distintos tamaños, de acuerdo con la frecuencia con la que aparecen en el libro.

Como sucesor del Autor, el escritor ya no tiene pasiones, humores, sentimientos, impresiones, sino ese inmenso diccionario del que extrae una escritura que no puede pararse jamás. — roland barthes, 1968 texto | 95

minar la integridad del texto

96 | pensar con tipos

el nacimiento del usuario

cranbrook design: the new discourse [cranbrook design: el nuevo discurso] Libro, 1990. Diseño: Katherine McCoy, P. Scott Makela y Mary Lou Kroh. Editorial: Rizzoli. Fotografía: Dan Meyers. La titulación en Diseño Gráfico e Industrial de la Cranbrook Academy of Art se convirtió entre la década de 1970 y principios de los noventa, bajo la dirección de Katherine y Michael McCoy, en un foco puntero del diseño experimental. Katherine McCoy desarrolló un modelo de “la tipografía como discurso”, en el que el diseñador y el lector interpretaban activamente el texto.

El modelo de texto de Barthes, una red abierta de conexiones en vez de un trabajo cerrado y completo, reafirma que, en la creación de sentido, la importancia del lector es mayor que la del escritor. El lector lee el texto tal como un músico toca un instrumento. El autor no controla su significado: “El texto en sí mismo ‘juega’ (como una puerta, como cualquier aparato en el que haya un “juego”); y el lector, por su parte, juega dos veces: ‘juega’ al Texto (en sentido lúdico), buscando una práctica que lo reproduzca”. Como ocurre en la interpretación de una partitura musical, la lectura es una interpretación de las palabras escritas. Entre la década de 1980 y principios de los noventa, los diseñadores gráficos abrazaron esta idea y con el fin de explorar la teoría de “la muerte del autor” de Barthes, empezaron a usar capas de texto y retículas entrelazadas. En vez de seguir el modelo clásico, empleando la tipografía como una copa de cristal que alberga el contenido, este punto de vista alternativo asume que el propio contenido cambia cada vez que se interpreta. La tipografía se convierte en un sistema de interpretación. Al redefinir la tipografía como “discurso”, la diseñadora Katherine McCoy desintegró la dicotomía tradicional entre ver y leer. Las imágenes pueden ser leídas (analizadas, descodificadas, desmontadas) y las palabras pueden ser vistas (percibidas como iconos, formas, patrones). Su enfoque, que valora la ambigüedad y la complejidad, alentaba a los lectores a generar sus propios significados a la vez que intentaba elevar el estatus de los diseñadores dentro del proceso de autoría. A finales de la década de 1990, apareció un nuevo modelo que socavaba la reciente reivindicación de poder de los diseñadores y que no surgía de la crítica literaria, sino de los estudios sobre la interacción persona-ordenador (IPO) y los ámbitos de la usabilidad y del diseño de interfaces. El sujeto dominante de nuestra era no es ya el escritor ni el lector, sino el usuario, una figura que se concibe como un paquete de necesidades y deficiencias (cognitivas, físicas y emocionales). Como a un niño o a un paciente, al usuario hay que protegerlo y cuidarlo, pero también examinarlo y controlarlo mediante investigaciones y pruebas. La forma en que se utilizan los textos cobra más importancia que lo que significan. Se hace clic aquí para ir allí. Alguien que compró esto también compró aquello. El entorno interactivo no solo ofrece cierto grado de control y de iniciativa a los usuarios, sino que además, de forma silenciosa e insidiosa, recoge datos sobre ellos. La imagen propuesta por Barthes del texto como un juego al que se juega sigue vigente, ya que el usuario responde a las señales que le envía el sistema.

Diseña una interfaz humano-máquina de acuerdo con las capacidades y las debilidades de la especie humana y no solo ayudarás al usuario a hacer su trabajo, sino también a ser una persona más feliz y productiva. — jef raskin, 2000 texto | 97

Puede que juguemos con el texto, pero el texto también juega con nosotros. Los diseñadores gráficos pueden utilizar estas teorías de la interacción de usuario para revisar alguna de las convenciones básicas de la comunicación visual. Por ejemplo: ¿por qué los lectores de páginas web son menos pacientes que los lectores de texto impreso? Habitualmente se considera que la lectura de un texto en pantalla presenta mayor dificultad que la lectura de la tinta sobre papel. Sin embargo, los estudios IPO que se llevaron a cabo a finales de la década de 1980 demostraron que un texto nítido en negro sobre fondo blanco puede leerse en pantalla con la misma eficacia que en las páginas de un libro. La impaciencia del lector digital tiene su origen en la cultura, no en el carácter esencial de las tecnologías de visualización. El usuario de páginas web posee expectativas diferentes a las del usuario del papel impreso. Espera sentirse “productivo”, no contemplativo. Espera activarse en modo de búsqueda, no en el de procesado. Este usuario también espera encontrar falsas pistas que le decepcionen, le distraigan y le demoren. Los hábitos culturales de la pantalla están produciendo cambios también en el diseño sobre papel, y a la vez reafirman la función del medio impreso como espacio en el que todavía puede producirse una lectura en profundidad. Otro tópico común es el que afirma que los iconos son un modo de comunicación más universal que el texto. Los iconos son fundamentales para las interfaces gráficas de usuario (GUI o Graphical User Interfaces) que a diario conectan a los usuarios con sus ordenadores. Sin embargo, el texto ofrece una información más específica y comprensible que las imágenes. En realidad, los iconos no simplifican la traducción del contenido a múltiples idiomas, porque precisan de una explicación en esos múltiples idiomas. La infinidad de iconos que existen en el escritorio digital, que a menudo son de un detalle y una profundidad innecesarios, funcionan más como un refuerzo de la identidad corporativa que como un apoyo a la usabilidad. Durante el siglo xx, los diseñadores modernos ensalzaron las imágenes como lenguaje “universal”, pero incluso en la era del código, es el texto el que se ha convertido en un denominador común mayor que las imágenes: es localizable, traducible y susceptible de cambiar de formato y estilo para adaptarse a medios alternativos y futuros. Es posible que el impulso más persistente del arte y el diseño del siglo xx haya sido la integración física de forma y contenido. Los poetas dadaístas y futuristas, por ejemplo, utilizaron la tipografía para crear textos cuyo contenido no podía desligarse de la composición concreta de las letras específicas sobre la página. En el siglo xxi, forma y contenido se están separando de nuevo. Las hojas de estilo, por ejemplo, obligan a los diseñadores a pensar de forma sistemática

Sobre la legibilidad en pantalla, véase Gould, John D. et al., “Reading from CRT Displays Can Be as Fast as Reading from Paper”, Human Factors 29, 5, 1987, págs. 497-517.

Sobre el usuario impaciente, véase Nielsen, Jakob. Usabilidad: prioridad en el diseño web, Anaya Multimedia-Anaya Interactiva, Madrid, 2006.

Sobre el fracaso de los iconos de interfaz, véase Raskin, Jef, The Humane Interface: New Directions for Designing Interactive Systems, Addison-Wesley, Reading (Massachusets), 2000.

A los usuarios web no les gusta leer... Tan solo quieren seguir navegando y clicando en otros enlaces.— jakob nielsen, 2000 98 | pensar con tipos

Sobre la idea del diseño transmediático, véase Laurel, Brenda, Utopian Entrepreneur, MIT Press, Cambridge, 2001.

Jef Raskin habla sobre la escasez de la atención humana y sobre el mito del espacio en blanco en The Humane Interface: New Directions for Designing Interactive Systems, pág. 74.

y global en vez de centrarse en la construcción fija de una superficie particular. Esta forma de pensar permite que el contenido sea formateado para diferentes dispositivos o usuarios y prepara también para la vida póstuma de los datos, cuando los medios de almacenamiento electrónico empiecen a sufrir sus propios ciclos de decadencia y obsolescencia. En el siglo xx, los artistas y críticos modernos afirmaron que cada medio es específico. Definieron el cine, por ejemplo, como un lenguaje constructivo diferente al del teatro, y describieron la pintura como un medio físico que alude a sus propios procesos. Sin embargo, hoy en día, el medio no es siempre el mensaje. El diseño se ha convertido en un proyecto “transmediático”, puesto que autores y productores crean mundos de personajes, lugares, situaciones e interacciones que pueden presentarse en una gran variedad de productos. Un mismo juego cobra vida en sus diversas versiones en una pantalla de televisión, en un ordenador de sobremesa, en una consola y en un teléfono móvil, y, del mismo modo, en camisetas, fiambreras para el almuerzo y juguetes de plástico. La belleza y el prodigio del “espacio en blanco” es otro mito del movimiento moderno que se convierte en objeto de revisión en la era del usuario. Los diseñadores modernos descubrieron que el espacio abierto puede tener tanta presencia física en la página como las zonas impresas. Sin embargo, el espacio en blanco no siempre es sinónimo de gentileza mental. Edward Tufte, un acérrimo defensor de la densidad visual, sostiene que la cantidad de datos que se presentan en una misma página o pantalla debe maximizarse, para ayudar a los lectores tanto a hacer conexiones y comparaciones como a encontrar rápidamente la información. En ocasiones es preferible mostrar una sola superficie saturada de información pero bien organizada que múltiples páginas con muchos espacios en blanco. En tipografía, como en la vida urbana, la alta densidad invita al intercambio entre personas e ideas. En la cacareada era de la sobreinformación, una persona sigue siendo incapaz de procesar más de un mensaje a la vez. Este hecho cognitivo primario es el secreto de los trucos de magia: los juegos de manos se llevan a cabo mientras la atención del público está fija en otro lugar. Dada esta feroz competencia por la atención, los usuarios tienen la oportunidad de configurar la economía de la información eligiendo a qué atender. Los diseñadores pueden ayudarles a realizar elecciones satisfactorias. La tipografía es una interfaz del alfabeto. La teoría del usuario tiende a favorecer las soluciones normativas por encima de las innovadoras y desplaza el diseño a un

Si a las personas no se les diera bien encontrar datos diminutos en listas enormes, el Wall Street Journal hubiera quebrado hace años. — jef raskin, 2000 texto | 99

segundo plano. Los lectores tienden generalmente a ignorar la interfaz tipográfica y se deslizan cómodamente impelidos por las convenciones de la palabra escrita. A veces, sin embargo, conviene permitir que la interfaz falle. Al llamar la atención sobre sí misma, la tipografía puede iluminar la propia construcción y la identidad de una página, de una pantalla, de un lugar o de un producto. La tipografía, que se inventó en el Renacimiento, permitió que el texto adoptara una forma fija y estable. Igual que el cuerpo de una letra, el cuerpo del texto pasó a ser una mercancía industrial que gradualmente se volvió más abierta y flexible. Los críticos de los medios electrónicos han señalado que el aumento de la comunicación en red no ha conducido a la temida destrucción de la ciencia tipográfica (o incluso a la muerte de los medios impresos), sino que ha propiciado el florecimiento del imperio del alfabeto. Como afirma Peter Lunenfeld, los ordenadores han revitalizado el poder y el predominio de la escritura: “Los textos alfanuméricos han resurgido de sus propias cenizas, como un ave fénix que levanta el vuelo en los monitores, a través de las redes y en los reinos del espacio virtual”. La pantalla de un ordenador se muestra más hospitalaria con el texto que las pantallas de cine o televisión porque ofrece proximidad física, control por parte del usuario y una escala adecuada al cuerpo. El libro impreso ha dejado de ser el guardián de la palabra escrita. El branding es una potente variante del alfabetismo que gira en torno a símbolos, iconos y estándares tipográficos y que deja su huella en edificios, envases, portadas de discos, páginas web, los lineales del supermercado y toda una infinidad de superficies y espacios. Con la expansión de Internet, han cristalizado toda una serie de nuevas (y antiguas) convenciones de visualización del texto que adaptan metáforas del mundo de la impresión y de la arquitectura: ventana, marco, página, menú... Los diseñadores que trabajan dentro de esta corriente multimedia abordan el diseño desde múltiples perspectivas, dando formato a extensos cuerpos de texto y a titulares, pies de foto, destacados, logotipos, barras de navegación, etiquetas y otras prótesis del lenguaje que anuncian, apoyan e incluso eclipsan el cuerpo principal del texto. La disolución de la escritura es más exagerada en el ámbito web, donde los lectores distraídos salvaguardan su tiempo y priorizan la función sobre la forma. Esta conducta inquieta no obedece a la naturaleza propia de las pantallas de ordenador, sino a los nuevos comportamientos que produce Internet, un espacio que invita a buscar y encontrar, rastrear y extraer. El lector, que durante el siglo xx había derribado al autor de su trono, flaquea y se rezaga para ser reemplazado por el sujeto dominante de nuestra nueva era: el usuario, una figura cuya limitada capacidad de atención se convierte en nuestro bien más codiciado. No lo derrochemos.

Sobre la escritura electrónica, véase Lunenfeld, Peter, Snap to Grid: A User’s Guide to Digital Arts, Media, and Cultures, MIT Press, Cambridge, 2001; Bolter, Jay David, Writing Space: Computers, Hypertext, and the Remediation of Print, Lawrence Erlbaum Associates, Mahwah (Nueva Jersey), 2001; y Moulthrop, Stuart., “You Say You Want a Revolution? Hypertext and the Laws of Media” en Wardrip-Fruin, Noah y Monfort, Nock (eds.), The New Media Reader, MIT Press, Cambridge, 2003, págs. 691-703.

El hipertexto supone el fin de la muerte de la literatura. — stuart moulthrop, 1991 100 | pensar con tipos

aullar a la luna

designobserver.com Sitio web, 2010. Diseño: Jessica Helfand, William Drenttel, Michael Bierut y Betsy Vardell. Con un enorme volumen de información en su página de inicio, este supersitio web sobre el discurso del diseño lleva a la pantalla la tipografía con calidad de impresión. texto | 101

kerning o acoplamiento

Los términos acoplamiento y kerning designan el ajuste del espacio entre pares de letras con objeto de evitar efectos antiestéticos y de compensar las distancias anormales en la prosa. Los caracteres del alfabeto latino no se diseñaron pensando en la composición mecánica. Por ello, algunas combinaciones de letras quedan un poco raras si al componer el texto no se crea un espaciado especial. Aparecen huecos alrededor de letras cuyas formas generan ángulos hacia el exterior o que enmarcan un espacio abierto (W, Y, V, T ). En los tipos metálicos existen las letras desbordantes, que sobrepasaban el lingote de plomo que las contenía y permitían a dos letras encajar bien juntas. En las fuentes digitales, el espacio entre pares de letras se controla con la tabla de kerning (o tabla de interletrado), una tabla de caracteres acoplados creada por el tipógrafo donde se especifica el espacio que debe darse entre las combinaciones problemáticas de letras. El diseñador, en el programa de maquetación, puede elegir utilizar el kerning métrico o el kerning óptico. Y también puede ajustarlo manualmente. Un tipo bien diseñado necesita poca o ninguna compensación adicional. el kerning métrico Emplea las tablas de caracteres acoplados programadas en el diseño del tipo. Cuando empleas el kerning métrico estás utilizando el espaciado que concibió el diseñador del tipo. El interletrado métrico suele estar equilibrado, sobre todo a tamaños pequeños. En las fuentes de fantasía baratas el kerning no suele estar programado y los caracteres han de acoplarse de forma óptica. el kerning óptico Lo ejecuta automáticamente el programa de maquetación. En vez de utilizar los pares que se señalan en la tabla de la fuente, este sistema evalúa las formas de los caracteres y compensa el espaciado cuando es necesario. Algunos diseñadores recurren a esta forma de compensación para los titulares y utilizan el kerning métrico en el texto corrido. Puedes asegurar la eficacia y la regularidad del proceso configurando el kerning como parte de tus estilos de carácter.

Takes Two

scala pro, sin kerning El espaciado parece descompensado, con huecos entre las letras T/a, T/w y w/o.

Takes Two

scala pro, con kerning métrico El espaciado está más equilibrado entre las letras T/a y T/w.

Takes Two

scala pro, con kerning óptico El espaciado parece más equilibrado entre las letras T/a, T/w y w/o.

Warm Type

scala pro italic, sin kerning El espaciado parece descompensado entre las letras W/a y T/y.

Warm Type

scala pro italic, con kerning métrico El espaciado está más compensado entre las letras W/a y T/y.

Warm Type

scala pro italic, con kerning óptico El espaciado es comparable al del interletrado métrico.

LOVE LETTERS

scala pro en caja alta, sin kerning El espaciado está demasiado apretado entre las letras T/T.

LOVE LETTERS

scala pro en caja alta, con kerning métrico El espaciado ha mejorado entre las letras T/T.

LOVE LETTERS

scala pro en caja alta, con kerning óptico El espaciado ha mejorado tanto entre las letras T/T como entre O/V.

102 | pensar con tipos

cómo compensar el espacio entre dos letras

acoplamiento de titulares Las sutiles diferencias que existen entre el kerning métrico y el kerning óptico se perciben más cuanto mayor es el tamaño del tipo. La mayoría de los problemas aparecen entre pares de letras en caja alta y baja. El espaciado entre H/a, T/a y T/o mejora con el kerning óptico. El acoplamiento óptico que se ha aplicado en InDesign crea un espaciado más apretado en un texto de gran tamaño y más amplio en un texto pequeño. Compara ambos efectos antes de escoger un método.

Ha Ha

kerning métrico

kerning óptico

kerning métrico frente a kerning óptico

Los libros y las prostitutas ventilan sus discusiones en público.

Los libros y las prostitutas pueden llevarse a la cama.

Libros y prostitutas: las notas al pie de página son para aquellos lo que, para estas, los billetes ocultos en la media.

—walter benjamin, 1925

quadraat sans, con kerning métrico

Los libros y las prostitutas ventilan sus discusiones en público.

Los libros y las prostitutas pueden llevarse a la cama.

Libros y prostitutas: las notas al pie de página son para aquellos lo que, para estas, los billetes ocultos en la media.

—walter benjamin, 1925

quadraat sans, con kerning óptico

texto | 103

tracking

El ajuste del espaciado general entre un grupo mayor de letras se denomina tracking. Se puede crear un campo de texto más abierto expandiendo la prosa de una palabra, de una línea o de toda una caja. En un bloque de texto, el tracking se aplica en pequeños incrementos para crear un efecto sutil, casi imperceptible para el lector. En ocasiones, se modifica el tracking de una sola palabra o frase para destacarla, sobre todo cuando se usan MAYÚSCULAS o versalitas en una línea. El uso del tracking negativo rara vez es recomendable en tipos a tamaño de texto, pero puede utilizarse con moderación para subir una línea. Los textos “invertidos”, en blanco sobre fondo negro, resultan más legibles si se ajusta el tracking.

scaly-breasted partridge Arborophila chloropus 12 in (30 cm) Southeast Asia

crimson-headed partridge Haematortyx sanguiniceps 10 in (25 cm) Borneo

birds of the world [aves del mundo] Libro, 2007. Autor: Les Beletsky. Editorial: The Johns Hopkins University. Director de arte: Charles Nix. Diseño: Charles Nix, Whitney Grant y May Jampathom. En este libro, compuesto con Adobe Caslon y Caslon 540, se ha ajustado la prosa de las versalitas que aparecen en los títulos de los pies de foto.

ajustar la prosa de un texto tracking normal Las letras se quieren entre ellas. No obstante, debido a sus diferencias anatómicas, a algunas letras les cuesta intimar con otras. Pongamos como ejemplo a la letra V, cuyos seductores brazos se extienden por encima de la base. Por el contrario, la L se sostiene de forma sólida sobre su base aunque alberga cierta sensación de vacío por encima de su cintura. Las mayúsculas, cuadradas y conservadoras, prefieren mantener las distancias con sus vecinas.

tracking positivo (+20) Las letras se quieren entre ellas. No obstante, debido a sus diferencias anatómicas, a algunas letras les cuesta intimar con otras. Pongamos como ejemplo a la letra V, cuyos seductores brazos se extienden por encima de la base. Por el contrario, la L se sostiene de forma sólida sobre su base aunque alberga cierta sensación de vacío por encima de su cintura. Las mayúsculas, cuadradas y conservadoras, prefieren mantener las distancias con sus vecinas.

tracking negativo (-20) Las letras se quieren entre ellas. No obstante, debido a sus diferencias anatómicas, a algunas letras les cuesta intimar con otras. Pongamos como ejemplo a la letra V, cuyos seductores brazos se extienden por encima de la base. Por el contrario, la L se sostiene de forma sólida sobre su base aunque alberga cierta sensación de vacío por encima de su cintura. Las mayúsculas, cuadradas y conservadoras, prefieren mantener las distancias con sus vecinas. d e l i t o t i p o g r á f i co texto con prosa muy reducida Las letras están demasiado apretadas para estar cómodas.

Libros y prostitutas: ambos tienen un tipo de hombre que vive de ellos y los atormenta. En el caso de los libros, los críticos. walter benjamin, 1925

Libros y prostitutas: ambos tienen un tipo de hombre que vive de ellos y los atormenta. En el caso de los libros, los críticos. walter benjamin, 1925

texto en negativo, sin tracking

texto en negativo, traking a +25

104 | pensar con tipos

cómo ajustar la prosa de un grupo de letras

Los diseñadores suelen aplicar este ajuste de prosa a los titulares y los logotipos (en los que también es frecuente retocar el acoplamiento entre pares de caracteres —el kerning—). A medida que el texto aumenta de tamaño, el espacio entre las letras se expande y algunos diseñadores retocan el tracking para reducir el espaciado global que se genera en los textos a gran escala. En el caso de mayúsculas y versalitas, se aplica normalmente un tracking más holgado o abierto que las inviste de cierta solemnidad al aislarlas ligeramente.

ajustar la prosa en titulares y logotipos

LOVE LETTERS mayúsculas: prosa normal

LOVE LETTERS

mayúsculas: prosa holgada (tracking a +75)

love letters, love letters versalitas: prosa normal frente a prosa holgada (tracking a +75)

love letters, love letters caja baja: prosa normal

love letters, love letters caja baja: prosa holgada (traking a +75) d e l i t o t i p o g r á f i co : tracking en caja baja Las letras en caja baja con un espaciado muy holgado —sobre todo las cursivas— tienen un aspecto extraño porque estos caracteres están diseñados para quedar bastante juntos.

eros Logotipo, 1962. Diseño: Herb Lubalin. Un distintivo del grafismo comercial progresista en las décadas de 1960 y 1970 era el empleo de una prosa superreducida. En este caso, las letras se acunan unas a otras con una intimidad muy adecuda al tema que las reúne.

cruet & whisk y thymes Logotipos, 2006. Diseño: Duffy & Partners. Las letras en caja alta de este logotipo, con un tracking muy generoso, confieren un sabor afable y con solera al tiempo que aligeran el conjunto. texto | 105

ejercicio: espacio y significado

Jugando con el espaciado, el tamaño y la colocación de las letras sobre el papel se puede expresar el significado de una palabra o una idea. Los diseñadores piensan de este modo cuando crean logotipos, carteles o titulares para revistas y libros. Las composiciones que se muestran aquí expresan procesos como la interrupción, la expansión y la migración a partir del juego con el espaciado y la disposición de las letras. La O tan redonda de la Futura da especial juego en este proyecto. Trabajos de estudiantes del Maryland Institute College of Art

dis ruption

Johnschen Kudos (interrupción)

106 | pensar con tipos

sition

transition

Johnschen Kudos (transición)

c o mpression

Johnschen Kudos (compensación)

utiliza el espacio para expresar movimiento y cambio

ion

t a

e

ex xp pexpansion aa n n ss i i o on n igr

m migration Marcos Kolthar (expansión)

Jason Hogg (migración)

o

elimina ion t

o

o

t

t

o

t

t t o t

t

o

t

o

t

o

t

o

repetition Heather Williams (repetición)

t

Heather Williams (eliminación)

texto | 107

interlineado

El espacio horizontal entre dos líneas de texto (desde la línea base de una hasta la línea base de la siguiente) se denomina interlineado. El valor empleado por defecto en la mayoría de los programas de maquetación y edición gráfica equivale al 120 % del tamaño del tipo. Por tanto, un texto a 10 puntos se compone con 12 puntos de interlineado. Los diseñadores juegan con esta distancia para conseguir distribuciones tipográficas distintas. Si se reduce la distancia estándar, se genera un color tipográfico denso, con el riesgo de provocar colisiones entre las ascendentes y las descendentes. Si se expande el interlineado se crea un bloque de texto más abierto y ligero. Al aumentar el interlineado, las líneas de texto se convierten en elementos gráficos independientes en vez de en partes de una misma forma y textura visual.

Cada

cual a su

Cada

cual a su

ritmo

ritmo

d e l i t o t i p o g r á f i co Aquí, el interlineado automático produce un efecto de irregularidad.

Ajustar el interlineado de forma manual contribuye a crear una apariencia más equilibrada.

Aa

¡ojo, perfeccionistas! El ajuste a rejilla base es el ajuste manual de la posición horizontal de uno o más caracteres. A menudo se utiliza para mezclar tipos de distintos tamaños y estilos. La herramienta Ajustar a rejilla base se puede encontrar en la barra Texto de la mayoría de las aplicaciones estándar de software.

variaciones en el interlineado El espacio horizontal entre dos líneas de texto (desde la línea base de una hasta la línea base de la siguiente) se denomina interlineado. El valor empleado por defecto en la mayoría de los programas de maquetación y edición gráfica equivale al 120 % del tamaño del tipo. Por tanto, un texto a 10 puntos se compone con 12 puntos de interlineado. Los diseñadores juegan con esta distancia para conseguir distribuciones tipográficas distintas. Si se reduce la distancia estándar, se genera un color tipográfico denso, con el riesgo de provocar colisiones entre las ascendentes y las descendentes.

El espacio horizontal entre dos líneas de texto (desde la línea base de una hasta la línea base de la siguiente) se denomina interlineado. El valor empleado por defecto en la mayoría de los programas de maquetación y edición gráfica equivale al 120 % del tamaño del tipo. Por tanto, un texto a 10 puntos se compone con 12 puntos de interlineado. Los diseñadores juegan con esta distancia para conseguir distribuciones tipográficas distintas. Si se reduce la distancia estándar, se genera un color tipográfico denso, con el riesgo de provocar colisiones entre las ascendentes y las descendentes.

El espacio horizontal entre dos líneas de texto (desde la línea base de una hasta la línea base de la siguiente) se denomina interlineado. El valor empleado por defecto en la mayoría de los programas de maquetación y edición gráfica equivale al 120 % del tamaño del tipo. Por tanto, un texto a 10 puntos se compone con 12 puntos de interlineado. Los diseñadores juegan con esta distancia para conseguir distribuciones tipográficas distintas. Si se reduce la distancia estándar, se genera un color tipográfico denso, con el riesgo de provocar colisiones entre las ascendentes y las descendentes.

El espacio horizontal entre dos líneas de texto (desde la línea base de una hasta la línea base de la siguiente) se denomina interlineado. El valor empleado por defecto en la mayoría de los programas de maquetación y edición gráfica equivale al 120 % del tamaño del tipo. Por tanto, un texto a 10 puntos se compone con 12 puntos de interlineado. Los diseñadores juegan con esta distancia para conseguir distribuciones tipográficas distintas. Si se reduce la distancia estándar, se genera un color tipográfico denso, con el riesgo de provocar colisiones entre las ascendentes y las descendentes.

6/6 scala pro (Texto a 6 pts con 6 pts de interlineado, o “composición sólida”) 108 | pensar con tipos

6/7,2 scala pro (Espaciado automático; texto a 6 pts con 7,2 pts de interlineado)

6/8 scala pro (Texto a 6 pts con 8 pts de interlineado)

6/12 scala pro (Texto a 6 pts con 12 pts de interlineado)

las líneas de texto abiertas se entrelazan

dance ink Página de la revista, 1992. Diseño: Abbott Miller. Editorial: Patsy Tarr. El interlineado exagerado permite que se entretejan dos hilos textuales.

texto | 109

interlineado

Los diseñadores experimentan con interlineados exagerados para generar texturas tipográficas distintas. Un espaciado amplio permite al diseñador jugar con el espacio que se crea entre las líneas, mientras que un interlineado apretado provoca colisiones interesantes, a veces incómodas.

o livro amarelo do terminal Doble página de libro, 2008. Diseñadora: Vanessa Barbara junto a Elaine Ramos y Maria Carolina Sampaio. Editorial: Cosac Naify. En estas páginas, el texto tiene un interlineado amplio y está imprimido sobre un papel de bajo gramaje. La disposición vertical de la caja de texto varía en cada doble página y ello permite que entre las líneas se transparente el texto de otras páginas.

110 | pensar con tipos

experimentos con interlineados exagerados

visionary cities: the arcology of paolo soleri Libro, 1970. Diseño: Paolo Soleri. Este trabajo clásico del diseño postmoderno utiliza un interlineado superreducido para crear una densidad espectacular en la página. El libro, que se produjo mucho antes de la era de la maquetación digital, explotó a fondo las posibilidades de la fotocomposición y la composición con caracteres transferibles.

texto | 111

alineación

Una cuestión tipográfica fundamental es elegir la alineación del texto, es decir, si este se alinea centrado, justificado o en bandera. Cada modalidad de alineación conlleva cualidades formales, asociaciones culturales y riesgos estéticos específicos. El texto centrado es simétrico, como la fachada de un edificio clásico. La composición centrada suele emplearse en invitaciones, certificados y lápidas. Los bordes de una columna centrada suelen ser extremadamente irregulares. Las líneas centradas deben partirse para destacar una frase clave (como el nombre de la novia o la fecha de su boda) o permitir que cada nueva idea empiece en su propia línea. Esto se llama partir por el sentido.

El texto justificado, con bordes regulares a izquierda y derecha de la columna, ha sido la norma desde la invención de la imprenta de tipos móviles, que permitió la creación de páginas en serie con columnas de márgenes rectos. Con los tipos de metal, el impresor justificaba cada línea manualmente, utilizando pequeños espaciadores de metal para obtener la misma longitud en todas las líneas. La composición tipografía digital reproduce el mismo proceso pero de forma automática. Un texto justificado hace un uso eficiente del espacio y crea una forma limpia y compacta en la página. Pero cuando la longitud de la línea es demasiado corta en relación con el tamaño de letra utilizado, pueden aparecer huecos desagradables. Partir las palabras más largas ayuda a mantener las líneas apretadas. Los diseñadores utilizan muchas veces una prosa negativa para encajar caracteres extra en una línea, o una positiva si quieren igualar una línea que ha quedado demasiado amplia.

centrado Líneas de longitud desigual en torno a un eje central

justificado Los márgenes derecho e izquierdo están igualados

El texto centrado es formal y clásico. Invita al diseñador a partir el texto por el sentido de las frases y a crear formas elegantes y orgánicas. Centrar un texto es a menudo la forma más sencilla e intuitiva de situar un elemento tipográfico. Si se usa sin cuidado, un texto centrado puede parecer monótono y triste, como una lápida.

El texto justificado crea una forma limpia en la página. Su uso eficiente del espacio hace que este sea el patrón que se utiliza en periódicos y libros. Sin embargo, cuando el texto se fuerza para que encaje en una determinada medida, pueden aparecer huecos. Esto se puede evitar empleando un ancho de línea suficientemente grande respecto al tamaño del tipo que se esté utilizando. Cuanto más pequeña sea la letra, más palabras cabrán en una misma línea.

esta forma monótona tiene saltos de línea aleatorios que no respetan el ritmo del texto.

112 | pensar con tipos

delito tipográfico bloques de texto pobremente formados En la mayoría de los casos, el texto centrado debe partirse en frases que combinan líneas largas y cortas.

delito tipográfico Cuando el diseñador texto agujereado fija un ancho de línea Una columna demasiado demasiado pequeño o el autor usa palabras estrecha se llenará de huecos. demasiado largas, aparecen huecos desagradables

sistemas de alineación estándar

En un texto que está justificado por la izquierda/ en bandera por la derecha, el margen izquierdo es firme, recto, el derecho es irregular. El espacio entre palabras no fluctúa, y por tanto no aparecen huecos grandes en el texto. Este formato, que antes del siglo xx se usó sobre todo para maquetar poesía, respeta el flujo del lenguaje en vez de someterlo al dictado de una caja de texto. A pesar de sus ventajas, la justificación por la izquierda está llena de peligros. El diseñador debe esforzarse, sobre todo, por controlar la apariencia de la bandera que se crea en el lado derecho. Una buena bandera presenta una irregularidad agradable a la vista, sin líneas demasiado largas o cortas y prácticamente sin división de palabras. Una bandera se considera “mala” cuando es demasiado regular (o demasiado irregular) o cuando empieza a formar figuras regulares, como cuñas, lunas o trampolines.

La justificación por la derecha/bandera por la izquierda es una variante de la justificación por la izquierda (más habitual). Es bien sabido entre los tipógrafos que los textos alineados a la derecha son difíciles de leer porque fuerzan al ojo del lector a encontrar la posición correcta en cada línea. Puede que sea cierto o que se trate de una leyenda urbana. Dicho esto, cabe afirmar que los textos largos en raras ocasiones utilizan la justificación por la derecha. Sin embargo, aplicada a bloques pequeños, permite crear de forma eficaz notas al margen, ladillos, citas y otros pasajes que complementan el cuerpo de texto o imagen principales. Una bandera puede sugerir atracción (o rechazo) entre bloques de información.

justificación por la izquierda/bandera por la derecha El margen izquierdo es firme; el margen derecho es dúctil

justificación por la derecha/bandera por la izquierda El margen derecho es firme; el margen izquierdo es dúctil

El texto alineado a la izquierda respeta el movimiento orgánico del lenguaje y evita los espaciados irregulares que arruinan los textos justificados. Sin embargo, una bandera mal compuesta puede arruinar esta apariencia relajada y orgánica. Los diseñadores tienen que procurar que la bandera parezca natural y aleatoria sin recurrir en exceso a la división de palabras.

La alineación por la derecha puede suponer una agradable ruptura de lo habitual. Cuando se utiliza en epígrafes, como pies de foto, ladillos y otras notas marginales, puede sugerir afinidad entre distintos elementos. También puede molestar al lector, porque los textos en bandera por la izquierda son algo inusual. Las banderas alineadas por la derecha corren los mismos riesgos que las alineadas por la izquierda. Además, los signos de puntuación pueden debilitar el margen derecho.

Una bandera mal compuesta originará formas extrañas en el margen derecho, en vez de parecer aleatoria.

delito tipográfico bandera mal compuesta En este caso, una forma de cuña afea el margen en bandera.

La puntuación excesiva (al final de las líneas) atacará, amenazará y, por lo general, debilitará la justificación por la derecha.

delito tipográfico la puntuación se come el borde Una puntuación sin mesura debilita el margen derecho.

texto | 113

alineación

Los cuatro tipos de alineación (centrada, justificada, justificada por la izquierda, justificada por la derecha) forman la gramática básica de la composición tipográfica. Cada una tiene usos tradicionales que el lector interpreta de forma intuitiva. centrada

the works of virgil [obras de virgilio] Imprimido para Jacob Tonson, 1698. Las portadillas de los libros se componían tradicionalmente con el texto centrado. Esta portada a dos colores se imprimió en dos pasadas de prensa (nótese el registro defectuoso de los dos colores). Los tipos grandes se crearon principalmente para usarse en portadas o en libros de himnos religiosos.

114 | pensar con tipos

justificada

the complete writings of elbert hubbard, volume two [obras completas de elbert hubbard, volumen dos] Impreso por la Roycroft Shop, 1908. Esta página pertenece a un libro neorrenacentista que rememora el primer siglo de la imprenta. El bloque de texto no solo está perfectamente justificado, sino que, con el fin de preservar la solidez de la página, se han utilizado además calderones (signos de salto de párrafo) en lugar de sangrías y saltos de línea.

justificación por la izquierda

justificación por la izquierda

charles baudelaire/les fleurs du mal [las flores del mal] Impreso por Bill Lansing, 1945. Tradicionalmente, la poesía se alinea a la izquierda porque los saltos de línea son un elemento fundamental de esta forma literaria. La poesía no suele componerse centrada, excepto en tarjetas de felicitación.

justificación por la derecha

layout in advertising [la maquetación en publicidad] Diseñado y escrito por W. A. Dwiggins, 1928. En esta guía clásica de las prácticas del arte comercial, Dwiggins ha situado los avisos y las observaciones en los márgenes. En la página izquierda (verso) mostrada aquí, dichas notas están alineadas a la derecha, de modo que estén próximas al contenido al que hacen referencia.

texto | 115

alineación

A veces los diseñadores emplean las formas clásicas de alineación de un modo que enfatice sus cualidades visuales. La combinación de formas de alineación distintas puede generar composiciones dinámicas y sorprendentes.

alineación por la izquierda y por la derecha: vas: an opera in flatland Doble página de libro, 2002. Diseño: Stephen Farrell. Autor: Steve Tomasula. En esta novela, los textos y las imágenes se alinean a derecha y a izquierda siguiendo una serie de finas guías. La puntuación que cuelga por fuera del margen y las letras en negrita refuerzan los márgenes alineados. 116 | pensar con tipos

experimentar con la alineación

alineación por la izquierda y por la derecha: informal Libro, 2002. Diseño: Januzzi Smith. Autor: Cecil Balmond. Fotografía: Dan Meyers. Este libro es un manifiesto que defiende un enfoque informal de la arquitectura y la ingeniería de estructuras. Las columnas de texto combinan la alineación por la derecha y por la izquierda, lo que genera una pequeña pero insistente fisura dentro del texto y banderas irregulares en los márgenes exteriores.

justificado: hella jongerius Libro, 2003. Diseño: COMA. Fotografía: Dan Meyers. El papel transparente realza el bloque de texto justificado. Las imágenes cuelgan siempre de la misma horizontal, lo que crea un hilo conductor visible que recorre el borde del libro. texto | 117

ejercicio: alineación

Utiliza los diferentes tipos de alineación para interpretar de forma activa un fragmento de texto. El pasaje, en este caso, es del libro de Walter Ong titulado Orality and Literacy: The Technologizing of the Word (traducida al castellano como Oralidad y escritura: tecnologías de la palabra). La obra explica cómo el invento de la imprenta con tipos móviles impuso un nuevo orden espacial a la palabra escrita, en contraste con la apariencia orgánica de las páginas manuscritas. Las soluciones que aquí se muestran abordan el conflicto entre lo pautado y lo irregular, lo industrial y lo natural y lo planeado y lo azaroso que subyace a todas las composiciones tipográficas. Trabajos de estudiantes del Maryland Institute College of Art

print situates words in space more relentlessly than writing ever did. Control of position is everything in print. Printed texts look machine-made, as they are. Typographic writing moves words from the sound world to a world of visual space, but print locks words into position in this space. In handwriting, control of space tends to be ornamental, ornate, as in calligraphy.

control typically impresses most by its tidiness and invisibility: the lines perfectly regular, all justified on the right side, everything coming out even visually, and without the aid of guidelines or ruled borders that often occur in manuscripts. This is an insistent world of cold, non-human, facts.

Los pasajes de texto, alineados por la izquierda y por la derecha, cuelgan de un eje central. Johnschen Kudos

118 | pensar con tipos

print situates words in space more relentlessly than writing ever did. writing moves words from the sound world to a world of visual space, but print locks words into position in this space. control of position is everything in p r in t. p r in t e d t e x ts look machine-made, as they are. in handwriting, control of space tends to be ornamental, typographic control typically impresses most by its tidiness ornate, as in calligraphy. an d in v is ibil it y: t he l in e s perfectly regular, all justified on the right side, everything coming out even visually, and without the aid of guidelines or ruled borders that often occur in manuscripts. this is an insistent world of cold, nonhuman, facts.

Algunas palabras, espaciadas de forma aleatoria, se liberan de la rígida disciplina de una columna justificada. Lu Zhang Print situates words in space more relentlessly than writing ever did. Writing moves words from the sound world to a world of visual space, but print locks words into position in this space. Control of position is everything in print. Printed texts look machine-made, as they are. In handwriting, control of space tends to be ornamental, ornate. Typographic control typically impresses most by its tidiness and invisibility: the lines perfectly regular, This is an insistent all justified on the world of cold, right side, everything non-human, facts. coming out even visually, and without the aid of guidelines or ruled borders that often occur in manuscripts.

Unas líneas largas y centradas sirven de puente entre dos estrechas columnas en bandera. Benjamin Lutz

cómo utilizar la alineación para representar un texto

relentlessly than writing ever did. Writing moves words from the sound world to a world of visual space, but print locks words into position in this space. Control of position is everything in print. Printed texts look machine-made, as they are. In handwriting, control of space tends to be ornamental, ornate, as in calligraphy. Typographic control typically impresses most by its tidiness and invisibility: the lines perfectly regular, all justified on the right side, everything coming out even visually, and without the aid of guidelines or ruled borders that often occur in manuscripts. This is an insistent world of cold, non-human, facts. Print situates words in space more

Print situates words in space more relentlessly than writing ever did. Writing moves words from the sound world to a world of visual space, but print locks words into position in this space. Control of position is everything in print. Printed texts look machine-made, as they are. In handwriting, control of space tends to be ornamental, ornate, as in calligraphy. Typographic control typically impresses most by its tidiness and invisibility: the lines perfectly regular, all justified on the right side, everything coming out even visually, and without the aid of guidelines or ruled borders that often occur in manuscripts. this is an insistent world of cold, non-human, facts.

Una línea se desliza hacia fuera del bloque de texto justificado. Kapila Chase

El inicio del párrafo se ha desplazado al final. Daniel Arbello Print situates words in space more relentlessly than writing ever did. Writing moves words from the sound world to a world of v

i

In handwriting, control of space tends to be ornamental, ornate, as in calligraphy.

s

u a

l

s

p a c

e

Print situates words in space more relentlessly than writing ever did. Writing moves words from the Control of position is everything in print. Printed texts look

but print locks words into position in this space. Control of position is everything in print. Printed texts look machine-made, as they are.

Typographic control typically impresses most by its tidiness and invisibility: the lines perfectly regular, all justified on the right side, everything coming out even visually, and without the aid of guidelines or ruled borders that often occur in manuscripts. This is an insistent world of cold, non-human, facts.

Algunos elementos se escapan de una columna justificada. Efrat Levush

ornamental, ornate, as in calligraphy. Typographic control typically impresses most

sound world to a world of visual space, but print locks words into position in this space. machine-made, as they are. In handwriting, control of space tends to be

by its tidiness and invisibility: the lines perfectly regular, all justified on the right side, everything coming in manuscripts. out even visually, This is an and without the insistent world of aid of guidelines cold, nonor ruled borders human, facts. that often occur

El texto se ha forzado en una retícula de cuadrados compuestos en bandera. Kim Bender

texto | 119

texto en vertical

120 | pensar con tipos

versalitas en vertical

de arriba abajo

de abajo arriba

vértigo

una película de alfred hitchcock

v é r t i g o

una película de alfred hitchcock

d e l i t o t i p o g r á f i co letras en caja baja y en vertical

v é r t i g o

vértigo

v é r t i g o

una película de alfred hitchcock

v é r t i g o

lomos de libros En los lomos de los libros pueden verse a veces letras compuestas en vertical, aunque es más común encontrar líneas base verticales. La dirección predominante en Estados Unidos es de arriba abajo, en España, de abajo arriba.

vértigo

Las letras romanas están diseñadas para componerse unas junto a otras, no unas encima de otras. Las columnas de letras en caja baja resultan especialmente extrañas porque las ascendentes y descendentes provocan que el espaciado vertical sea irregular. A su vez, la diferente anchura de los caracteres hace que la columna parezca frágil (la letra I es siempre un problema). Las letras en caja alta crean columnas más estables. Centrar la columna ayuda a equilibrar las diferencias de anchura. Los sistemas de escritura asiáticos, como el chino, se escriben tradicionalmente en vertical y la forma cuadrada de sus caracteres favorece dicha orientación. La forma más sencilla de componer en vertical una línea de texto en alfabeto latino consiste en hacer rotar su composición horizontal. Este movimiento conserva la afinidad natural entre las letras de una línea y crea un eje vertical.

en las dos direcciones

líneas base verticales No existe ninguna norma que especifique la dirección en que deben componerse las letras en vertical, ya sea de arriba abajo o de abajo arriba. Por ejemplo, en Estados Unidos es más común que el texto de los lomos de los libros corra de arriba abajo, mientras que en España suele suceder al revés. (Aunque también se puede componer un texto en ambas direcciones simultáneamente.)

letras en vertical en el espacio urbano

letreros comerciales mexicanos Fotografías: Andrea Marks. Los letreros comerciales suelen ocupar estrechos espacios verticales y por eso usan a menudo letras compuestas en columna. En estos casos, las letras están escritas a mano. Los caracteres más anchos y las O cuadradas componen mejor que las letras estrechas tradicionales, de formas redondeadas. En algunos casos, los caracteres han sido alineados especialmente para crear relaciones verticales. Es el caso del cartel de “Optica” de la derecha, que está pintado en la moldura plana del marco de una puerta. texto | 121

texto en vertical

122 | pensar con tipos

líneas base verticales

simpatico Cartel para el Public Theater, 1994. Diseñadora: Paula Scher/ Pentagram. El texto dispuesto en vertical genera un flujo a lo largo del cartel. El logotipo del teatro, que también emplea una línea base vertical, puede adaptarse con facilidad a otros soportes publicitarios. parallelen im schnittpunkt (cruce de paralelas) Cartel, 1997. Diseño: Gerwin Schmidt. Editorial: Art-Club Karlsruhe. Los ejes del texto y del paisaje se cruzan para crear un cartel sencillo pero potente y directo. Las líneas de texto, en alemán y francés, están compuestas en espejo.

texto | 123

las letras capitulares

al comienzo de un texto, el lector necesita una invitación a adentrarse en él. Las letras capitulares, también llamadas letras iniciales, suelen marcar el inicio del capítulo de un libro o de un artículo de revista. Muchos manuscritos medievales estaban iluminados con títulos muy elaborados. Esta tradición se mantuvo con la llegada de la imprenta. Al principio, las capitulares se pintaban a mano en las páginas previamente impresas con intención de que el libro producido en serie se pareciera lo más posible a un manuscrito (que eran más valiosos que los libros impresos). Las letras iniciales se incorporaron pronto a la tipografía. El impresor podía componerlas junto al texto principal, con bloques de madera o caracteres de plomo fundido, o añadirlas después mediante un proceso independiente como el grabado. Hoy en día, las capitulares pueden diseñarse fácilmente como parte del sistema tipográfico de una publicación.

a view of the monuments Página de libro, siglo xviii. Esta página se imprimió en dos pasadas: impresión tipográfica con grabados ilustrados.

124 | pensar con tipos

new york times book review Página de periódico, 2009. Director de arte: Nicholas Blechman. Ilustradora: Ellen Lupton. La letra capitular es una ilustración que se ha incorporado en la maquetación.

e

dar estilo a las letras capitulares

n este párrafo, el pie de la letra inicial se situa sobre la misma línea base que el texto que la sigue. Esta forma se llama capitular alta. Esta solución tan simple es fácil de aplicar tanto sobre papel como en pantalla. Para conseguir una transición suave entre la mayúscula inicial y el resto del texto se pueden utilizar versalitas en las primeras palabras del bloque.

a

la letra capitular que se alinea con la primera línea de texto por la cabeza se la conoce como capitular baja. Este ejemplo se ha realizado utilizando la opción Drop Caps de InDesign. El programa crea de forma automática un espacio alrededor de uno o más caracteres y los aumenta tantas líneas como se indiquen. El diseñador puede ajustar el tamaño y la prosa de la capitular para que encaje con el texto que la rodea. En el formato web, se pueden aplicar soluciones similares a través del lenguaje CSS. El espacio alrededor de la letra inicial es rectangular y puede parecer visualmente descompensado, como puede apreciarse aquí en la silueta inclinada de la letra A.

v

iene román, leyendo Nouveau Roman en Times New Roman. La inicial baja de este párrafo (TheSerif Bold) está dispuesta como un elemento independiente. Se ha utilizado una caja invisible situada detrás de la letra V y se le ha aplicado el ajuste ceñir texto para crear la impresión de que el texto fluye alrededor del trazo invasor de la letra. Asimismo, la parte izquierda de la letra sobresale ligeramente y confiere al carácter un anclaje más firme. Las soluciones manuales como esta no pueden aplicarse de modo sistemático.

a veces, los diseñadores formulan adaptaciones de la convención de la letra capitular. En lugar de una letra, podemos encontrar iconos, pequeñas ilustraciones o alternativas puramente tipográficas. Como en este ejemplo, se puede colocar el título o el subtítulo de un párrafo en un espacio sustraído del bloque de texto principal. Estos recursos movilizan la estructura familiar de la página en favor de usos diversos y a veces inesperados. agarra al lector por las cajas bajas y no lo sueltes

texto | 125

marcar los párrafos

Los párrafos no se encuentran en la naturaleza. Las frases son unidades gramaticales intrínsecas a la lengua hablada, pero los párrafos son convenciones literarias pensadas para dividir bloques de contenido en porciones más apetitosas. Las sangrías se han empleado de forma habitual desde el siglo xvii. Otro recurso común es el de añadir espacio entre párrafos. En el ámbito web, un párrafo es una unidad semántica (utiliza la etiqueta

en el lenguaje html) que suele aparecer seguido de un espacio al final. La sangría habitual tiene el tamaño de un cuadratín, una unidad de espacio fija cuya anchura equivale aproximadamente a la altura de una mayúscula. El cuadratín es, por tanto, proporcional al tamaño del tipo: si cambia el tamaño en puntos o la anchura de una columna, las sangrías deben escalarse apropiadamente. De modo alternativo, se puede utilizar la tecla del tabulador e introducir una sangría de la profundidad que desees. Esta técnica podría utilizarse para alinear las sangrías con una línea vertical de la retícula u otros elementos de la página. En la primera línea de un texto no debe haber sangría: las sangrías señalan un cambio o una separación, por lo que no hay razón para marcar el texto antes de que este mismo haya empezado. A pesar de la ubicuidad de las sangrías y del espaciado entre párrafos, los diseñadores han desarrollado muchas alternativas que permiten dar estilo al contenido de distintas formas. ¡ojo, perfeccionistas! Utiliza la opción “Espacio después de párrafo” en tu programa de maquetación para introducir un incremento específico de espacio entre párrafos. Añadir una línea entera en blanco suele crear un efecto demasiado abierto y desperdicia mucho espacio. Procura adquirir el hábito de utilizar el salto de párrafo solamente al final de los párrafos (tecla Enter). Cuando no quieras añadir espacio extra introduce un salto de línea (Shift + Enter).

126 | pensar con tipos

La mesa está cubierta por un tapete, protegido a su vez por otro de plástico. Visillos y cortinas en las ventanas. Tapices, fundas, calzos, revestimiento de las paredes, pantallas. Cada figurita descansa sobre un pañito. Cada flor tiene su maceta, cada maceta su macetero. Todo está protegido y enmarcado. En el mismo jardín, cada macizo tiene una alambrada y cada paseo un subrayado de ladrillos, mosaicos, etc. Puede analizarse esto como una compulsión ansiosa de secuestro, como simbólica obsesiva: no solo poseer, sino subrayar dos veces, tres veces, lo que se posee, es la obsesión del dueño del hotelito y del pequeño capitalista. Aquí como en otro lugar, en la redundancia de los signos, en sus connotaciones y su enmienda es donde habla el inconsciente. — Jean Baudrillard, 1969

sangría y salto de línea

La mesa está cubierta por un tapete, protegido a su vez por otro de plástico. Visillos y cortinas en las ventanas. Tapices, fundas, calzos, revestimiento de las paredes, pantallas. Cada figurita descansa sobre un pañito. Cada flor tiene su maceta, cada maceta su macetero. Todo está protegido y enmarcado. En el mismo jardín, cada macizo tiene una alambrada y cada paseo un subrayado de ladrillos, mosaicos, etc. Puede analizarse esto como una compulsión ansiosa de secuestro, como simbólica obsesiva: no solo poseer, sino subrayar dos veces, tres veces, lo que se posee, es la obsesión del dueño del hotelito y del pequeño capitalista. Aquí como en otro lugar, en la redundancia de los signos, en sus connotaciones y su enmienda es donde habla el inconsciente. — Jean Baudrillard, 1969

salto de línea y 1/2 espacio de línea (espaciado entre párrafos)

dividir el texto en fragmentos

La mesa está cubierta por un tapete, protegido a su vez por otro

La mesa está cubierta por un tapete, protegido a su vez por otro

de plástico. Visillos y cortinas en las ventanas. Tapices, fundas,

de plástico. Visillos y cortinas en las ventanas. Tapices, fundas,

calzos, revestimiento de las paredes, pantallas. Cada figurita

calzos, revestimiento de las paredes, pantallas. Cada figurita

descansa sobre un pañito. Cada flor tiene su maceta, cada

descansa sobre un pañito. Cada flor tiene su maceta, cada

maceta su macetero.

maceta su macetero. Todo está protegido y enmarcado. En el

Todo está protegido y enmarcado. En el mismo jardín, cada macizo

mismo jardín, cada macizo tiene una alambrada y cada paseo

tiene una alambrada y cada paseo un subrayado de ladrillos,

un subrayado de ladrillos, mosaicos, etc.

mosaicos, etc.

esto como una compulsión ansiosa de secuestro, como simbó-

Puede analizarse

Puede analizarse esto como una compulsión ansiosa de

lica obsesiva: no solo poseer, sino subrayar dos veces, tres veces,

secuestro, como simbólica obsesiva: no solo poseer, sino

lo que se posee, es la obsesión del dueño del hotelito y del

subrayar dos veces, tres veces, lo que se posee, es la obsesión

pequeño capitalista. Aquí como en otro lugar, en la redundancia

del dueño del hotelito y del pequeño capitalista. Aquí como en

de los signos, en sus connotaciones y su enmienda es donde

otro lugar, en la redundancia de los signos, en sus connotaciones

habla el inconsciente.

y su enmienda es donde habla el inconsciente. — Jean Baudrillard, 1969

sangría negativa y salto de línea

— Jean Baudrillard, 1969

espacio extra dentro de la línea, sin salto de línea

La mesa está cubierta por un tapete, protegido a su vez por otro

La mesa está cubierta por un tapete, protegido a su vez por

de plástico. Visillos y cortinas en las ventanas. Tapices, fundas,

otro de plástico. Visillos y cortinas en las ventanas. Tapices,

calzos, revestimiento de las paredes, pantallas. Cada figurita

fundas, calzos, revestimiento de las paredes, pantallas. Cada

descansa sobre un pañito. Cada flor tiene su maceta, cada

figurita descansa sobre un pañito. Cada flor tiene su maceta,

maceta su macetero. Q Todo está protegido y enmarcado. En el

cada maceta su macetero.

mismo jardín, cada macizo tiene una alambrada y cada paseo

Todo está protegido y enmarcado. En el mismo jardín, cada

un subrayado de ladrillos, mosaicos, etc. Q Puede analizarse

macizo tiene una alambrada y cada paseo un subrayado de

esto como una compulsión ansiosa de secuestro, como simbó-

ladrillos, mosaicos, etc.

lica obsesiva: no solo poseer, sino subrayar dos veces, tres veces, lo que se posee, es la obsesión del dueño del hotelito y del pequeño capitalista. Aquí como en otro lugar, en la redundancia de los signos, en sus connotaciones y su enmienda es donde habla el inconsciente.

Puede analizarse esto como una compulsión ansiosa de secuestro, como simbólica obsesiva: no solo poseer, sino subrayar dos veces, tres veces, lo que se posee, es la obsesión del dueño del hotelito y del pequeño capitalista. Aquí como en otro lugar, en la redundancia de los signos, en sus connotaciones y su enmienda es donde habla el inconsciente.

— Jean Baudrillard, 1969

símbolo, sin sangría ni salto de línea

— Jean Baudrillard, 1969

d e l i t o t i p o g r á f i co : demasiadas marcas Utilizar el espaciado entre párrafos y las sangrías conjuntamente es un despilfarro de espacio que otorga al bloque de texto una forma flácida y falta de definición.

texto | 127

marcar los párrafos

Contenidos diferentes invitan a usar marcas distintas. En los primeros libros impresos, los párrafos se indicaban con un símbolo, como ||, sin añadir ningún espacio extra ni salto de línea. La sangría de primera línea y el salto de línea final de párrafo se adoptaron como estándar en el siglo xvii. La impresión comercial favorece la fragmentación frente a la integridad textual, lo que permite a los lectores extraer fragmentos del conjunto. Las formas literarias modernas, como las entrevistas, invitan a los diseñadores a concebir nuevos sistemas tipográficos.

biblia Detalle de una página, c. 1500. En esta preciosa composición contrasta la columna de texto, muy condensada, con la profusión de detalles que la rodean, como la letra capitular baja, las notas de los márgenes y la sinopsis triangular del capítulo.

128 | pensar con tipos

panfleto comercial, 1911. Este diseño abigarrado con su sobrecarga de marcas: sangrías, saltos de línea, espacio entre párrafos y ornamentos, se muestra suplicante ante el lector.

experimentar con los saltos de párrafo

museums of tomorrow: a virtual discussion [los museos del mañana: un debate virtual] Doble página de libro, 2004. Diseñado por Franc NunooQuarcoo y Karen Howard. En este texto de múltiples autores los saltos de párrafo están marcados con sangrías negativas. design beyond design [diseño más allá del diseño] Doble página de libro, 2004. Diseñado y editado por Jan van Toorn. Las líneas y bloques de texto se desplazan hacia el margen para marcar los cambios de voz en una conversación en curso.

texto | 129

los pies de ilustración

C

el banco de uno | Propuesta de señalética | Agencia: Saffron | Diseño: Joshua Distler, Mike Abbink, Gabor Schreier y Virginia Sardón

el banco de uno Propuesta de señalética Agencia: Saffron Diseño: Joshua Distler, Mike Abbink, Gabor Schreier y Virginia Sardón

el banco de uno Propuesta de señalética Agencia: Saffron Diseño: Joshua Distler, Mike Abbink, Gabor Schreier y Virginia Sardón

El estilo y la ubicación de los pies afectan a, la experiencia de lectura, a la economía visual y a la composición de la página. Algunos lectores se fijan primero en las imágenes y en sus pies, mientras que otros prefieren seguir el texto narrativo principal y consultar luego las ilustraciones de apoyo. Desde el punto de vista de la lectura, es aconsejable situar los pies cerca de las imágenes. Sin embargo, esto no siempre supone un aprovechamiento eficaz del espacio. Los diseñadores deben afrontar sus problemas de forma contextual. Si los pies son fundamentales para entender el contenido visual, conviene que estén próximos a las imágenes. Si, por el contrario, su función es meramente documental, esa proximidad puede sacrificarse con más facilidad.

el banco de uno Propuesta de señalética Agencia: Saffron Diseño: Joshua Distler, Mike Abbink, Gabor Schreier y Virginia Sardón

>>

Zoom // Política 2.0

José Sócrates contrata equipa de Obama para as legislativas

COMO SÉ FAZ UMA CAMPANHAWEB 2.0

TWITTER São 140 caracteres de cada vez. O limite máximo de cada texto nesta nova forma de comunicação, que replica o estilo de linguagem dos SMS, mas é mais concisa e directa. Com a diferença de as mensagens enviadas ficarem acessíveis a todos os seguidores. Há quem diga que é apenas uma moda, mas a Presidência da República já aderiu, tal como 16 deputados portugueses.

SMS O contacto por SMS já pode ser considerado uma forma de comunicação antiquada entre os partidos e os seus militantes. Foi desta forma que Paulo Portas anunciou, por exemplo, os candidatos do CDS às eleições europeias. Agora o PS quer introduzir uma novidade: enviar SMS por bluetooth aos habitantes que tenham essa tecnologia activa nas regiões por onde passar a caravana da campanha socialista.

E-MAIL É a forma de comunicação mais tradicional dos partidos com os seus militantes e simpatizantes. Não apenas para enviar informações sobre actividades partidárias, mas sobretudo para recolher opiniões. “Na altura em que criámos um endereço específico para receber queixas sobre a ASAE recebíamos mais de 300 emails por dia”, aponta o secretário-geral do CDS, João Moreira.

A empresa Blue State trabalhou a área online da candidatura de Obama. A maioria absoluta PS é o novo desafio ADRIANO NOBRE

[email protected] O caminho para a maioria absoluta até pode não passar pelo Twitter, mas a campanha de José Sócrates nas próximas eleições legislativas vai ter nas redes sociais um palco privilegiado para tentar criar uma onda de entusiasmo e militância socialista entre os eleitores. A candidatura de Barack Obama à presidência dos Estados Unidos é a referência desta estratégia. E a tentativa de replicar a “mudança” democrata em Washington vai contar com um contributo de peso: o Partido Socialista contratou os serviços da Blue State Digital, empresa responsável pelo desenvolvimento da vertente online e multimédia da campanha do agora presidente Barack Obama. Segundo informações recolhidas pelo i junto do gabinete do primeiro-ministro, o objectivo é transportar para Portugal o conceito de campanha de proximidade adoptada por Obama. Com contactos diários através de emails, SMS, fóruns online e redes sociais como o Facebook, o Hi5, o Twitter ou o Flickr. As palavras de ordem são angariar novos militantes, cimentar simpatias e garantir presenças nas actividades da campanha socialista – ou seja, um trabalho de fundo junto das bases do partido com o objectivo de alargar ao máximo o universo de votantes do PS. E que terá na imagem de Sócrates – à semelhança de Obama nas eleições norte-americanas – o foco essencial de toda a comunicação. O acordo com a Blue State Digital só será anunciado oficialmente no final de Junho, data em que alguns administradores da empresa virão a Portugal “para definir toda a metodologia de trabalho até às eleições legislativas”, avançou ao i a mesma fonte. A colaboração da empresa norte-americana com o PS teve início antes do con-

16

gresso do partido, em Fevereiro. “Estiveram no congresso, onde já deram algumas ideias, e desde então temos estado em contacto permanente para decidir a parte operacional de algumas iniciativas que queremos desenvolver”, como o envio de SMS por bluetooth para as localidades por onde passar a caravana da campanha socialista nas legislativas. O site Sócrates2009, descrito como um movimento online de apoio à reeleição do primeiro-ministro, é um exemplo dessa colaboração. O projecto replica algumas receitas online na candidatura de Obama à presidência norte-americana, como a aposta em chats, emissão de vídeos ou a promoção de fóruns. O destaque vai porém para a rede social MyMov, que pretende unir simpatizantes e criar “uma estrutura paralela de pessoas não vinculadas ao partido”. A Blue State foi a empresa que criou o site my.barackobama.com, plataforma que recolheu os donativos e a angariação de voluntários para a candidatura. E o resultado foi avassalador: 3 milhões de donativos pessoais, 368 milhões de euros angariados e 2 milhões de participantes em redes sociais na internet. Além de ter trabalhado nestes projectos com os democratas, a Blue State já colaborou com o Partido Trabalhista inglês. O acordo com o PS é um novo passo na internacionalização da empresa, que vê nesta colaboração uma possível ponte para o mercado brasileiro.

A concepção do site Sócrates2009 foi o primeiro fruto da colaboração com a Blue State

—13 Maio 2009

Não vá o diabo tecê-las: é melhor estar na internet FACEBOOK Se uma rede social serve para alimentar relações de amizade ou trabalho em suporte online, por que não aproveitá-la para aumentar a quantidade de votos? A diferença está apenas na transformação do conceito de “amigo” em “eleitor”. Barack Obama conseguiu reunir mais de 6 milhões de “amigos” no Facebook. Os partidos portugueses não são assim tão ambiciosos, mas vão estar todos presentes.

INTERNET A campanha de Barack Obama para as eleições presidenciais norte-americanas pôs a internet no centro das atenções de todos os políticos. Os principais partidos portugueses já estão online há vários anos, mas dão cada vez mais importância a esta plataforma na sua comunicação com os eleitores. A aposta em vídeos e podcasts é um hábito. As emissões em directo crescem. Não estar online é não existir.

Partidos já não dispensam a presença nas redes sociais, mas ainda acreditam que a campanha vai decidir-se nos media tradicionais “Essencial”, “prioritário” e “indispensável”. As palavras são unânimes no discurso dos responsáveis pelos principais partidos portugueses: estar online é essencial, ser visto nas redes sociais é prioritário, alimentar a interactividade com os cidadãos é indispensável. Por isso, estão todos presentes. PS, PSD, CDS, Bloco de Esquerda (BE) e PCP apostam cada vez mais na web 2.0 para comunicar com o eleitor. O retorno, garantem, “é muito importante”. Mas ainda não é decisivo. “Em 2005 houve uma primeira viragem a sério para o online, mas ainda incipiente. Agora vai ser um pouco melhor, embora às vezes sinta que as aposta são feitas não tanto pelo conteúdo como pelas notícias que podem gerar”, diz o secretário-geral adjunto do PSD, Emídio Guerreiro. Apesar das reticências, o social-democrata não tem dúvidas: “É inegável que estas formas de comunicação envolvem mais as pessoas e é impossível um partido moderno não estar presente.” Assim, o PSD está a “alimentar uma presença dinâmica e de interacção” com os eleitores. Além do site oficial, o partido já tem conta no Twitter e no Facebook. Na próxima semana apresentará novidades: “Toda a nossa campanha vai apostar na envolvência e na procura de feedback dos cidadãos”, garante Emídio Guerreiro. O PCP também não nega a importância da internet, mas não a considera

“essencial para garantir o voto, ou criar laços mais fortes”. “Nesse aspecto, continuamos convictos de que o contacto pessoal e directo continua a ser a melhor arma”, defende Sofia Grilo, colaboradora do departamento de propaganda do PCP e gestora dos sites institucionais. O partido sublinha que foi “o primeiro a estar online”, desde 1996. E tem aumentado sucessivamente a oferta de conteúdos. Vídeos online, fóruns digitais e programa de rádio em podcast são já um hábito. Para a semana, e porque é “necessário ter uma visão integrada da comunicação política”, serão anunciadas contas no Twitter, no Facebook e no Flickr. Redes onde o BE já marca presença. Tal como no MySpace e Hi5. Tudo “agregado no portal Esquerda.net, um canal informativo actualizado diariamente”. “O acesso às notícias alterou-se muito e já há pessoas que só consomem informação através de sites ou redes sociais. Os partidos não podem alhear-se disso”, constata Jorge Costa, director de campanha do BE para as europeias. Daí a emissão de debates na internet ou o aproveitamento “dos perfis, ou blogues dos militantes”, como “instrumento de comunicação, comentário ou alerta para actividades do BE”. É o caminho que o CDS quer trilhar, até porque “o número de adesões e respostas” às iniciativas do partido na internet “tem aumentado consideravelmente”, diz o secretário-geral, João Almeida. Embora “convicto da importância da web 2.0”, o responsável defende que nesta área “é impossível comparar Portugal com os Estados Unidos”. “O nosso eleitorado não tem a mesma apetência que os norte-americanos pela internet.”

—13 Maio 2009

17

Periódico i, 2009. Diseño: Nick Mrozowski. © www.ionline.pt. Los pies de ilustración de esta maqueta del periódico portugués i cuentan una historia. 130 | pensar con tipos

los pies modifican el significado de las imágenes

¿Por qué está triste el payaso? Cómo exhibir, con arte, una obra de arte.

Evita asfixiar una obra delicada con un marco recargado.

No sitúes un mueble muy pequeño bajo un cuadro muy grande, ni al revés.

No cuelgues objetos sobre la cama de un niño, especialmente objetos deprimentes.

pies en sitios web Los sistemas de gestión de contenido online coordinan las imágenes y los pies en una base de datos. Los diseñadores utilizan guías, marcos, capas y bloques de colores para conectar de forma visual las imágenes y sus pies de foto y crear así unidades coherentes. Aquí pueden verse cuatro estilos de pie para página web. pies interactivos para web Guardian.co.uk, 2009. Director de arte: Mark Porter. Un pie secundario se despliega cuando los usuarios pasan con el puntero sobre esta imagen de la página de inicio de The Guardian.

texto | 131

jerarquía

La jerarquía tipográfica transmite la organización del contenido y destaca algunos elementos por encima de otros. La jerarquía visual ayuda al lector a evaluar rápidamente el texto, a saber cómo acceder a él, cómo salir y cómo escoger entre todo lo que ofrece. Cada nivel de información debe señalarse con una o más marcas aplicadas de forma coherente a lo largo del texto. Dichas marcas pueden ser espaciales (sangría, interlineado, ubicación) o gráficas (tamaño, estilo, color). Las variaciones son infinitas. Los escritores bien formados evitan expresiones redundantes como “planes futuros” o “historia pasada”. En tipografía, sin embargo, se permite cierta redundancia, y en ocasiones es incluso recomendable. Por ejemplo, es bastante habitual que los párrafos se señalen con un salto de línea y una sangría, un recurso redundante que ha demostrado ser bastante práctico ya que las dos señales se apoyan entre sí. Para crear una elegante economía de señales, intenta utilizar tres elementos como máximo para cada nivel o salto del documento.

Para destacar una palabra o una frase dentro del cuerpo de texto no suele hacer falta más de una marca. La cursiva es el recurso más habitual para enfatizar elementos. No obstante, existen muchas alternativas como la negrita, las versalitas, o el cambio de color. Una familia con muchas variantes, como la Scala, contiene muchos estilos y pesos distintos que están pensados para combinarse bien. También puede emplearse una fuente distinta. Si quieres mezclar familias, como la Scala y la Futura, asegúrate de ajustar los tamaños para que sus alturas de la x estén alineadas.

NEGRITA, CURSIVA, SUBRAYADO CAJA ALTA! d e l i t o t i p o g r á f i co demasiadas marcas Un solo recurso es suficiente para dar énfasis.

expresar jerarquía I

División de los ángeles A. Ángel B. Arcángel C. Querubines D. Serafines

División de los ángeles Ángel Arcángel Querubines Serafines

división de los ángeles Ángel Arcángel Querubines Serafines

Cuerpo rector del clero A. Papa B. Cardenal C. Arzobispo D. Obispo

Cuerpo rector del clero Papa Cardenal Arzobispo Obispo

cuerpo rector del clero Papa Cardenal Arzobispo Obispo

III Partes del texto A. Obra B. Capítulo C. Apartado D. Subapartado

Partes del texto Obra Capítulo Apartado Subapartado

partes del texto Obra Capítulo Apartado Subapartado

símbolos, sangrías, y saltos de línea

solo sangrías y saltos de línea

cambio de fuente, sangrías y saltos de línea

II

132 | pensar con tipos

ángel división de arcángel los ángeles querubines serafines papa cuerpo rector cardenal del clero arzobispo obispo obra partes capítulo del texto apartado subapartado

alineación, cambio de fuente y saltos de línea

la jerarquía es relacional

título

texto principal

enfermedades tipográficas comunes En poblaciones expuestas a la tipografía durante periodos prolongados, pueden aparecer distintos trastornos. tipofilia Amor o fascinación excesivos por las formas de las letras, a menudo hasta el punto de anular otros intereses. Los tipofílicos mueren, generalmente, solos y arruinados.

subsecciones

tipofobia Rechazo irracional de las letras, se manifiesta como una preferencia por los iconos, dingbats y, en casos fatales, los boliches y las cruces. Los síntomas de esta fobia pueden mitigarse con un tratamiento de Helvetica y Times Roman, aunque no puede curarse del todo. tipocondria Ansiedad provocada por el convencimiento de que el tipo que se ha elegido no es el más acertado. Este trastorno se manifiesta a menudo acompañado de TKO (trastorno del kerning óptico), la necesidad de ajustar continuamente el espacio entre pares de letras. tipotermia Rechazo promiscuo a comprometerse de por vida con un tipo de letra (o ni siquiera con 6 o 7, como recomiendan algunos doctores). El tipotérmico se pone “caliente” cada vez que emplea un nuevo tipo, a menudo sin poseer la licencia adecuada.

ENFERMEDADES TIPOGRÁFICAS COMUNES

Existen infinidad de formas de expresar la jerarquía de un documento.

En poblaciones expuestas a la tipografía durante periodos prolongados, pueden aparecer distintos trastornos Tipofilia Amor o fascinación excesivos por las formas de las letras, a menudo hasta el punto de anular otros intereses. Los tipofílicos mueren, generalmente, solos y arruinados. Tipofobia Rechazo irracional de las letras, se manifiesta como una preferencia por los iconos, dingbats y, en casos fatales, los boliches y las cruces. Los síntomas de esta fobia pueden mitigarse con un tratamiento de Helvetica y Times Roman, aunque no puede curarse del todo. Tipocondria Ansiedad provocada por el convencimiento de que el tipo que se ha elegido no es el más acertado. Este trastorno se manifiesta a menudo acompañado de TKO (trastorno del kerning óptico), la necesidad de ajustar continuamente el espacio entre pares de letras. Tipotermia Rechazo promiscuo a comprometerse de por vida con un tipo de letra (o ni siquiera con 6 o 7, como recomiendan algunos doctores). El tipotérmico se pone “caliente” cada vez que emplea un nuevo tipo, a menudo sin poseer la licencia adecuada.

texto | 133

jerarquía

transmitir la jerarquía Los contenidos complejos precisan una jerarquía con muchos niveles. En las revistas y las páginas web, a menudo, el formato tipográfico lo aplican muchos usuarios, entre ellos autores, editores, diseñadores y editores de contenido online. Si la jerarquía está bien definida, es más probable que los usuarios sepan respetarla de forma coherente. Los diseñadores crean guías de estilo que explican las bases de la jerarquía a los usuarios de un sistema para mostrarles cómo debe aplicarse.

solidarietà internazionale Rediseño de revista, 2009. Diseño: Sezione Aurea. Las editoriales a menudo encargan a los estudios de diseño la creación de nuevos formatos que puedan ser utilizados por diseñadores y editores. Este rediseño utiliza los tipos Myriad y Utopia, de Robert Slimbach. Una guía de estilo exhaustiva sirve para comunicar el nuevo formato a la plantilla de la publicación. 134 | pensar con tipos

la estructura prima sobre la presentación

jerarquía estructural Los diseñadores y los editores deben organizar el contenido de modo estructural, más que estilístico, sobre todo cuando se trata de documentos digitales. Cuando se crean los estilos de página en un programa de maquetación, deben etiquetarse los elementos con términos como “título”, “subtítulo” y “pie” en vez de “negrita”, “pequeño”, o “Arial verde manzana”. En el lenguaje CSS, los elementos como em (destacado), strong (énfasis) y p (párrafo) son estructurales, mientras que i (cusiva), b (negrita) y br (salto de línea) son visuales. Cuando se vuelca un texto a diferentes soportes, los estilos tienen que seguir refiriéndose a las partes del documento y no a atributos visuales específicos.

Las estructuras jerárquicas contribuyen a que los sitios web sean comprensibles para los motores de búsqueda y accesibles para los usuarios. Un documento debería tener solo un encabezamiento Šɴ, ya que los motores de búsqueda asignan a este nivel el valor más elevado. Por ello, para cumplir los estándares web, conviene que los diseñadores usen distintos niveles de encabezamientos (Šɴ, Šɵ, etc.) de forma estructural, incluso cuando decidan dotarlos de la misma apariencia. El uso de etiquetas estructurales y semánticas es un principio esencial de los estándares web. Para leer más acerca de los estándares web, véase Zeldman, Jeffrey y Marcotte, Ethan, Diseño con estándares Web, Anaya Multimedia-Anaya Interactiva, Madrid, 2003.

the city Sitio web, 2010. Diseño: Graham Stinson. The City es una red social que ayuda a las iglesias y a las organizaciones sin ánimo de lucro a participar en actividades comunitarias. La autodetección permite saber si el usuario está utilizando un ordenador de sobremesa o un teléfono móvil, para redireccionar la maqueta y mostrar la web de forma adaptada al soporte del usuario. Cada presentación utiliza un archivo CSS diferente; pero el archivo HTML principal de cada página es el mismo. texto | 135

jerarquía

jerarquía y accesibilidad La web se concibió para propocionar acceso universal a la información, sin importar las aptitudes físicas de una persona o si esta dispone de un hardware o software especializados. Muchos usuarios carecen de los navegadores o los plugins necesarios para visualizar algunos contenidos y los usuarios con deficiencia visual tienen problemas con los textos a tamaños pequeños y el contenido no verbal. Al jerarquizar la estructura de un documento, los diseñadores pueden desarrollar maquetaciones que se adecuen al software, el hardware y las necesidades físicas de los distintos usuarios. A veces, la buena tipografía se escucha, no se lee. Las personas con deficiencia visual utilizan lectores automáticos de pantalla que “linealizan” las páginas web en un texto corrido que la maquina puede leer. Los usuarios escuchan el texto de las páginas por síntesis de voz. Para conseguir una “linealización” correcta, el documento debe carecer de tablas

136 | pensar con tipos

de maquetación; emplear de modo coherente las etiquetas , los pies de ilustración y las descripciones de imágenes y ubicar anclajes de página frente a elementos de navegación repetidos que permitan a los usuarios acceder directamente al contenido principal. Existen programas que permiten a los diseñadores comprobar si su página puede ser “linealizada” adecuadamente. claphaminstitute.org Sitio web, 2003. Diseño: Colin Day/ Exclamation Communications. Editorial: The Clapham Institute. Esta web fue diseñada para usuarios videntes e invidentes. Debajo se ve la versión en texto corrido de la página. Un lector con deficiencia visual puede escuchar el texto, incluidas las etiquetas de cada imagen. El botón “skip to content” ahorra al usuario la escucha de la lista de elementos de navegación.

la red se inventó para su acceso universal

lighthouse.org Sitio web, 2010. Diseño: Dan Mall y Kevin Sharon/Happy Cog. Código front-end: Jenn Lukas. Arquitectura de la información: Kevin Hoffman. Pruebas de accesibilidad: Angela Colter y Jennifer Sutton. La composición visual de este sitio web (izquierda) está optimizado para usuarios videntes, mientras que el orden del código fuente (debajo) lo está para discapacitados visuales y permite que sus lectores automáticos de pantalla lo puedan interpretar o “linealizar”. Por ejemplo, en la versión visual, el menú de navegación aparece inmediatamente debajo del logotipo. Sin embargo, en el código fuente el nombre de la organización va seguido de la línea de etiquetas, lo que evita que la parte superior de la página se atasque con todos los elementos de navegación. Estas diferencias entre la versión visual y la versión para deficientes visuales se restringen al mínimo porque no todos aquellos que utilizan lectores de pantalla son ciegos. Hay usuarios con deficiencia parcial que, aunque naveguen por el código fuente, pueden ver el diseño de página. Si la versión visual y la del código difieren mucho, pueden confundir a este tipo de usuario. La relación entre las dos versiones también está optimizada para motores de búsqueda.

texto | 137

jerarquía

138 | pensar con tipos

contenido complejo con una jerarquía impecable

wörterbuch der redensarten/karl kraus, die fackel Libro, 1999. Diseño: Anne Burdick. Editorial: Österreichische Akademie der Wissenschaften. Este libro contiene ensayos del escritor vienés Karl Kraus publicados por el periódico Die Fackel entre 1899 y 1936. El texto del periódico aparece en el centro de la página. En ocasiones se plasma mediante una imagen de la publicación original y en otras filtrado por el moderno tratamiento tipográfico de la nueva edición. En los márgenes de color beige figuran varios tipos de comentario editorial indicados con diferentes estilos y tamaños tipográficos.

texto | 139

jerarquía

radar Revista, 2008. Diseñada por Luke Hayman/Pentagram y Kate Elazegui/Radar. Las portadas de las revistas de gran tirada combinan a menudo una fotografía, un titular y un logotipo (todos a gran tamaño) con un montón de titulares secundarios que avanzan brevemente el contenido. Las portadas de Radar presentan un artículo principal en primera plana y engatusan al lector con numerosos titulares compactos. En contraste, el índice interior de la revista ofrece una visión general más relajada. La jerarquía tipográfica destaca los títulos de los artículos y utiliza el número de página como referencia fácil de encontrar.

140 | pensar con tipos

las portadas de revista pueden hacerte pensar

the believer Revista, portada y contraportada, 2009. Diseño: Dave Eggers. Ilustraciones: Charles Burns. Las portadas abigarradas pero legibles de esta revista literaria utilizan tipos egipcios con diferentes tamaños y pesos para anunciar el contenido. Las ilustraciones de trazo lineal se integran perfectamente con el texto. En la contraportada figura un índice completo que proporciona al lector una sencilla interfaz. El diseño de The Believer, influido por los almanaques del siglo xix, utiliza marcos y bordes para llamar la atención sobre el contenido y crear una identidad visual reconocible. texto | 141

jerarquía

Michael Bierut, Kerrie Powell, Sunnie Guglielmo

Michael Bierut, Justin Weyers

yale school of architecture Carteles, 2003-2006. Diseño: Michael Bierut y su equipo/Pentagram. Estos carteles, que forman parte de una serie producida a lo largo de varios años para el mismo cliente, aplican distintos tratamientos tipográficos y jerarquías a un contenido similar. El uso de los mismos colores, el blanco y el negro, genera continuidad a lo largo del tiempo. Michael Bierut 142 | pensar con tipos

contenido similar, soluciones diferentes

Michael Bierut, Genevieve Panuska

Michael Bierut, Andrew Mapes

Michael Bierut, Jacqueline Kim

Michael Bierut, Michelle Leong, Sasha Fernando texto | 143

ejercicio: jerarquía

Escoge un texto que tenga una estructura recurrente, como, un índice, un lector de noticias (o lector RSS) o un calendario de actos. Analiza cómo está organizada la información (título principal, subtítulos, ubicación, cuerpo de texto, etc.) y crea una forma de jerarquía visual que exprese esa estructura. Simplifícala al máximo para que los lectores puedan encontrar la información que buscan. Por ejemplo, en la crónica de un crimen, muchos lectores buscarán el lugar donde ha ocurrido para saber si está relacionado con su barrio, mientras que a otros les atraerán los detalles más escabrosos. Introduce cambios de tamaño, peso, interlineado y estilo y usa la estructura de columna para que se distingan fácilmente los distintos niveles jerárquicos. Crea una hoja de estilo (en un programa de maquetación si es para impresión o en formato CSS si es para una página web) para poder crear variaciones rápidamente.

Callie Neylan, Betsy Martin

Callie Neylan, Betsy Martin

Crime Blotter 6:00AM | EAST VILLAGE

11:30AM | UPPER EAST SIDE

7:00PM | WILLIAMSBURG

Noun Found Smothered by Adjectives Message lost in dense cloud of confused signals.

Missing the point, revenge is sought by victim.

Flood of Clichés Wreaks Havoc Hipster kicks bucket after biting bullet.

Katie Burk, Paulo Lopez 144 | pensar con tipos

aplicar estilos de forma estructural

Estas variaciones tipográficas se generaron con CSS utilizando la jerarquía estructural que se presenta arriba. Trabajos realizados por los diseñadores de la plantilla en un taller impartido en la National Public Radio, 2010.

David Wright, Nelson Hsu texto | 145

ejercicio: listas largas

las definiciones de un diccionario, los anuncios clasificados o el plan docente de un curso universitario. Si numeras los elementos de la lista tendrás un elemento gráfico con el que trabajar. Diseña un cartel que presente este contenido de forma atractiva. Trabaja con hojas de estilo para probar tratamientos tipográficos diferentes.

En el mundo real del diseño gráfico, trabajar con grandes cantidades de texto es un reto habitual. Los diseñadores utilizan los principios de la jerarquía, de la alineación y de la maquetación para que el texto sea fácil de asimilar y agradable de leer. Puedes realizar este ejercicio con cualquier lista que sea suficientemente larga: un calendario de actos,

(.

)/

Think about your idea while falling asleep or waking up.

Recycle. A bad solution for one problem could be a good solution for another.

)+

)(

Visualize the competition. Make a map showing where your problem, product, client, or concept sits in relation to similar or competing problems or ideas.

),

Compare and connect. Find metaphors for your problem.

Empathize. Imagine yourself as the user, reader, or client.

)'

Sketch. Make quick, simple diagrams of different ideas.

Drink tea.

',

'*

Think like a curator. Collect everything you know about the problem. Display your data and look for meaningful patterns

Make a word map. Write down the problem on the middle of a piece of paper. Diagram everything you can think of about the problem (context, history, similar problems, competing ideas, available resources, etc).

((

Take a walk or take a shower.

')

If your problem is overwhelming (“end global warming” or “design a universal typeface”), break it down into smaller parts (“get people to walk more” or “design six letters”).

'

Triangulate. Identify three sides of the problem, such as “audience,” “voice,” and “message.” Collect and organize ideas in these categories.

)&

(*

Sketch in 3D. Make models with cardboard and tape instead of pencil and paper.

+

Do a Google check. Who else has solved your problem?

'-

Think like an anthropologist. Observe people doing an activity related to your problem (using a product, completing a task, taking the bus, etc.)

(&

'+

Write down every obvious solution you can think of in order to clear your mind for something new.

Ask people about their personal experiences.

)

Think like a journalist. Ask who, what, when, where, why.

(,

Chew more gum. Research shows that chewing gum not only cleans your teeth but loosens up your mind and makes you smarter.

8H7?DI>EFF?D=

()

Go shopping.

40 tips and tricks 4 getting in the mood 2 get ideas

/

Look for solutions you admire. Analyze why you admire them.

desig ned by

'(

Apply thinking from another field to your problem. (“How would a zoologist design a backpack?” “How would a chef choose a color palette?”)

sabr ina ko

gan

.

Imagine the obvious solution. Now, imagine its opposite.

(+

-

(

Make a cube. Take an idea or problem and describe, compare, analyze (break down), associate, apply, and argue for and against it. If working in a team, assign a different side of the cube to each person.

Eat less food. Digesting a big lunch consumes energy that your brain could be using to get ideas.

Rewrite the problem. If the problem is “X,” change it to “Why?”

(-

Put all your ideas on index cards. Compare them. Sort them. Rank them.

(/

''

Wear five hats. Evaluate an idea from five different perspectives. White=information. Red=emotion. Yellow=optimism. Black=pessimism. Green=growth. Blue=process

Find a place where you can pin up your ideas and look at them as a group.

'.

Ask people what they like and don’t like.

'/

*

).

Set constraints. Cut down on brain clutter by limiting yourself to a particular material, size, vocabulary, etc.

Visualize the bigger picture. Make a diagram showing how your problem fits into larger systems. For example, a shopping bag relates to how people shop, how bags are manufactured and shipped, and what happens to bags when people are finished with them.

*&

When you hit a dead end, try again later

'&

))

Ask people what they wish for.

Make a word salad. Write down every word you can think of that relates to the problem. Sort the words to discover patterns and ideas.

Think like an interior decorator. Create a mood board with magazine clippings, fabric samples, snapshots, key words, etc.

)*

Design a system or tool instead of an object or artifact.

('

Find a place to think where you won’t be distracted by other tasks.

, )-

Simplify. Explain your idea in a single sentence.

Go to the library. Books are packed with information and inspiration.

Sabrina Kogan 146 | pensar con tipos

mi diseño le da mil vueltas a tu contenido

Trabajos de estudiantes del Maryland Institute College of Art

1

Triangulate. Identify three sides of the problem, such as “audience,” “voice,” and “message.” Collect and organize ideas in these categories.

2

Make a cube. Take an idea or problem and describe, compare, analyze (break down), associate, apply, and argue for and against it. If working in a team, assign a different side of the cube to each person.

3

Think like a journalist. Ask who, what, when, where, why.

4

Make a word salad. Write down every word you can think of that relates to the problem. Sort the words to discover patterns and ideas.

5

Do a Google check. Who else has solved your problem?

6

Go to the library. Books are packed with information and inspiration.

7

Rewrite the problem. If the problem is “X,” change it to “Why?”

8

Imagine the obvious solution. Now, imagine its opposite.

9

Look for solutions you admire. Analyze why you admire them.

10 Think like an interior decorator. Create a mood board with magazine clippings, fabric samples, snapshots, key words, etc. 11 Find a place where you can pin up your ideas and look at them as a group. 12 Apply thinking from another field to your problem. (“How would a zoologist design a backpack?” “How would a chef choose a color palette?”) 13 If your problem is overwhelming (“end global warming” or “design a universal typeface”), break it down into smaller parts (“get people to walk more” or “design six letters”). 14 Make a word map. Write down the problem on the middle of a piece of paper. Diagram everything you can think of about the problem (context, history, similar problems, competing ideas, available resources, etc). 15 Write down every obvious solution you can think of in order to clear your mind for something new. 16 Think like a curator. Collect everything you know about the problem. Display your data and look for meaningful patterns. 17 Think like an anthropologist. Observe people doing an activity related to your problem (using a product, completing a task, taking the bus, etc.)

21 Find a place to think where you won’t be distracted by other tasks. 22 Take a walk or take a shower. 23 Go shopping. 24 Drink tea. 25 Eat less food. Digesting a big lunch consumes energy that your brain could be using to get ideas. 26 Chew more gum. Research shows that chewing gum not only cleans your teeth but loosens up your mind and makes you smarter. 27 Put all your ideas on index cards. Compare them. Sort them. Rank them. 28 Think about your idea while falling asleep or waking up. 29 Wear five hats. Evaluate an idea from five different perspectives. White=information (What are the facts?). Red=emotion (How does the idea make you feel?).Yellow=optimism (What’s great about the idea?). Black=pessimism (What’s wrong with the idea?). Green=growth (What are alternatives to the idea?). Blue=process (How is the evaluation process going?). 30 Sketch. Make quick, simple diagrams of different ideas. 31 Sketch in 3D. Make models with cardboard and tape instead of pencil and paper. 32 Visualize the competition. Make a map showing where your problem, product, client, or concept sits in relation to similar or competing problems or ideas. 33 Visualize the bigger picture. Make a diagram showing how your problem fits into larger systems. For example, a shopping bag relates to how people shop, how bags are manufactured and shipped, and what happens to bags when people are finished with them. 34 Design a system or tool instead of an object or artifact. 35 Compare and connect. Find metaphors for your problem. 36 Empathize. Imagine yourself as the user, reader, or client. 37 Simplify. Explain your idea in a single sentence. 38 Set constraints. Cut down on brain clutter by limiting yourself to a particular material, size, vocabulary, etc.

18 Ask people what they like and don’t like.

39 Recycle. A bad solution for one problem could be a good solution for another.

19 Ask people what they wish for.

40 When you hit a dead end, try again later.

20 Ask people about their personal experiences.

Becky Slogeris Andy Mangold 1

Triangulate.

2

Make a cube.

3 4 5

Identify three sides of the problem, such as “audience,” “voice,” and “message.” Collect and organize ideas in these categories.

Take an idea or problem and describe, compare, analyze (break down), associate, apply, and argue for and against it. If working in a team, assign a different side of the cube to each person.

Think like a journalist.

14

Make a word salad. Write down every word you can think of that relates to the problem. Sort the words to discover patterns and ideas.

15

Apply thinking from another field to your problem. (“How would a zoologist design a backpack?” “How would a chef choose a color palette?”)

Break it down into smaller parts if your problem is overwhelming. (change “end global warming” to “get people to walk more” or “design a universal typeface” to “design six letters”).

Who else has solved your problem?

7

Rewrite the problem.

16

Write down the problem on the middle of a piece of paper. Diagram everything you can think of about the problem (context, history, similar problems, competing ideas, available resources, etc).

Write down every obvious solution you can think of in order to clear your mind for something new.

Think like a curator. Collect everything you know about the problem. Display your data and look for meaningful patterns.

Books are packed with information and inspiration.

If the problem is “X,” change it to “Why?”

Imagine the obvious solution. Now, imagine its opposite.

9

Look for solutions you admire.

10

Think like an interior decorator.

Analyze why you admire them.

Create a mood board with magazine clippings, fabric samples, snapshots, key words, etc.

Pin up your ideas somewhere

17

Ask people Ask people

21

26

Drink tea.

27

Eat less food.

28

Chew more gum.

29

Put all your ideas on index cards.

30

Think about your idea

31

Wear five hats.

32

Sketch.

33

Sketch in 3D.

34

Visualize the competition.

35

Visualize the bigger picture.

Think like an anthropologist.

19

what they like and don’t like.

what they wish for.

Ask people about their personal experiences.

Find a place to think where you won’t be distracted by other tasks.

brain shopping and look at them as a group.

Go shopping.

Observe people doing an activity related to your problem (using a product, completing a task, taking the bus, etc.)

18

20

25

Make a word map.

Do a Google check. Go to the library.

11

13

Ask who, what, when, where, why.

6

8

12

22

Take a walk outside

23

Design a system or tool

24

Compare and connect.

Visit the mall or auto repair store for surprising inspiration.

A hot cup of tea can comfort and help refocus.

Digesting a big lunch consumes energy that your brain could be using to get ideas.

Research shows that chewing gum not only cleans your teeth but loosens up your mind and makes you smarter.

Compare them. Sort them. Rank them.

while falling asleep or waking up. Evaluate an idea from five different perspectives. White = information (What are the facts?). Red = emotion (How does the idea make you feel?). Yellow = optimism (What’s great about the idea?). Black = pessimism (What’s wrong with the idea?). Green = growth (What are alternatives to the idea?). Blue = process (How is the evaluation process going?).

Make quick, simple diagrams of different ideas.

Make models with cardboard and tape instead of pencil and paper.

Make a map showing where your problem, product, client, or concept sits in relation to similar or competing problems or ideas.

or take a shower.

instead of an object or artifact.

Make a diagram showing how your problem fits into larger systems. For example, a shopping bag relates to how people shop, how bags are manufactured and shipped, and what happens to bags when people are finished with them.

Find metaphors for your problem.

40 Tips and Tricks for Getting in the Mood to Get Ideas

36

Empathize.

37

Simplify.

38

Set constraints.

39

Recycle.

40

When you hit a dead end, try again later.

Imagine yourself as the user, reader, or client.

Explain your idea in a single sentence.

Cut down on brain clutter by limiting yourself to a particular material, size, vocabulary, etc.

A bad solution for one problem could be a good solution for another.

texto | 147

{RETÍCULA}

la pureza de una página de una sola columna

historia naturalis Libro, 1472. Imprimido por Nicolas Jenson. Colección Venice del Walters Art Museum de Baltimore. Este libro muestra un bloque de texto elegante y continuo compuesto con uno de los primeros tipos romanos. La página no tiene saltos de línea ni sangrías.

150 | pensar con tipos

RETÍCULA una retícul a divide el espacio o el tiempo en unidades regulares. Existen retículas simples y complejas, particulares y genéricas, rigurosamente definidas y libremente interpretadas. Las retículas tipográficas tienen que ver, por encima de todo, con el control: establecen un sistema para organizar el contenido dentro de una página, una pantalla o un elemento tridimensional. Una buena retícula no es una fórmula rígida sino una estructura flexible y elástica diseñada para responder a las presiones internas del contenido (texto, imagen) y del marco que las contiene (página, pantalla, ventana). Constituye un esqueleto articulado que se mueve de forma coordinada con la masa muscular de la información. Las retículas pertenecen al marco tecnológico de la tipografía, desde el sistema modular que implica la impresión tipográfica hasta las reglas, guías y sistemas coordinados que utilizan los programas de diseño. Aunque algunas aplicaciones generan curvas suaves y tonos continuos ilusorios, cualquier imagen digital está formada, en última instancia, por una retícula de límites muy definidos. El ubicuo lenguaje de la interfaz gráfica de usuario (GUI, graphical user interface) genera un espacio reticular en el que las ventanas se superponen unas a otras al azar. Aparte de este papel que desempeñan en el trasfondo del proceso de diseño, las retículas se han convertido en herramientas teóricas explícitas. Los diseñadores de las vanguardias, en las décadas de 1910 y 1920, sacaron a la luz la retícula mecánica que existía en la tipografía y la llevaron a la polémica superficie de la página. En Suiza, tras la Segunda Guerra Mundial, los diseñadores gráficos desarrollaron una metodología de diseño total, basada en la retícula tipográfica, con la que aspiraban a construir un nuevo orden social racional. La retícula ha evolucionado a lo largo de siglos de desarrollo tipográfico. Para los diseñadores gráficos, las retículas son dispositivos intelectuales cuidadosamente afinados, imbuidos de ideología y ambición, y constituyen la malla ineludible que filtra, a cierto nivel de resolución, prácticamente cualquier sistema de escritura y de reproducción.

retícula | 151

el marco no es el fondo ni la forma

biblia en latín Página de libro, 1497. Imprimida por Anton Koberger. Una retícula de dos columnas contiene una segunda serie de columnas. Cada página es una densa masa salpicada por estrechos corondeles (intercolumna) y espacios abiertos que habrían de iluminarse con letras capitulares manuscritas. La maquetación varía en cada página.

152 | pensar con tipos

la retícula como marco La escritura alfabética, como la mayoría de los sistemas de escritura, organiza los caracteres en filas y columnas. Mientras que la escritura manual fluye de forma que crea líneas enlazadas, el mecanismo de los tipos de metal se basa en un orden más estricto. Cada letra ocupa su propio bloque y dichos bloques se disponen ordenadamente. Los tipos se almacenan en cajas cuadriculadas que se convierten en un archivo de elementos, una matriz de formas preparadas para que se configure con ellas la composición de la página. Hasta el siglo xx, las retículas sirvieron de marco para delimitar los campos de texto. Los márgenes de una página de libro clásica crean una prístina barrera en torno a un bloque de texto macizo y justificado. Esta composición, dominada por una solitaria caja tipográfica en mitad de la página, sigue siendo el formato de libro más común. Con todo, hoy en día, ese rectángulo perfecto se fragmenta mediante sangrías y saltos de línea y los márgenes incluyen datos como el folio, el titulillo o el encabezamiento de la página. Además de este patrón clásico, durante los primeros siglos que sucedieron a la invención de la imprenta, se utilizaron otras formas de composición, desde la retícula de doble columna de la Biblia de Gutenberg hasta elaboradas disposiciones que derivaban de la tradición de los copistas medievales, que acompañaban los pasajes de texto con sus comentarios eruditos. Las ediciones políglotas presentan el texto en varios idiomas simultáneamente y requieren formas más complejas de división. Los formatos de este tipo permiten convivir a diferentes ríos de texto al tiempo que defienden la soberanía de la página como un marco. El filósofo Jacques Derrida describe el marco en el arte occidental como una forma que parece estar separada de la obra pero que aun así es necesaria para diferenciar a esta de lo cotidiano. La moldura o el pedestal ensalzan la pieza y la separan del mundo ordinario. La obra, por lo tanto, depende del marco para obtener visibilidad y estatus. La tipografía es, en general, un arte del enmarcado, una forma diseñada para desvanecerse al ceder el paso al contenido. Los diseñadores invierten gran parte de su tiempo en los márgenes, los bordes y los espacios vacíos, elementos que oscilan entre lo presente y lo ausente, lo visible y lo invisible. Con el auge de la imprenta, los márgenes se convirtieron en la interfaz de usuario del libro, al proporcionar el espacio para ubicar el folio, los titulillos, comentarios, anotaciones y ornamentos.

El marco... desaparece, se entierra, se borra a sí mismo y se funde en el momento en que despliega su mayor energía. El marco no es de ningún modo un fondo... pero su espesor como margen tampoco es una figura. O, al menos, es una figura que se aparta por su propia voluntad. — jacques derrida, 1987 retícula | 153

rectángulo denso dividido en partes

154 | pensar con tipos

biblia polyglotta Doble página de libro, 1568. Impresa por Christopher Plantin en Amberes. La Biblia políglota de Plantin rescata los textos originales en hebreo, griego, arameo y sirio e incluye sus correspondientes traducciones al latín. Cada una de las secciones de la retícula tiene las proporciones adecuadas para acomodar la textura tipográfica de un tipo de escritura en particular. Los fragmentos, aun altamente individualizados, forman un conjunto unificado. En la imagen se aprecia la disposición de los textos en hebreo (pág. izquierda, col. izquierda), con su traducción al latín (col. derecha); en griego (pág. derecha, col. izquierda), con su traducción al latín (col. derecha) y en arameo (pág. izquierda, col. inferior) con su traducción al latín (pág. derecha, col. inferior). Reproducción extraída de Dana Orcutt, William In Quest of the Perfect Book, Little, Brown and Co., Nueva York, 1926. retícula | 155

dos columnas, dos lenguajes

suplement au livre de l’antiquité (izquierda) Página de libro, París, 1724. La retícula de doble columna de este libro bilingüe asigna el bloque principal al texto en francés y las dos columnas inferiores al latín. Las comillas del margen izquierdo sirven de marco al fragmento citado. the illustrated london news (derecha) Página de periódico, 1861. Los primeros anuncios en prensa los diseñaba el impresor, no los proporcionaba el cliente ni una agencia de publicidad. Este denso campo de entradas utiliza una retícula de cuatro columnas divididas mediante filetes para generar orden. the imperial family bible (doble página siguiente) Libro, 1854. La estructura de este libro es muy inusual, ya que las anotaciones aparecen en el centro de la página en vez de hacerlo en los márgenes o en la parte inferior. El margen se ha desplazado desde fuera hacia dentro.

156 | pensar con tipos

página en venta

retícula | 157

158 | pensar con tipos

el margen se desplaza al centro

retícula | 159

la retícula de la imprenta queda al descubierto

les mots en liberté futuristes: lettre d’une jolie femme à un monsieur passeiste Poema, 1912. Autor: F. T. Marinetti. En este poema futurista, Marinetti arremetía contra las convenciones de la poesía y las restricciones que imponía la retícula de la imprenta. Sin embargo, las marcas dejadas por la retícula de la imprenta son evidentes en la composición del texto. merz-matinéen Cartel, 1923. Diseño: El Lissitzky. Este artista y diseñador del constructivismo ruso viajó mucho por Europa durante la década de 1920. Colaboró con otros miembros de la vanguardia internacional, como el artista dadaísta Kurt Schwitters. Este cartel para un acontecimiento dadaísta, compuesto meticulosamente, se organiza y activa mediante la retícula tipográfica rectilínea.

fortoliet Postal, 1925. Diseño: Piet Zwart. Colección de Elaine Lustig Cohen. El diseñador holandés Piet Zwart tenía influencias tanto del movimiento De Stijl como del constructivismo. En la identidad visual que creó para Fortoliet, una empresa de pavimentos, Zwart constuyó letras monumentales con filetes tipográficos.

160 | pensar con tipos

dividir el espacio En el siglo xix, las revistas y los periódicos desafiaron la supremacía del libro y sus acotados límites, emplearon páginas con columnas múltiples y permitieron la aparición de nuevos tipos de retícula. Los artistas y diseñadores modernos cuestionaron la función protectora del marco, liberaron la retícula y la convirtieron en una herramienta flexible, crítica y sistemática. Los artistas y poetas de las vanguardias atacaron el límite entre el arte y la vida cotidiana y crearon nuevos objetos y prácticas que confluían con la experiencia urbana. F. T. Marinetti lideró el ataque a la sintaxis tradicional de la imprenta y fundó el movimiento futurista en 1909. En sus poemas combinó tipos de distintos estilos y tamaños y permitió que las líneas de texto ocuparan varias filas. Sus ingeniosas formas de manipular el proceso de impresión desafiaban —desde dentro— las limitaciones de la tipografía, exponiendo la retícula tecnológica aun cuando intentaba subvertirla. Los artistas y poetas dadaístas también realizaron experimentos similares utilizando la imprenta tipográfica, el collage, el montaje y otras formas de reproducción fotomecánica. El constructivismo surgió en la Unión Soviética a finales de la primera década del siglo xx. Partiendo de la tipografía dadaísta y futurista, aportó un enfoque más racional al ataque a la tradición tipográfica. El Lissitzky empleó los elementos de los talleres litográficos buscando subrayar el aspecto mecánico de la imprenta y utilizó los filetes tipográficos para dotar a la matriz tecnológica de una presencia física y activa. El constructivismo empleaba filetes para dividir el espacio y condujo su simetría hacia un nuevo tipo de equilibrio. La página dejó de ser una ventana fija y jerárquica a través de la que se ve el contenido y se convirtió en una extensión que puede ser articulada y cartografiada: un espacio que se extiende más allá de los márgenes. Para los artistas y diseñadores holandeses, la retícula era una puerta al infinito. Las pinturas de Piet Mondrian, sus superficies abstractas de líneas horizontales y verticales sugieren que la retícula se expande más allá de los límites del lienzo. Theo van Doesburg, Piet Zwart y otros miembros del movimiento De Stijl aplicaron esta idea al diseño y a la tipografía. Sometieron a las letras a la disciplina de la retícula, convirtiendo las curvas y los ángulos del alfabeto en sistemas perpendiculares. Como los constructivistas, utilizaron barras horizontales y verticales para estructurar la página.

La tipografía consiste fundamentalmente en dividir una superficie limitada. — willi baumeister, 1923 retícula | 161

manifiesto por un nuevo orden tipográfico

das bauhaus in dessau Papel con membrete, 1924. Diseño: Herbert Bayer. Colección de Elaine Lustig Cohen. Los membretes que diseñó Herbert Bayer para la Bauhaus son manifiestos que abogan por un nuevo orden tipográfico. En vez de limitarse a proporcionar un marco decorativo o un título centrado, Bayer utilizó la totalidad de la página como una superficie divisible. Los puntos, los pequeños guiones y las líneas de texto tipográficos funcionan como ejes que indican por dónde debe doblarse la página y dónde debe situarse el texto que se añada. Este membrete defiende además la idea de Bayer de que todas las letras deberían componerse en caja baja, algo que argumenta en el bloque de texto a pequeño tamaño situado en el margen inferior.

La nueva tipografía no solo impugna la “estructura clásica”, sino que refuta todos los principios de la simetría. — paul renner, 1931 162 | pensar con tipos

El libro La nueva tipografía de Jan Tschichold, publicado en Alemania en 1928, tomaba ideas del futurismo, del constructivismo y de De Stijl y las expresaba en forma de consejos prácticos para impresores y diseñadores. En la aplicación práctica que Tschichold llevó a cabo de los principios del movimiento moderno ocupa un lugar central su trabajo con papelería membretada para tamaños de papel estándar, que estructuraba de forma funcional. Si bien el futurismo y el dadaísmo habían atacado fervientemente las convenciones, Tschichold defendió el diseño como una herramienta de disciplina y orden y concibió la retícula como un sistema modular basado en medidas estándar. Al describir la expansión del espacio en todas las direcciones, la retícula moderna trasciende el marco clásico de la página. Del mismo modo, la arquitectura moderna ha reemplazado las fachadas centradas de los edificios clásicos ubicando en su lugar elementos modulares, planos fragmentados y ventanas continuas. El marco protector se ha convertido en un campo continuo.

la nueva tipografía Diagrama, 1928 (redibujado). Autor: Jan Tschichold. Diseño del autor.

El diagrama de Tschichold sobre el buen y mal diseño de revistas recomienda intercalar las imágenes en relación con el contenido en vez de obligar al texto a agruparse en torno a bloques centrados en mitad de la página. Al explicar este experimento, Tschichold afirmaba que sus páginas rediseñadas serían aún más efectivas si los fotograbados directos (de trama) se reprodujeran siempre en una serie de tamaños prefijados en vez de arbitrarios.

He mostrado de forma intencional bloques de anchuras diferentes y “accidentales”, ya que es con lo que se suele tratar (aunque en el futuro, con los bloques de tamaño estándar, esto ocurrirá con menor frecuencia). — jan tschichold, 1928 retícula | 163

construcción con normas flexibles

zahn-nopper Identidad para grandes almacenes, 1961-1963. Diseño: Anton Stankowski. Este sistema de identidad corporativa muestra un enfoque programático del diseño. Utiliza una serie limitada de elementos para construir múltiples soluciones, aunque genéticamente vinculadas. El sistema está controlado por unas normas de construcción flexibles en vez de por un logotipo fijo.

164 | pensar con tipos

la retícula como programa Algunos clásicos de la teoría del diseño suizo son: MüllerBrockmann, Josef, Sistemas de retículas, Editorial Gustavo Gili, México, 1992; edición original de 1961; The Graphic Artist and His Design problems, Arthur Niggli, Teufen, 1961; y Gerstner, Karl, Diseñar programas, Editorial Gustavo Gili, Barcelona, 1979. Véase también Ruder, Emil, Manual de diseño tipográfico, Editorial Gustavo Gili, Barcelona, 1983.

Tras la Segunda Guerra Mundial, los diseñadores suizos desarrollaron las ideas de la Nueva Tipografía hasta elaborar una metodología total del diseño. El término retícula (Raster) comenzó entoncesa utilizarse ampliamente en maquetación. Max Bill, Karl Gerstner, Josef Müller-Brockmann, Emil Ruder, etc. eran profesionales y teóricos de un nuevo racionalismo que aspiraba a catalizar una sociedad honesta y democrática. Rechazaron los clichés artísticos acerca de la expresión del yo y la intuición pura y buscaron lo que Ruder denominó “una belleza serena y fascinante”. El libro de Gerstner, titulado Diseñar programas (publicado en 1964), es un manifiesto del diseño regido por sistemas. Gerstner definió un “programa” de diseño como un conjunto de reglas para construir una variedad de soluciones visuales. Conectando su método con el nuevo mundo de la programación informática, Gerstner mostraba patrones generados por ordenador que estaban construidos con elementos visuales descritos matemáticamente y combinados de acuerdo a unas sencillas normas. Los racionalistas suizos desarrollaron las ideas pioneras de Bayer, Tschichold, Renner y otros diseñadores de las vanguardias. Rechazaron el modelo anticuado que consideraba “la página como marco” en favor de un espacio arquitectónico continuo. El libro tradicional situaba sus pies, epígrafes y folios dentro de un margen protector, pero la retícula racionalista dividía la página en columnas y las dotaba a todas del mismo peso en la composición general, lo que sugería una progresión indefinida hacia el exterior. Las imágenes se recortaban para ajustarse a los módulos de la retícula, generando formas de proporciones inusuales. Los diseñadores suizos crearon retículas cada vez más elaboradas y supieron utilizar las restricciones de una estructura repetitiva para generar variación y sorpresa. Este tipo de retícula podía activarse de distintas formas en una misma publicación, pero siempre haciendo referencia a la estructura base. Esta filosofía, que pronto se conoció como “diseño suizo”, encontró partidarios (y detractores) en todo el mundo. Muchos diseñadores estadounidenses rechazaron el racionalismo suizo como irrelevante en una sociedad, la suya, regida por la cultura pop y siempre hambrienta de nuevos estilos. Sin embargo, el pensamiento programático se está revitalizando actualmente debido a que los diseñadores se enfrentan a menudo a proyectos que contienen una enorme cantidad de información. La necesidad de “programas” flexibles que puedan abarcar cuerpos de contenido dinámico es hoy mayor que nunca.

La retícula tipográfica es un regulador proporcional para composiciones, tablas, imágenes, etc. La dificultad está en: encontrar el equilibrio, la máxima adecuación a una regla con la máxima libertad posible. O: el máximo de constantes con la mayor variación posible. —karl gerstner, 1961 retícula | 165

las imágenes se adecuan a las columnas de la página

166 | pensar con tipos

die neue architektur [la nueva arquitectura] Libro, 1940. Diseño: Max Bill. Autor: Max Roth. Fotografía: Dan Meyers.

Se considera que este libro, diseñado por Max Bill en 1940, es el primero que utiliza una retícula modular sistemática. Cada imagen está escalada para adecuarse a la estructura de columnas (como Jan Tschichold predijera en 1928), ocupando una, dos o tres zonas. El autor reconoció la originalidad del diseño y agradece en el libro a Bill su labor como “el creador de la estructura tipográfica de la obra”. retícula | 167

los elementos responden al contexto

168 | pensar con tipos

programme entwerfen [diseñar programas] Libro, 1964. Autor y diseñador: Karl Gerstner Editor: Arthur Niggli. Fotografía: Dan Meyers. El libro de Karl Gerstner, Diseñar programas, es un clásico de la teoría del diseño que ha recuperado su vigencia en la era de las telecomunicaciones. Aquí puede verse la identidad que Gertner realizó para la tienda Boîte à Musique (Caja de Música), un sistema de elementos que se transforma para adecuarse al contexto.

retícula | 169

la retícula como tabla Las tablas y las gráficas son una variante de la retícula tipográfica. Una tabla está formada por columnas verticales y horizontales, cada una de sus celdas contiene información. Una gráfica es una línea trazada a lo largo de los ejes x e y de una retícula, donde cada dimensión representa una de las variables (como tiempo, distancia, valor...). Como explica Edward Tufte, el destacado crítico y teórico del diseño de información, las tablas y las gráficas permiten que el ojo perciba y establezca rápidamente relaciones numéricas. En las tablas y las gráficas, la retícula es una herramienta cognitiva. Las tablas son fundamentales para el diseño web. La opción de crear tablas fue añadida al código html en 1995 para que los autores web pudieran tabular datos. Los diseñadores gráficos, deseosos de dar forma a los cuerpos de texto anchos y flácidos de las páginas web, desarrollaron muy pronto usos no autorizados de la tabla html. Así, transformaron esta herramienta para representar datos en nada más y nada menos que una retícula tipográfica. Los diseñadores han empleado esta opción para controlar la ubicación de las imágenes y sus pies de foto y para construir márgenes, corondeles y páginas con varias columnas. También las usan para combinar múltiples estilos de alineación (como bandera por la derecha y bandera por la izquierda) en un mismo documento y construir así elegantes listas por puntos o numeradas. climbing kilimanjaro [escalar el kilimanjaro] Gráfico de información interactivo, 2007. Director gráfico: Steve Duenes/ NYTimes.com. Cortesía de The New York Times. Este diario de viaje tridimensional e interactivo describe el angustioso ascenso de Tom Bissell al Kilimanjaro. La gráfica inferior traza la distancia que Bissell recorrió en relación con la progresiva elevación del terreno. El trazado de su recorrido se coordina con fotografías tomadas durante la ascensión y con un seguimiento continuado del aumento de su ritmo cardiaco y del descenso del nivel de oxígeno.

170 | pensar con tipos

Sobre la estética y la ética del diseño de información, véase Tufte, Edward, Envisioning Information, Graphics Press, Cheshire (Connecticut), 1990.

Sobre el diseño de sitios web accesibles, véanse Zeldman, Jeffrey y Marcotte, Ethan, Diseño con estándares Web, Anaya Multimedia-Anaya Interactiva, Madrid, 2003; y Lynch, Patrick y Horton, Sarah, Manual de estilo web: principios de diseño básico para la creación de sitios web, Editorial Gustavo Gili, Barcelona, 2004. También el sitio web www.webstyleguide.com.

Estas estructuras de múltiples columnas y filas de celdas que crean los diseñadores guardan poca relación con los campos de las tablas de datos, que siguen un orden lógico. Una tabla maestra, por lo general, establece zonas distintas para la navegación, el contenido y la identidad del sitio web, y cada región contiene otra u otras tablas. Retículas que se propagan dentro de otras retículas. Los defensores de los estándares web rechazan este tipo de apaño por considerarlo improcedente y una estrategia de diseño poco ética. Esta tablas de maquetación, ilógicas y básicamente visuales, pueden presentar problemas para los usuarios con deficiencias de visión, quienes utilizan distintos dispositivos para convertir las páginas digitales en sonido, celda a celda y fila por fila. Los lectores de pantalla automáticos “linealizan” (interpretan) el texto digital y lo transforman en lenguaje hablado. Los expertos en accesibilidad animan a los diseñadores a “pensar en términos lineales” siempre que sea posible, de forma que sus tablas tengan sentido cuando se lean como una secuencia continua. Los sitios web accesibles también tienen en cuenta las necesidades de los usuarios que utilizan programas antiguos o navegadores que solo leen texto. Este “pensamiento lineal” no solo ayuda a las personas con alguna dificultad visual, sino también a los usuarios que acceden desde teléfonos móviles, cuyo espacio de pantalla es muy reducido.

mica.edu Sitio web, 2004. Diseño: Carton Donofrio Partners. Editorial: Maryland Institute College of Art. Las tablas html de bordes suaves son un elemento clave de esta web. En este caso, se emplean como estructura básica de organización del contenido, que se divide en columnas y filas.

retícula | 171

El lenguaje html, el sistema de marcado que ha permitido que Internet se convierta en un medio de masas, es el equivalente virtual a la imprenta, que mecanizó la producción de los libros y allanó el camino a la cultura de la letra impresa. Como la imprenta tipográfica, el html es un medio hambriento de texto al que se puede forzar, con alguna resistencia, a mostrar imágenes. El html coexiste con otros lenguajes en la Red, igual que, en su día, junto a la imprenta aparecieron tecnologías alternativas. La litografía, que se inventó en el siglo xviii para reproducir imágenes, pronto incorporó también texto, y la imprenta acabó haciendo hueco en su retícula mecánica para grabados, xilograbados y fotograbados. En el siglo xx, la litografía reemplazó a la imprenta como método de impresión más extendido internacionalmente, ya que, cuando se emplea con composición tipográfica (fotográfica o digital), puede acomodar por igual imágenes y texto. La litografía no está regulada por retículas tan rigurosas como la imprenta tipográfica. Lo mismo ocurre con Flash, el software de animación que se convirtió en una herramienta de diseño web habitual a finales del siglo xx. El propósito inicial del Flash era la animación de ilustraciones vectoriales, pero los diseñadores empezaron a utilizarlo para crear interfaces de sitios web enteros. Los sitios que utilizaban Flash fueron, a finales de los noventa, iconos de una nueva estética online, más cinematográfica que tipográfica, que mezclaba imágenes y texto de forma pictórica. Aún así, pronto fueron sustituidos por los sitios basados en plantillas (templates), creados de forma dinámica mediante sistemas de gestión de contenidos. En este tipo de página, la presentación del contenido se define mediante CSS (Cascading Style Sheets, “hojas de estilo en cascada”) y el resultado final tiene una apariencia estructurada que resulta predecible a lo largo del tiempo.

Programar a mano el código html es tan lento como componer tipos de metal. Las celdas vacías de las tablas sirven para definir áreas en blanco, pero, si están realmente vacías, el html no respeta su formato, con lo que se destruye la retícula. A veces se usan imágenes transparentes para ocupar estos espacios, son el equivalente virtual a los blancos tipográficos que se empleaban con los tipos de metal.

the chopping block Sitio web (detalle), 2004. Diseño: Thomas Romer, Jason Hillyer, Charles Michelet, Robert Reed y Matthew Richmond/The Chopping Block. Este sitio web reproduce el diseño que tenían las etiquetas de las cajas de fruta de principios del siglo xx, que eran litografías que mezclaban imagen y texto. La página está animada y va cargando diferentes elementos progresivamente.

172 | pensar con tipos

cajas de contenido uniforme

joshuadavis.com Sitio web, 2009. Diseño: Joshua Davis. En este sitio web, que utiliza una plantilla como base, los elementos se ordenan automáticamente en una retícula uniforme.

retícula | 173

regreso a los universales La novela Neuromante, escrita por William Gibson en 1984, imagina el ciberespacio como una vasta retícula etérea. En ella, un vaquero de la información abandona la “carne” de su cuerpo y escapa a un “transparente tablero de ajedrez tridimensional que se extendía al infinito”. En la novela, este tablero o retícula se proyecta en una superficie interior de la mente sin la mediación de pantallas ni ventanas. La retícula como espacio infinito —que desafía los límites y está controlado por la mente y no por el cuerpo— fue un instrumento muy potente para los teóricos modernos, que la consideraban una forma a la vez racional y sublime. A principios del siglo xx, los diseñadores de las vanguardias quisieron mostrar la retícula para enfatizar las condiciones mecánicas de la impresión. Después de la Segunda Guerra Mundial, los diseñadores suizos construyeron una metodología total del diseño en torno a la retícula, a la que insuflaron contenido ideológico. La retícula fue el fundamento de su lenguaje universal. Con el giro posmoderno hacia las fuentes históricas, vernáculas y populares en las décadas de 1970y 1980, muchos diseñadores rechazaron la retícula racionalista por considerarla un artefacto pintoresco, exclusivo de la ordenada sociedad suiza. El auge de Internet ha reavivado el interés por el enfoque universal del diseño. La Red se ideó a principios de la década de 1990 (en Suiza) para que los científicos e investigadores pudieran poner en común documentos que se habían creado con aplicaciones de software diferentes. Su inventor, Tim Berners-Lee, no pudo suponer que la Red habría de convertirse en un medio basado en el diseño que conectaría a un enorme número de personas de todo el mundo con distintas capacidades y motivaciones. Los sistemas universales de diseño no pueden seguir desestimándose como si fueran elucubraciones irrelevantes de una pequeña comunidad de diseñadores. Ha surgido un segundo movimiento moderno que retoma la utópica búsqueda de las formas universales que marcaron, hace casi un siglo, el nacimiento del diseño como discurso y como disciplina. A medida que la información busca, una vez más, liberarse de su soporte físico, hoy resurgen con fuerza las ideas de transparencia, apertura y procomún, frente a la opacidad y la singularidad de unas expresiones visuales exclusivas que están basadas en las preferencias regionales y las obsesiones personales.

Producir diseños que informen de forma objetiva es ante todo una tarea sociocultural. — josef müller-brockmann, 1961

174 | pensar con tipos

Sobre la aparición de la web, véase Berners-Lee, Tim, Tejiendo la red, el inventor del World Wide Web nos descubre su origen, Siglo xxi de España Editores, Madrid, 2000. Una explicación contemporánea del enfoque universal del diseño puede encontrarse en Lidwell, William; Holden, Kritina y Butler, Jill, Principios universales del diseño, Naturart, Barcelona, 2005. Véase también Gibson, William, Neuromante, Planeta de Agostini, Barcelona, 2006.

la retícula como navegación

www.sandberg.nl Sitio web, 2003. Diseño: Luna Maurer. Editorial: Sandberg Institute. La retícula es un instrumento de navegación que se deforma y se transforma cuando el usuario desplaza el cursor sobre ella. El eje vertical representa los departamentos de la escuela y el eje horizontal las tipologías de programa que existen. Cuando se desplaza el ratón sobre la retícula, las celdas se iluminan y simulan elevarse, indicando la existencia de información disponible en esa intersección.

retícula | 175

la sección áurea a

b La sección áurea, que encontramos tanto en la naturaleza como en el arte y el diseño, tiene muchas propiedades sorprendentes. Por ejemplo, cuando se elimina un área cuadrada de un rectángulo áureo, el espacio restante es otro rectángulo áureo, un proceso que, si se repite infinitamente, genera una espiral.

Ningún libro sobre tipografía estaría completo sin un apartado dedicado a la sección áurea, la division de un segmento según las proporciones dadas por el número áureo. Esta proporción se ha utilizado en el arte y la arquitectura occidental durante más de dos mil años. Su fórmula es a : b = b : (a+b). Esto significa que la relación entre el menor de dos segmentos (por ejemplo el lado más corto de un rectángulo) y el mayor es igual que la relación entre el segmento mayor y la suma de las dos partes. En otras palabras, el lado a es al lado b como el lado b es a la suma de ambos lados. Expresado de forma numérica, la razón áurea es 1:1,618. 176 | pensar con tipos

A algunos diseñadores gráficos les fascina la sección áurea y la utilizan para crear diferentes retículas y formatos de página. De hecho, se han escrito libros enteros sobre la materia. Otros opinan que no es más válida para generar tamaños y proporciones que otros métodos, como partir de los tamaños estándar del papel industrial, dividir las superficies en mitades o cuadrados o, simplemente, escoger un número entero de formatos de página y llevar a cabo divisiones lógicas.

a : b = b : (a+b)

Existen retículas simples y complejas, particulares y genéricas, rigurosamente definidas y libremente interpretadas. Las retículas tipográficas tienen que ver, por encima de todo, con el control: establecen un sistema para organizar el contenido dentro de una página, una pantalla o un elemento tridimensional. Una buena retícula no es una fórmula rígida sino una estructura flexible y elástica diseñada para responder a las presiones internas del contenido (texto, imagen) y del marco que las contiene (página, pantalla, ventana). Constituye un esqueleto articulado que se mueve de forma coordinada con la masa muscular de la información. Las retículas pertenecen al marco tecnológico de la tipografía, desde el sistema modular que implica la impresión tipográfica hasta las reglas, guías y sistemas coordinados que utilizan los programas de diseño. Aunque algunas aplicaciones generan curvas suaves y tonos continuos ilusorios, cualquier imagen digital está formada, en última instancia, por una retícula de límites muy definidos. El ubicuo lenguaje de la interfaz gráfica de usuario (GUI, graphical user interface) genera un espacio reticular en el que las ventanas se superponen unas a otras al azar. Aparte de este papel que desempeñan en el trasfondo del proceso de diseño, las retículas se han convertido en herramientas teóricas explícitas. Los diseñadores de las vanguardias, en las décadas de 1910 y 1920, sacaron a la luz la retícula mecánica que existía en la tipografía y la llevaron a la polémica superficie de la página. En Suiza, tras la Segunda Guerra Mundial, los diseñadores gráficos desarrollaron una metodología de diseño total, basada en la retícula tipográfica, con la que que aspiraban a construir un nuevo orden social racional. La retícula ha evolucionado a lo largo de siglos de desarrollo tipográfico. Para los diseñadores gráficos, las retículas son dispositivos intelectuales cuidadosamente afinados, imbuidos de ideología y ambición, y constituyen la malla ineludible que filtra, a cierto nivel de resolución, prácticamente cualquier sistema de escritura y de reproducción. Existen retículas simples y complejas, particulares y genéricas, rigurosamente definidas y libremente interpretadas. Las retículas tipográficas tienen que ver, por encima de todo, con el control: establecen un sistema para organizar el contenido dentro de una página, una pantalla o un elemento tridimensional. Una buena retícula no es una fórmula rígida sino una estructura flexible y elástica diseñada para responder a las presiones internas del contenido (texto, imagen) y del marco que las contiene (página, pantalla, ventana). Constituye un esqueleto articulado que se mueve de forma coordinada con la masa muscular de la información. Las retículas pertenecen al marco tecnológico de la tipografía, desde el sistema

Existen retículas simples y complejas, particulares y genéricas, rigurosamente definidas y libremente interpretadas. Las retículas tipográficas tienen que ver, por encima de todo, con el control: establecen un sistema para organizar el contenido dentro de una página, una pantalla o un elemento tridimensional. Una buena retícula no es una fórmula rígida sino una estructura flexible y elástica diseñada para responder a las presiones internas del contenido (texto, imagen) y del marco que las contiene (página, pantalla, ventana). Constituye un esqueleto articulado que se mueve de forma coordinada con la masa muscular de la información. Las retículas pertenecen al marco tecnológico de la tipografía, desde el sistema modular que implica la impresión tipográfica hasta las reglas, guías y sistemas coordinados que utilizan los programas de diseño. Aunque algunas aplicaciones generan curvas suaves y tonos continuos ilusorios, cualquier imagen digital está formada, en última instancia, por una retícula de límites muy definidos. El ubicuo lenguaje de la interfaz gráfica de usuario (GUI, graphical user interface) genera un espacio reticular en el que las ventanas se superponen unas a otras al azar. Aparte de este papel que desempeñan en el trasfondo del proceso de diseño, las retículas se han convertido en herramientas teóricas explícitas. Los diseñadores de las vanguardias, en las décadas de 1910 y 1920, sacaron a la luz la retícula mecánica que existía en la tipografía y la llevaron a la polémica superficie de la página. En Suiza, tras la Segunda Guerra Mundial, los diseñadores gráficos desarrollaron una metodología de diseño total, basada en la retícula tipográfica, con la que que aspiraban a construir un nuevo orden social racional. La retícula ha evolucionado a lo largo de siglos de desarrollo tipográfico. Para los diseñadores gráficos, las retículas son dispositivos intelectuales cuidadosamente afinados, imbuidos de ideología y ambición, y constituyen la malla ineludible que filtra, a cierto nivel de resolución, prácticamente cualquier sistema de escritura y de reproducción. Existen retículas simples y complejas, particulares y genéricas, rigurosamente definidas y libremente interpretadas. Las retículas tipográficas tienen que ver, por encima de todo, con el control: establecen un sistema para organizar el contenido dentro de una página, una pantalla o un elemento tridimensional. Una buena retícula no es una fórmula rígida sino una estructura flexible y elástica diseñada para responder a las presiones internas del contenido (texto, imagen) y del marco que las contiene (página, pantalla, ventana). Constituye un esqueleto articulado que se mueve de forma coordinada con la masa muscular de la información. Las retículas pertenecen al marco tecnológico de la tipografía, desde el sistema

Rectángulo áureo de texto en una página de 8,5 × 11 pulgadas (estándar en EE. UU.).

Por lo general, los impresores comerciales prefieren trabajar con páginas cortadas en medidas uniformes, en vez de con fracciones complicadas. Aún así, puedes generar rectángulos áureos dentro de una página de cualquier tamaño. Para obtener una explicación más detallada sobre diseño y sección áurea, véase Elam, Kimberly, Geometría del diseño: estudio en proporción y composición, Trillas, México D. F., 2003. Para profundizar en la aplicación de la sección áurea en tipografía, véase Kane, John, Manual de tipografía, Editorial Gustavo Gili, Barcelona, 2006.

Rectángulo áureo de texto en una página A4 (estándar europeo, 210 × 297 mm).

logo

navegación global

nav. local

contenido principal

subcontenido y vínculos

Puede parecer absurdo basar un sitio web en la razón áurea, pero he aquí, no obstante, un ejemplo. Este diagrama describe una página web de 500 × 809 píxeles. La “pantalla áurea” está pues dividida a partir de cuadrados y rectángulos áureos. retícula | 177

la retícula de una sola columna

Existen retículas simples y complejas, particulares y genéricas, rigurosamente definidas y libremente interpretadas. Las retículas tipográficas tienen que ver, por encima de todo, con el control: establecen un sistema para organizar el contenido dentro de una página, una pantalla o un elemento tridimensional. Una buena retícula no es una fórmula rígida sino una estructura flexible y elástica diseñada para responder a las presiones internas del contenido (texto, imagen) y del marco que las contiene (página, pantalla, ventana). Constituye un esqueleto articulado que se mueve de forma coordinada con la masa muscular de la información. Las retículas pertenecen al marco tecnológico de la tipografía, desde el sistema modular que implica la impresión tipográfica hasta las reglas, guías y sistemas coordinados que utilizan los programas de diseño. Aunque algunas aplicaciones generan curvas suaves y tonos continuos ilusorios, cualquier imagen digital está formada, en última instancia, por una retícula de límites muy definidos. El ubicuo lenguaje de la interfaz gráfica de usuario (GUI, graphical user interface) genera un espacio reticular en el que las ventanas se superponen unas a otras al azar. Aparte de este papel que desempeñan en el trasfondo del proceso de diseño, las retículas se han convertido en herramientas teóricas explícitas. Los diseñadores de las vanguardias, en las décadas de 1910 y 1920, sacaron a la luz la retícula mecánica que existía en la tipografía y la llevaron a la polémica superficie de la página. En Suiza, tras la Segunda Guerra Mundial, los diseñadores gráficos desarrollaron una metodología de diseño total, basada en la retícula tipográfica, con la que que aspiraban a construir un nuevo orden social racional. La retícula ha evolucionado a lo largo de siglos de desarrollo tipográfico. Para los diseñadores gráficos, las retículas son dispositivos intelectuales cuidadosamente afinados, imbuidos de ideología y ambición, y constituyen la malla ineludible que filtra, a cierto nivel de resolución, prácticamente cualquier sistema de escritura y de reproducción. Existen retículas simples y complejas, particulares y genéricas, rigurosamente definidas y libremente interpretadas. Las retículas tipográficas tienen que ver, por encima de todo, con el control: establecen un sistema para organizar el contenido dentro de una página, una pantalla o un elemento tridimensional. Una buena retícula no es una fórmula rígida sino una estructura flexible y elástica diseñada para responder a las presiones internas del contenido (texto, imagen) y del marco que las contiene (página, pantalla, ventana). Constituye un esqueleto articulado que se mueve de forma coordinada con la masa muscular de la información. Las retículas pertenecen al marco tecnológico de la tipografía, desde el sistema modular que implica la impresión tipográfica hasta las reglas, guías y sistemas coordinados que utilizan los programas de diseño. Aunque algunas aplicaciones generan curvas suaves y tonos continuos ilusorios, cualquier imagen digital está formada, en última instancia, por una retícula de límites muy definidos. El ubicuo lenguaje de la interfaz gráfica de usuario (GUI, graphical user interface) genera un espacio reticular en el que las ventanas se superponen unas a otras al azar. Aparte de este papel que desempeñan en el trasfondo del proceso de diseño, las retículas se han convertido en herramientas teóricas explícitas. Los diseñadores de las vanguardias, en las décadas de 1910 y 1920, sacaron a la luz la retícula mecánica que existía en la tipografía y la llevaron a la polémica superficie de la página. En Suiza, tras la Segunda Guerra Mundial, los diseñadores gráficos desarrollaron una metodología de diseño total, basada en la retícula tipográfica, con la que que aspiraban a construir un nuevo orden social racional. La retícula ha evolucionado a lo largo de siglos de desarrollo tipográfico. Para los diseñadores gráficos, las retículas son dispositivos intelectuales cuidadosamente afinados, imbuidos de ideología y ambición, y constituyen

Esta página de 8,5 × 11 pulgadas (estándar de EE. UU.) tiene los márgenes completamente uniformes. Es un diseño muy económico, pero no muy interesante.

Cada vez que creas un documento nuevo en un programa de maquetación, se te pregunta si quieres crear una retícula. La retícula más simple consiste en una sola columna de texto bordeada por los márgenes. Al preguntar por las dimensiones y los márgenes desde el principio, los programas de maquetación te empujan a diseñar tu página de fuera a dentro. (La columna de texto es el espacio que queda cuando se eliminan los márgenes.)

178 | pensar con tipos

sistemas de retículas

página uno

Existen retículas simples y complejas, particulares y genéricas, rigurosamente definidas y libremente interpretadas. Las retículas tipográficas tienen que ver, por encima de todo, con el control: establecen un sistema para organizar el contenido dentro de una página, una pantalla o un elemento tridimensional. Una buena retícula no es una fórmula rígida sino una estructura flexible y elástica diseñada para responder a las presiones internas del contenido (texto, imagen) y del marco que las contiene (página, pantalla, ventana). Constituye un esqueleto articulado que se mueve de forma coordinada con la masa muscular de la información. Las retículas pertenecen al marco tecnológico de la tipografía, desde el sistema modular que implica la impresión tipográfica hasta las reglas, guías y sistemas coordinados que utilizan los programas de diseño. Aunque algunas aplicaciones generan curvas suaves y tonos continuos ilusorios, cualquier imagen digital está formada, en última instancia, por una retícula de límites muy definidos. El ubicuo lenguaje de la interfaz gráfica de usuario (GUI, graphical user interface) genera un espacio reticular en el que las ventanas se superponen unas a otras al azar. Aparte de este papel que desempeñan en el trasfondo del proceso de diseño, las retículas se han convertido en herramientas teóricas explícitas. Los diseñadores de las vanguardias, en las décadas de 1910 y 1920, sacaron a la luz la retícula mecánica que existía en la tipografía y la llevaron a la polémica superficie de la página. En Suiza, tras la Segunda Guerra Mundial, los diseñadores gráficos desarrollaron una metodología de diseño total, basada en la retícula tipográfica, con la que que aspiraban a construir un nuevo orden social racional. La retícula ha evolucionado a lo largo de siglos de desarrollo tipográfico. Para los diseñadores gráficos, las retículas son dispositivos intelectuales cuidadosamente afinados, imbuidos de ideología y ambición, y constituyen la malla ineludible que filtra, a cierto nivel de resolución, prácticamente cualquier sistema de escritura y de reproducción. Existen retículas simples y complejas, particulares y genéricas, rigurosamente definidas y libremente interpretadas. Las retículas tipográficas tienen que ver, por encima de todo, con el control: establecen un sistema para organizar el contenido dentro de una página, una pantalla o un elemento tridimensional. Una buena retícula no es una fórmula rígida sino una estructura flexible y elástica diseñada para responder a las presiones internas del contenido (texto, imagen) y del marco que las contiene (página, pantalla, ventana). Constituye un esqueleto articulado que se mueve de forma coordinada con la masa muscular de la información. Las retículas pertenecen al marco tecnológico de la tipografía, desde el sistema modular que implica la impresión tipográfica hasta las reglas, guías y sistemas coordinados que utilizan los programas de diseño. Aunque algunas aplicaciones generan curvas

Esta página es una pulgada más pequeña que el formato de carta estándar en EE.UU. El bloque de texto es cuadrado y forma márgenes de dimensiones diferentes.

También puedes diseñar tu página de dentro afuera, configurando los márgenes a cero y trabajando con guías y cajas de texto sobre una página en blanco. Esto te permitirá experimentar con los márgenes y las columnas en vez de comprometerte con una composición nada más abrir el documento. También puedes añadir guías a una página maestra una vez te satisfaga tu trabajo.

un solo bloque de texto enmarcado por los márgenes

sistemas de retículas

página uno

Existen retículas simples y complejas, particulares y genéricas, rigurosamente definidas y libremente interpretadas. Las retículas tipográficas tienen que ver, por encima de todo, con el control: establecen un sistema para organizar el contenido dentro de una página, una pantalla o un elemento tridimensional. Una buena retícula no es una fórmula rígida sino una estructura flexible y elástica diseñada para responder a las presiones internas del contenido (texto, imagen) y del marco que las contiene (página, pantalla, ventana). Constituye un esqueleto articulado que se mueve de forma coordinada con la masa muscular de la información. Las retículas pertenecen al marco tecnológico de la tipografía, desde el sistema modular que implica la impresión tipográfica hasta las reglas, guías y sistemas coordinados que utilizan los programas de diseño. Aunque algunas aplicaciones generan curvas suaves y tonos continuos ilusorios, cualquier imagen digital está formada, en última instancia, por una retícula de límites muy definidos. El ubicuo lenguaje de la interfaz gráfica de usuario (GUI, graphical user interface) genera un espacio reticular en el que las ventanas se superponen unas a otras al azar. Aparte de este papel que desempeñan en el trasfondo del proceso de diseño, las retículas se han convertido en herramientas teóricas explícitas. Los diseñadores de las vanguardias, en las décadas de 1910 y 1920, sacaron a la luz la retícula mecánica que existía en la tipografía y la llevaron a la polémica superficie de la página. En Suiza, tras la Segunda Guerra Mundial, los diseñadores gráficos desarrollaron una metodología de diseño total, basada en la retícula tipográfica, con la que que aspiraban a construir un nuevo orden social racional. La retícula ha evolucionado a lo largo de siglos de desarrollo tipográfico. Para los diseñadores gráficos, las retículas son dispositivos intelectuales cuidadosamente afinados, imbuidos de ideología y ambición, y constituyen la malla ineludible que filtra, a cierto nivel de resolución, prácticamente cualquier sistema de escritura y de reproducción. Existen retículas simples y complejas, particulares y genéricas, rigurosamente definidas y libremente interpretadas. Las retículas tipográficas tienen que ver, por encima de todo, con el control: establecen un sistema para organizar el contenido dentro de una página, una pantalla o un elemento tridimensional. Una buena retícula no es una fórmula rígida sino una estructura flexible y elástica diseñada para responder a las presiones internas del contenido (texto, imagen) y del marco que las contiene (página, pantalla, ventana). Constituye un esqueleto articulado que se mueve de forma coordinada con la masa muscular de la información. Las retículas pertenecen al marco tecnológico de la tipografía, desde el sistema modular que implica la impresión tipográfica hasta las reglas, guías y sistemas coordinados que utilizan los programas de diseño. Aunque algunas aplicaciones

sistemas de retículas

página uno

Existen retículas simples y complejas, particulares y genéricas, rigurosamente definidas y libremente interpretadas. Las retículas tipográficas tienen que ver, por encima de todo, con el control: establecen un sistema para organizar el contenido dentro de una página, una pantalla o un elemento tridimensional. Una buena retícula no es una fórmula rígida sino una estructura flexible y elástica diseñada para responder a las presiones internas del contenido (texto, imagen) y del marco que las contiene (página, pantalla, ventana). Constituye un esqueleto articulado que se mueve de forma coordinada con la masa muscular de la información. Las retículas pertenecen al marco tecnológico de la tipografía, desde el sistema modular que implica la impresión tipográfica hasta las reglas, guías y sistemas coordinados que utilizan los programas de diseño. Aunque algunas aplicaciones generan curvas suaves y tonos continuos ilusorios, cualquier imagen digital está formada, en última instancia, por una retícula de límites muy definidos. El ubicuo lenguaje de la interfaz gráfica de usuario (GUI, graphical user interface) genera un espacio reticular en el que las ventanas se superponen unas a otras al azar. Aparte de este papel que desempeñan en el trasfondo del proceso de diseño, las retículas se han convertido en herramientas teóricas explícitas. Los diseñadores de las vanguardias, en las décadas de 1910 y 1920, sacaron a la luz la retícula mecánica que existía en la tipografía y la llevaron a la polémica superficie de la página. En Suiza, tras la Segunda Guerra Mundial, los diseñadores gráficos desarrollaron una metodología de diseño total, basada en la retícula tipográfica, con la que que aspiraban a construir un nuevo orden social racional. La retícula ha evolucionado a lo largo de siglos de desarrollo tipográfico. Para los diseñadores gráficos, las retículas son dispositivos intelectuales cuidadosamente afinados, imbuidos de ideología y ambición, y constituyen la malla ineludible que filtra, a cierto nivel de resolución, prácticamente cualquier sistema de escritura y de reproducción. Existen retículas simples y complejas, particulares y genéricas, rigurosamente definidas y libremente interpretadas. Las retículas tipográficas tienen que ver, por encima de todo, con el control: establecen un sistema para organizar el contenido dentro de una página, una pantalla o un elemento tridimensional. Una buena retícula no es una fórmula rígida sino una estructura flexible y elástica diseñada para responder a las presiones internas del contenido (texto, imagen) y del marco que las contiene (página, pantalla, ventana). Constituye un esqueleto articulado que se mueve de forma coordinada con la masa muscular de la información. Las retículas pertenecen al marco tecnológico de la tipografía, desde el sistema modular que implica la impresión tipográfica hasta las reglas, guías y sistemas coordinados que utilizan los programas de diseño. Aunque algunas aplicaciones

En esta doble página simétrica, los márgenes interiores son más anchos que los exteriores, y se crea así un espacio abierto hacia el lomo del libro.

Los libros y las revistas deben diseñarse como dobles páginas (dos páginas opuestas). La unidad principal de diseño suele ser la doble página, no una página individual. Los márgenes izquierdo y derecho se convierten en los márgenes interiores y exteriores. Los programas de maquetación presuponen que los márgenes interiores son iguales en las dos páginas, lo que genera dos páginas simétricas. Sin embargo, puedes modificar estos parámetros y crear dobles páginas asimétricas.

sistemas de retículas

página uno

Existen retículas simples y complejas, particulares y genéricas, rigurosamente definidas y libremente interpretadas. Las retículas tipográficas tienen que ver, por encima de todo, con el control: establecen un sistema para organizar el contenido dentro de una página, una pantalla o un elemento tridimensional. Una buena retícula no es una fórmula rígida sino una estructura flexible y elástica diseñada para responder a las presiones internas del contenido (texto, imagen) y del marco que las contiene (página, pantalla, ventana). Constituye un esqueleto articulado que se mueve de forma coordinada con la masa muscular de la información. Las retículas pertenecen al marco tecnológico de la tipografía, desde el sistema modular que implica la impresión tipográfica hasta las reglas, guías y sistemas coordinados que utilizan los programas de diseño. Aunque algunas aplicaciones generan curvas suaves y tonos continuos ilusorios, cualquier imagen digital está formada, en última instancia, por una retícula de límites muy definidos. El ubicuo lenguaje de la interfaz gráfica de usuario (GUI, graphical user interface) genera un espacio reticular en el que las ventanas se superponen unas a otras al azar. Aparte de este papel que desempeñan en el trasfondo del proceso de diseño, las retículas se han convertido en herramientas teóricas explícitas. Los diseñadores de las vanguardias, en las décadas de 1910 y 1920, sacaron a la luz la retícula mecánica que existía en la tipografía y la llevaron a la polémica superficie de la página. En Suiza, tras la Segunda Guerra Mundial, los diseñadores gráficos desarrollaron una metodología de diseño total, basada en la retícula tipográfica, con la que que aspiraban a construir un nuevo orden social racional. La retícula ha evolucionado a lo largo de siglos de desarrollo tipográfico. Para los diseñadores gráficos, las retículas son dispositivos intelectuales cuidadosamente afinados, imbuidos de ideología y ambición, y constituyen la malla ineludible que filtra, a cierto nivel de resolución, prácticamente cualquier sistema de escritura y de reproducción. Existen retículas simples y complejas, particulares y genéricas, rigurosamente definidas y libremente interpretadas. Las retículas tipográficas tienen que ver, por encima de todo, con el control: establecen un sistema para organizar el contenido dentro de una página, una pantalla o un elemento tridimensional. Una buena retícula no es una fórmula rígida sino una estructura flexible y elástica diseñada para responder a las presiones internas del contenido (texto, imagen) y del marco que las contiene (página, pantalla, ventana). Constituye un esqueleto articulado que se mueve de forma coordinada con la masa muscular de la información. Las retículas pertenecen al marco tecnológico de la tipografía, desde el sistema modular que implica la impresión tipográfica hasta las reglas, guías y sistemas coordinados que utilizan los programas de diseño. Aunque algunas aplicaciones generan curvas suaves y

página uno

sistemas de retículas

Existen retículas simples y complejas, particulares y genéricas, rigurosamente definidas y libremente interpretadas. Las retículas tipográficas tienen que ver, por encima de todo, con el control: establecen un sistema para organizar el contenido dentro de una página, una pantalla o un elemento tridimensional. Una buena retícula no es una fórmula rígida sino una estructura flexible y elástica diseñada para responder a las presiones internas del contenido (texto, imagen) y del marco que las contiene (página, pantalla, ventana). Constituye un esqueleto articulado que se mueve de forma coordinada con la masa muscular de la información. Las retículas pertenecen al marco tecnológico de la tipografía, desde el sistema modular que implica la impresión tipográfica hasta las reglas, guías y sistemas coordinados que utilizan los programas de diseño. Aunque algunas aplicaciones generan curvas suaves y tonos continuos ilusorios, cualquier imagen digital está formada, en última instancia, por una retícula de límites muy definidos. El ubicuo lenguaje de la interfaz gráfica de usuario (GUI, graphical user interface) genera un espacio reticular en el que las ventanas se superponen unas a otras al azar. Aparte de este papel que desempeñan en el trasfondo del proceso de diseño, las retículas se han convertido en herramientas teóricas explícitas. Los diseñadores de las vanguardias, en las décadas de 1910 y 1920, sacaron a la luz la retícula mecánica que existía en la tipografía y la llevaron a la polémica superficie de la página. En Suiza, tras la Segunda Guerra Mundial, los diseñadores gráficos desarrollaron una metodología de diseño total, basada en la retícula tipográfica, con la que que aspiraban a construir un nuevo orden social racional. La retícula ha evolucionado a lo largo de siglos de desarrollo tipográfico. Para los diseñadores gráficos, las retículas son dispositivos intelectuales cuidadosamente afinados, imbuidos de ideología y ambición, y constituyen la malla ineludible que filtra, a cierto nivel de resolución, prácticamente cualquier sistema de escritura y de reproducción. Existen retículas simples y complejas, particulares y genéricas, rigurosamente definidas y libremente interpretadas. Las retículas tipográficas tienen que ver, por encima de todo, con el control: establecen un sistema para organizar el contenido dentro de una página, una pantalla o un elemento tridimensional. Una buena retícula no es una fórmula rígida sino una estructura flexible y elástica diseñada para responder a las presiones internas del contenido (texto, imagen) y del marco que las contiene (página, pantalla, ventana). Constituye un esqueleto articulado que se mueve de forma coordinada con la masa muscular de la información. Las retículas pertenecen al marco tecnológico de la tipografía, desde el sistema modular que implica la impresión tipográfica hasta las reglas, guías y sistemas coordinados que utilizan los programas de diseño. Aunque algunas aplicaciones generan

En este diseño asimétrico, el margen izquierdo siempre es más ancho que el derecho, tanto en la parte interior como en el exterior de la página.

retícula | 179

la retícula de múltiples columnas

Sistemas de retículas

La retícula tipográfica es un regulador proporcional para composiciones, tablas, imágenes, etc. Es un programa formal para acomodar x elementos desconocidos. La retícula tipográfica es un regulador proporcional para composiciones, tablas, imágenes, etc. Es un programa formal para acomodar x elementos desconocidos.

Existen retículas simples y complejas, particulares y genéricas, rigurosamente definidas y libremente interpretadas. Las retículas tipográficas tienen que ver, por encima de todo, con el control: establecen un sistema para organizar el contenido dentro de una página, una pantalla o un elemento tridimensional. Una buena retícula no es una fórmula rígida sino una estructura flexible y elástica diseñada para responder a las presiones internas del contenido (texto, imagen) y del marco que las contiene (página, pantalla, ventana). Constituye un esqueleto articulado que se mueve de forma coordinada con la masa muscular de la información. Las retículas pertenecen al marco tecnológico de la tipografía, desde el sistema modular que implica la impresión tipográfica hasta las reglas, guías y sistemas coordinados que utilizan los programas de diseño. Aunque algunas aplicaciones generan curvas suaves y tonos continuos ilusorios, cualquier imagen digital está formada, en última instancia, por una retícula de límites muy definidos. El ubicuo lenguaje de la interfaz gráfica de usuario (GUI, graphical user interface) genera un espacio reticular en el que las ventanas se superponen unas a otras al azar. Aparte de este papel que desempeñan en el trasfondo del proceso de diseño,

Sistemas de retículas Existen retículas simples y complejas, particulares y genéricas, rigurosamente definidas y libremente interpretadas. Las retículas tipográficas tienen que ver, por encima de todo, con el control: establecen un sistema para organizar el contenido dentro de una página, una pantalla o un elemento tridimensional. Una buena retícula no es una fórmula rígida sino una estructura flexible y elástica diseñada para responder a las presiones internas del contenido (texto, imagen) y del marco que las contiene (página, pantalla, ventana). Constituye un esqueleto articulado que se mueve de forma coordinada con la masa muscular de la información. Las retículas pertenecen al marco tecnológico de la tipografía, desde el sistema modular que implica la impresión tipográfica hasta las reglas, guías y sistemas coordinados que utilizan los programas de diseño. Aunque algunas aplicaciones generan curvas suaves y tonos continuos ilusorios, cualquier imagen digital está formada, en última instancia, por una retícula de límites muy definidos. El ubicuo lenguaje de la interfaz gráfica de usuario (GUI, graphical user interface) genera un espacio reticular en el que las ventanas se superponen unas a otras al azar. Aparte de este papel que desempeñan en el trasfondo del proceso de diseño,

Existen diversas maneras de utilizar una retícula básica de columnas. En este caso, se ha reservado una columna para las imágenes y sus pies de foto, y las otras para el texto.

Las retículas de una sola columna funcionan correctamente en documentos sencillos, pero las retículas con varias columnas ofrecen formatos flexibles para aquellas publicaciones que tienen jerarquías complejas o que contienen texto e imágenes. Cuantas más columnas crees, más flexible será la retícula. Se puede utilizar la retícula para plasmar la jerarquía de la publicación dividiendo espacios para los diferentes tipos de contenido. Un texto o una imagen pueden ocupar una sola columna o puede extenderse a lo largo de varias. No siempre se ha de ocupar todo el espacio.

180 | pensar con tipos

Existen retículas simples y complejas, particulares y genéricas, rigurosamente definidas y libremente interpretadas. Las retículas tipográficas tienen que ver, por encima de todo, con el control: establecen un sistema para organizar el contenido dentro de una página, una pantalla o un elemento tridimensional. Una buena retícula no es una fórmula rígida sino una estructura flexible y elástica diseñada para responder a las presiones internas del contenido (texto, imagen) y del marco que las contiene (página, pantalla, ventana). Constituye un esqueleto articulado que se mueve de forma coordinada con la masa muscular de la información. Las retículas pertenecen al marco tecnológico de la tipografía, desde el sistema modular que implica la impresión tipográfica hasta las reglas, guías y sistemas coordinados que utilizan los programas de diseño. Aunque algunas aplicaciones generan curvas suaves y tonos continuos

Existen retículas simples y complejas, particulares y genéricas, rigurosamente definidas y libremente interpretadas. Las retículas tipográficas tienen que ver, por encima de todo, con el control: establecen un sistema para organizar el contenido dentro de una página, una pantalla o un elemento tridimensional. Una buena retícula no es una fórmula rígida sino una estructura flexible y elástica diseñada para responder a las presiones internas del contenido (texto, imagen) y del marco que las contiene (página, pantalla, ventana). Constituye un esqueleto articulado que se mueve de forma coordinada con la masa muscular de la información. Las retículas pertenecen al marco tecnológico de la tipografía, desde el sistema modular que implica la impresión tipográfica hasta las reglas, guías y sistemas coordinados que utilizan los programas de diseño. Aunque algunas aplicaciones generan curvas suaves y tonos continuos

Existen retículas simples y complejas, particulares y genéricas, rigurosamente definidas y libremente interpretadas. Las retículas tipográficas tienen que ver, por encima de todo, con el control: establecen un sistema para organizar el contenido dentro de una página, una pantalla o un elemento tridimensional. Una buena retícula no es una fórmula rígida sino una estructura flexible y elástica diseñada para responder a las presiones internas del contenido (texto, imagen) y del marco que las contiene (página, pantalla, ventana). Constituye un esqueleto articulado que se mueve de forma coordinada con la masa muscular de la información. Las retículas pertenecen al marco tecnológico de la tipografía, desde el sistema modular que implica la impresión tipográfica hasta las reglas, guías y sistemas coordinados que utilizan los programas de diseño. Aunque algunas aplicaciones generan curvas suaves y tonos continuos La retícula tipográfica es un regulador proporcional para composiciones, tablas, imágenes, etc. Es un programa formal para acomodar x elementos desconocidos. La retícula tipográfica es un regulador proporcional para composiciones, tablas, imágenes, etc. Es un programa formal para acomodar x elementos desconocidos.

En esta variante, las imágenes y el texto comparten el espacio de las columnas.

Sistemas de retículas

La retícula tipográfica es un regulador proporcional para composiciones, tablas, imágenes, etc. Es un programa formal para acomodar x elementos desconocidos. La retícula tipográfica es un regulador proporcional para composiciones, tablas, imágenes, etc. Es un programa formal para acomodar x elementos desconocidos.

Existen retículas simples y complejas, particulares y genéricas, rigurosamente definidas y libremente interpretadas. Las retículas tipográficas tienen que ver, por encima de todo, con el control: establecen un sistema para organizar el contenido dentro de una página, una pantalla o un elemento tridimensional. Una buena retícula no es una fórmula rígida sino una estructura flexible y elástica diseñada para responder a las presiones internas del contenido (texto, imagen) y del marco que las contiene (página, pantalla, ventana). Constituye un esqueleto articulado que se mueve de forma coordinada con la masa muscular de la información. Las retículas pertenecen al marco tecnológico de la tipografía, desde el sistema modular que implica la impresión tipográfica hasta las reglas, guías y sistemas coordinados que utilizan los programas de diseño. Aunque algunas aplicaciones generan curvas suaves y tonos continuos ilusorios, cualquier imagen digital está formada, en última instancia, por una retícula de límites muy definidos. El ubicuo lenguaje de la interfaz gráfica de usuario (GUI, graphical user interface) genera un espacio reticular en el que las ventanas se superponen unas a otras al azar. Aparte de este papel que desempeñan en el trasfondo del proceso de diseño, las retículas se han convertido en herramientas teóricas explícitas. Los diseñadores de las vanguardias, en las décadas de 1910 y 1920, sacaron a la luz la retícula mecánica que existía en la tipografía y la llevaron a la polémica superficie de la página. En Suiza, tras la Segunda Guerra Mundial, los diseñadores gráficos desarrollaron una metodología de diseño total, basada en la retícula tipográfica, con la que que aspiraban a construir un nuevo orden social racional. La retícula ha evolucionado a lo largo de siglos de desarrollo tipográfico. Para los diseñadores gráficos, las retículas son dispositivos intelectuales cuidadosamente afinados, imbuidos de ideología y ambición, y constituyen la malla ineludible que filtra, a cierto nivel de resolución, La retícula tipográfica es un regulador proporcional para composiciones, tablas, imágenes, etc. Es un programa formal para acomodar x elementos desconocidos. La retícula tipográfica es un regulador proporcional para composiciones, tablas, imágenes, etc. Es un programa formal para acomodar x elementos desconocidos.

Los elementos de anchura variable se pueden escalonar dentro de la estructura de la retícula.

un horizonte se extiende a lo largo de la página

Sistemas de retículas

La retícula tipográfica es un regulador proporcional para composiciones, tablas, imágenes, etc.

La retícula tipográfica es un regulador proporcional para composiciones, tablas, imágenes, etc. Es un programa formal para acomodar x elementos desconocidos. La retícula tipográfica es un regulador proporcional para composiciones, tablas, imágenes, etc. Es un programa formal para acomodar x elementos desconocidos.

Existen retículas simples y complejas, particulares y genéricas, rigurosamente definidas y libremente interpretadas. Las retículas tipográficas tienen que ver, por encima de todo, con el control: establecen un sistema para organizar el contenido dentro de una página, una pantalla o un elemento tridimensional. Una buena retícula no es una fórmula rígida sino una estructura flexible y elástica diseñada para responder a las presiones internas del contenido (texto, imagen) y del marco que las contiene (página, pantalla, ventana). Constituye un esqueleto articulado que se mueve de forma coordinada con la masa muscular de la información. Las retículas pertenecen al marco tecnológico de la tipografía, desde el sistema modular que implica la impresión tipográfica hasta las reglas, guías y sistemas coordinados que utilizan los programas de diseño. Aunque algunas aplicaciones generan curvas suaves y tonos continuos ilusorios, cualquier imagen digital está formada, en última instancia, por una retícula de límites muy definidos. El ubicuo lenguaje de la interfaz gráfica de usuario (GUI, graphical user interface) genera un espacio reticular en el que las ventanas se superponen unas a otras al azar. Aparte de este papel que desempeñan en el trasfondo del proceso de diseño, las retículas se han convertido en herramientas teóricas explícitas. Los diseñadores de las vanguardias, en las décadas de 1910 y 1920, sacaron a la luz la retícula mecánica que existía en la tipografía y la llevaron a la polémica superficie de la página. En Suiza, tras la Segunda Guerra Mundial, los diseñadores gráficos desarrollaron una metodología de diseño total, basada en la retícula tipográfica, con la que que aspiraban a construir un nuevo orden social racional. La retícula ha evolucionado a lo largo de siglos de desarrollo tipográfico. Para los diseñadores gráficos, las retículas son dispositivos intelectuales cuidadosamente afinados, imbuidos de ideología y ambición, y constituyen la malla ineludible que filtra, a cierto nivel de resolución, prácticamente cualquier sistema de escritura y de reproducción. Existen retículas simples y complejas, particulares y genéricas, rigurosamente

La retícula tipográfica es un regulador proporcional para composiciones, tablas, imágenes, etc. Es un programa formal para acomodar x elementos desconocidos. La retícula tipográfica es un regulador proporcional para composiciones, tablas, imágenes, etc. Es un programa formal para acomodar x elementos desconocidos. La retícula tipográfica es un regulador proporcional para composiciones, tablas, imágenes, etc. Es un programa formal para acomodar x elementos desconocidos. La retícula tipográfica es un regulador proporcional para composiciones, tablas, imágenes, etc. Es un programa formal para acomodar x elementos desconocidos.

Existen retículas simples y complejas, particulares y genéricas, rigurosamente definidas y libremente interpretadas. Las retículas tipográficas tienen que ver, por encima de todo, con el control: establecen un sistema para organizar el contenido dentro de una página, una pantalla o un elemento tridimensional. Una buena retícula no es una fórmula rígida sino una estructura flexible y elástica diseñada para responder a las presiones internas del contenido (texto, imagen) y del marco que las contiene (página, pantalla, ventana). Constituye un esqueleto articulado que se mueve de forma coordinada con la masa muscular de la información. Las retículas pertenecen al marco tecnológico de la tipografía, desde el sistema modular que implica la impresión tipográfica hasta las reglas, guías y sistemas coordinados que utilizan los programas de diseño. Aunque algunas aplicaciones generan curvas suaves y tonos continuos ilusorios, cualquier imagen digital está formada, en última instancia, por una retícula de límites muy definidos. El ubicuo lenguaje de la interfaz gráfica de usuario (GUI, graphical user interface) genera un espacio reticular en el que las ventanas se superponen unas a otras al azar. Aparte de este papel que desempeñan en el trasfondo del proceso de diseño, las retículas se han convertido en herramientas teóricas explícitas. Los diseñadores de las vanguardias, en las décadas de 1910 y 1920, sacaron a la luz la retícula mecánica que existía en la tipografía y la llevaron a la polémica superficie de la página. En Suiza, tras la Segunda Guerra Mundial, los diseñadores gráficos desarrollaron una metodología de diseño total, basada en la retícula tipográfica, con la que que aspiraban a construir un nuevo orden social racional. La retícula ha evolucionado a lo largo de siglos de desarrollo tipográfico. Para los diseñadores gráficos, las retículas son dispositivos intelectuales cuidadosamente afinados, imbuidos de ideología y ambición, y constituyen la malla ineludible que filtra, a cierto nivel de resolución, prácticamente cualquier sistema de escritura y de reproducción. Existen retículas simples y complejas, particulares y genéricas, rigurosamente

Una franja horizontal separa la zona del texto de la zona de la imagen. Los elementos se apoyan sobre esta línea, que provee de estructura interna a la página.

línea de seguridad Además de crear áreas verticales con las columnas de la retícula, la página también puede dividirse horizontalmente. Por ejemplo, se puede reservar un espacio en la parte superior para las imágenes y los pies de foto, y el cuerpo de texto puede “colgar” de una línea común. En arquitectura, este punto de referencia horizontal se denomina datum.

Sistemas de retículas

La retícula tipográfica es un regulador proporcional para composiciones, tablas, imágenes, etc. Es un programa formal para acomodar x elementos desconocidos. La retícula tipográfica es un regulador proporcional para composiciones, tablas, imágenes, etc. Es un programa formal para acomodar x elementos desconocidos. La retícula tipográfica es un regulador proporcional para composiciones, tablas, imágenes, etc.

Existen retículas simples y complejas, particulares y genéricas, rigurosamente definidas y libremente interpretadas. Las retículas tipográficas tienen que ver, por encima de todo, con el control: establecen un sistema para organizar el contenido dentro de una página, una pantalla o un elemento tridimensional. Una buena retícula no es una fórmula rígida sino una estructura flexible y elástica diseñada para responder a las presiones internas del contenido (texto, imagen) y del marco que las contiene (página, pantalla, ventana). Constituye un esqueleto articulado que se mueve de forma coordinada con la masa muscular de la información. Las retículas pertenecen al marco tecnológico de la tipografía, desde el sistema modular que implica la impresión tipográfica hasta las reglas, guías y sistemas

Existen retículas simples y complejas, particulares y genéricas, rigurosamente definidas y libremente interpretadas. Las retículas tipográficas tienen que ver, por encima de todo, con el control: establecen un sistema para organizar el contenido dentro de una página, una pantalla o un elemento tridimensional. Una buena retícula no es una fórmula rígida sino una estructura flexible y elástica diseñada para responder a las presiones internas del contenido (texto, imagen) y del marco que las contiene (página, pantalla, ventana). Constituye un esqueleto articulado que se mueve de forma coordinada con la masa muscular de la información. Las retículas pertenecen al marco tecnológico de la tipografía, desde el sistema modular que implica la impresión tipográfica hasta las reglas, guías y sistemas

Existen retículas simples y complejas, particulares y genéricas, rigurosamente definidas y libremente interpretadas. Las retículas tipográficas tienen que ver, por encima de todo, con el control: establecen un sistema para organizar el contenido dentro de una página, una pantalla o un elemento tridimensional. Una buena retícula no es una fórmula rígida sino una estructura flexible y elástica diseñada para responder a las presiones internas del contenido (texto, imagen) y del marco que las contiene (página, pantalla, ventana). Constituye un esqueleto articulado que se mueve de forma coordinada con la masa muscular de la información. Las retículas pertenecen al marco tecnológico de la tipografía, desde el sistema modular que implica la impresión tipográfica hasta las reglas, guías y sistemas

Existen retículas simples y complejas, particulares y genéricas, rigurosamente definidas y libremente interpretadas. Las retículas tipográficas tienen que ver, por encima de todo, con el control: establecen un sistema para organizar el contenido dentro de una página, una pantalla o un elemento tridimensional. Una buena retícula no es una fórmula rígida sino una estructura flexible y elástica diseñada para responder a las presiones internas del contenido (texto, imagen) y del marco que las contiene (página, pantalla, ventana). Constituye un esqueleto articulado que se mueve de forma coordinada con la masa muscular de la información. Las retículas pertenecen al marco tecnológico de la tipografía, desde el sistema modular que implica la impresión tipográfica hasta las reglas, guías y sistemas

Existen retículas simples y complejas, particulares y genéricas, rigurosamente definidas y libremente interpretadas. Las retículas tipográficas tienen que ver, por encima de todo, con el control: establecen un sistema para organizar el contenido dentro de una página, una pantalla o un elemento tridimensional. Una buena retícula no es una fórmula rígida sino una estructura flexible y elástica diseñada para responder a las presiones internas del contenido (texto, imagen) y del marco que las contiene (página, pantalla, ventana). Constituye un esqueleto articulado que se mueve de forma coordinada con la masa muscular de la información. Las retículas pertenecen al marco tecnológico de la tipografía, desde el sistema modular que implica la impresión tipográfica hasta las reglas, guías y sistemas

Las columnas de texto cuelgan de un datum y forman una bandera desigual en la base.

retícula | 181

la retícula de múltiples columnas

182 | pensar con tipos

columnas de distinta anchura

stein und wasser, invierno 2003|04 Folleto, 2003. Diseño: Clemens Schedler/Büro für konkrete Gestaltung. Editorial: Hotel Therme, Suiza. Esta publicación para un spa en Suiza utiliza una retícula de cinco columnas. El texto principal ocupa un bloque de cuatro columnas y los textos más pequeños se sitúan en una sola columna.

retícula | 183

la retícula de múltiples columnas

184 | pensar con tipos

el margen como interfaz

phaidon: otoño 2003 Catálogo, 2003. Diseño: Hans Dieter Reichert. Editorial: Phaidon. Fotografía: Dan Meyers. Este catálogo editorial ofrece una estructura elegante y racional que permite mostrar cientos de libros distintos, cada uno presentado como objeto físico junto a una pequeña reseña. Los márgenes actúan como la interfaz de navegación del catálogo. Las divisiones se dan tanto vertical como horizontalmente.

retícula | 185

la retícula de múltiples columnas

186 | pensar con tipos

superposición de ventanas

if/then play: design implications of new media Libro, 1999. Diseño: Mevis & Van Deursen. Editor: Jan Abrams. Editorial: Netherlands Design Institute. Fotografía: Dan Meyers. En este libro sobre nuevos medios, el cuerpo de texto está contenido en una retícula de doble columna. Los entresacados, que ocupan dos columnas, están enmarcados en finas cajas rectilíneas que recuerdan a “ventanas” superpuestas en una pantalla de ordenador. El margen superior, que se parece a la barra de herramientas de un navegador, sirve como interfaz al libro.

retícula | 187

la retícula de múltiples columnas

188 | pensar con tipos

cortes en una pared sólida

form + zweck 27 Revista, 1996. Diseño: Cyan, Berlín. En las páginas de esta publicación experimental se han desplazado las compactas columnas de texto hacia los márgenes exteriores. Los diseñadores han maximizado la densidad del campo de texto marcando los párrafos con símbolos en vez de hacerlo con sangrías y saltos de línea. Los encabezamientos, los folios y las fotografías son como estrechos canales practicados en una sólida pared de texto. Las notas al pie se han tratado como bloques justificados girados 90 grados contra el grano de la página.

retícula | 189

la retícula de múltiples columnas

190 | pensar con tipos

retículas racionales y sostenibles

subtraction Sitio web, 2008. Diseño: Khoi Vinh. Aunque innumerables sitios web se dividen en tres o más columnas, una retícula completamente funcional debe permitir que algunos elementos del contenido “rompan la retícula” y crucen varias columnas de un área de contenido. Las generosas franjas de espacio en blanco que se ven en las páginas de Vinh liberan al ojo de una innecesaria sobrecarga a la vez que destacan la retícula que se encuentra bajo esta estructura. En algunas ocasiones, este diseñador utiliza la retícula como imagen de fondo para comprobar la alineación de elementos mientras trabaja. retícula | 191

la retícula de múltiples columnas

npr.org Sitio web, 2009-2010. Diseño: equipo de NPR (Darren Mauro, Jennifer Sharp, Callie Neylan, David Wright, Brian Ingles, K. Libner, Scott Stroud). El proceso de diseño de una web generalmente empieza por la creación de la retícula y los esquemas que definen las páginas tipo. Los detalles visuales como la elección tipográfica, la jerarquía y el estilo de los elementos de navegación se añaden después. El sitio tiene ocho plantillas de página, cada una diseñada para una situación editorial distinta. 192 | pensar con tipos

acceso directo al contenido

the new republic Revista online, 2009. La página de inicio de esta revista online utiliza una retícula de tres columnas para ofrecer al lector vínculos directos a gran cantidad de contenido editorial. Cada una de las secciones de opinión tiene un logotipo propio que refleja el tono literario de la marca global. retícula | 193

la retícula modular

diseñar programas Diagrama de una retícula, 1963 (redibujada). Diseño: Karl Gerstner. Editorial: Editorial Gustavo Gili, Barcelona. Esta retícula cuadrada está formada por seis columnas verticales y seis módulos horizontales, que tienen una retícula de una, dos, tres y cuatro unidades superpuestas. Verticalmente, la retícula está gobernada por una medida de 10 puntos, que determina el espaciado tipográfico de una línea base hasta la siguiente.

194 | pensar con tipos

dividir la página en unidades verticales y horizontales

Sistemas de retículas

Sistemas de retículas

Existen retículas simples y complejas, particulares y genéricas, rigurosamente definidas y libremente interpretadas. Las retículas tipográficas tienen que ver, por encima de todo, con el control: establecen un sistema para organizar el contenido dentro de una página, una pantalla o un elemento tridimensional. Una buena retícula no es una fórmula rígida sino una estructura flexible y elástica diseñada para responder a las presiones internas del contenido (texto, imagen) y del marco que las contiene (página, pantalla, ventana). Constituye un esqueleto articulado que se mueve de forma coordinada con la masa muscular de la información. Las retículas pertenecen al marco tecnológico de la tipografía, desde el sistema modular que implica la impresión tipográfica hasta las reglas, guías y sistemas coordinados que utilizan los programas de diseño. Aunque algunas aplicaciones generan curvas suaves y tonos continuos ilusorios, cualquier imagen digital está formada, en última instancia, por una retícula de límites muy definidos. El ubicuo lenguaje de la interfaz gráfica de usuario (GUI, graphical user interface) genera un espacio reticular en el que las ventanas se superponen unas a otras al azar. Aparte de este papel que desempeñan en el trasfondo del proceso de diseño, las retículas se han convertido en herramientas teóricas explícitas. Los diseñadores de las vanguardias, en las décadas de 1910 y 1920, sacaron a la luz la retícula mecánica que existía en la tipografía y la llevaron a la polémica superficie de la página. En Suiza, tras la Segunda Guerra Mundial, los diseñadores gráficos desarrollaron una metodología de diseño total, basada en la retícula tipográfica, con la que que aspiraban a

Existen retículas simples y complejas, particulares y genéricas, rigurosamente definidas y libremente interpretadas. Las retículas tipográficas tienen que ver, por encima de todo, con el control: establecen un sistema para organizar el contenido dentro de una página, una pantalla o un elemento tridimensional. Una buena retícula no es una fórmula rígida sino una estructura flexible y elástica diseñada para responder a las presiones internas del contenido (texto, imagen) y del marco que las contiene (página, pantalla, ventana). Constituye un esqueleto articulado que se mueve de forma coordinada con la masa muscular de la información. Las retículas pertenecen al marco tecnológico de la tipografía, desde el sistema modular que implica la impresión tipográfica hasta las reglas, guías y sistemas coordinados que utilizan los programas de diseño. Aunque algunas aplicaciones generan curvas suaves y tonos continuos ilusorios, cualquier imagen digital está formada, en última instancia, por una retícula de límites muy definidos. El ubicuo lenguaje de la interfaz gráfica de usuario (GUI,

La retícula tipográfica es un regulador proporcional para composiciones, tablas, imágenes, etc. Es un programa formal para acomodar x elementos desconocidos. La retícula tipográfica es un regulador proporcional para composiciones, tablas, imágenes, etc. Es un programa formal para acomodar x elementos desconocidos.

La retícula tipográfica es un regulador proporcional para composiciones, tablas, imágenes, etc. Es un programa formal para acomodar x elementos desconocidos. La retícula tipográfica es un regulador proporcional para composiciones, tablas, imágenes, etc. Es un programa formal para acomodar x elementos desconocidos.

La retícula tipográfica es un regulador proporcional para composiciones, tablas, imágenes, etc. Es un programa formal para acomodar x elementos desconocidos. La retícula tipográfica es un regulador proporcional para composiciones, tablas, imágenes, etc. Es un programa formal para acomodar x elementos desconocidos.

Esta retícula modular tiene cuatro columnas y cuatro filas. Las imágenes y los bloques de texto pueden ocupar uno o más módulos.

La retícula tipográfica es un regulador proporcional para composiciones, tablas, imágenes, etc. Es un programa formal para acomodar x elementos desconocidos. La retícula tipográfica es un regulador proporcional para composiciones, tablas, imágenes, etc. Es un programa formal para acomodar x elementos desconocidos.

Existen retículas simples y complejas, particulares y genéricas, rigurosamente definidas y libremente interpretadas. Las retículas tipográficas tienen que ver, por encima de todo, con el control: establecen un sistema para organizar el contenido dentro de una página, una pantalla o un elemento tridimensional. Una buena retícula no es una fórmula rígida sino una estructura flexible y elástica diseñada para responder a las presiones internas del contenido (texto, imagen) y del marco que las contiene (página, pantalla, ventana). Constituye un esqueleto articulado que se mueve de forma coordinada con la masa muscular de la información. Las retículas pertenecen al marco tecnológico de la tipografía, desde el sistema modular que implica la impresión tipográfica hasta las reglas, guías y sistemas coordinados que utilizan los programas de diseño. Aunque algunas aplicaciones generan curvas suaves y tonos continuos ilusorios, cualquier imagen digital está formada, en última instancia, por una retícula de límites muy definidos. El ubicuo lenguaje de la interfaz gráfica de usuario (GUI, La retícula tipográfica es un regulador proporcional para composiciones, tablas, imágenes, etc. Es un programa formal para acomodar x elementos desconocidos. La retícula tipográfica es un regulador proporcional para composiciones, tablas, imágenes, etc. Es un programa formal para acomodar x elementos desconocidos.

La retícula tipográfica es un regulador proporcional para composiciones, tablas, imágenes, etc. Es un programa formal para acomodar x elementos desconocidos. La retícula tipográfica es un regulador proporcional para composiciones, tablas, imágenes, etc. Es un programa formal para acomodar x elementos desconocidos.

Las variaciones pueden ser infinitas.

Una retícula modular tiene divisiones horizontales y verticales constantes. Estos módulos controlan la ubicación y encuadre de las imágenes y del texto. En las décadas de 1950 y 1960, diseñadores suizos como Gerstner, Ruder y Müller-Brockmann concibieron el sistema de la retícula modular como aquí se muestra.

retícula | 195

la retícula modular

196 | pensar con tipos

los espacios en blanco expresan la retícula tanto como los espacios con contenido

typographie [manual de diseño tipográfico] Libro, 1967. Autor: Emil Ruder. Diseño del autor. Editorial: Arthur Niggli, Zúrich (Editorial Gustavo Gili, Barcelona). Fotografía: Dan Meyers. En este texto de diseño clásico, Emil Ruder demuestra el uso modular de la retícula. retícula | 197

la retícula modular

Las retículas modulares se crean colocando guías horizontales a partir de una rejilla base que controla todo el documento. Las rejillas base sirven para anclar todos (o casi todos) los elementos de la composición y supeditarlos a un ritmo común. Para crear una rejilla base, escoge un tamaño de tipo y el interlineado del texto, como, por ejemplo, Scala Pro a 10 puntos con 12 puntos de interlineado (10/12). No utilices el interlineado automático y así podrás trabajar con números enteros que puedan multiplicarse y dividirse fácilmente. Utiliza el incremento del espacio entre líneas para configurar la rejilla base en las preferencias del documento. Ajusta también los márgenes superior e inferior de la página para que absorban cualquier espacio sobrante. Determina el número de unidades horizontales que tendrá la página a partir del número de líneas que tiene tu rejilla base. Contabiliza las líneas que cabrían en una columna de texto completa y escoge un número que la divida limpiamente para crear las secciones horizontales en la página. Una columna con 42 líneas se divide en siete módulos horizontales de seis líneas. Si las líneas no pueden dividirse de forma clara, debes ajustar el margen superior y/o inferior para absorber las líneas sobrantes. Para dar estilo a los titulares, los pies y demás elementos, escoge un espaciado que funcione bien con la rejilla base: por ejemplo 18/24 para los titulares, 14/18 para los subtítulos y 8/12 para los pies de foto. Los diseñadores de páginas web pueden seleccionar valores similares (altura de línea en CSS) para crear hojas de estilo con líneas base coordinadas correctamente. Cuando sea posible, sitúa todos los elementos de la página sobre la rejilla base. Pero no lo fuerces. En algunos casos, las composiciones funcionan mejor cuando sobrepasas los límites de la retícula. Actívala para comprobar que los elementos están ubicados adecuadamente; desactívala cuando te moleste. 198 | pensar con tipos

Las retículas modulares se crean colocando guías horizontales a partir de una rejilla base que controla todo el documento. Las rejillas base sirven para anclar todos (o casi todos) los elementos de la composición y supeditarlos a un ritmo común. Para crear una rejilla base, escoge un tamaño de tipo y el interlineado del texto, como, por ejemplo, Scala Pro a 10 puntos con 12 puntos de interlineado (10/12). No utilices el interlineado automático y así podrás trabajar con números enteros que puedan multiplicarse y dividirse fácilmente. Utiliza el incremento del espacio entre líneas para configurar la rejilla base en las preferencias del documento. Ajusta también los márgenes superior e inferior de la página para que absorban cualquier espacio sobrante. Determina el número de unidades horizontales que tendrá la página a partir del número de líneas que tiene tu rejilla base. Contabiliza las líneas que cabrían en una columna de texto completa y escoge un número que la divida limpiamente para crear las secciones horizontales en la página. Una columna con 42 líneas se divide en siete módulos horizontales de seis líneas. Si las líneas no pueden dividirse de forma clara, debes ajustar el margen superior y/o inferior para absorber las líneas sobrantes. Para dar estilo a los titulares, los pies y demás elementos, escoge un espaciado que funcione bien con la rejilla base: por ejemplo 18/24 para los titulares, 14/18 para los subtítulos y 8/12 para los pies de foto. Los diseñadores de

rejilla base En InDesign se puede configurar la rejillla base (cuadrícula base) en la ventana Preferencias > Cuadrículas. Las divisiones horizontales se pueden crear en el menú Composición > Crear guías. Haz que las guías horizontales se correspondan con la base del texto principal de la página escogiendo un número de filas que se pueda dividir por el número de líneas de una columna de texto completa.

¡ojo, perfeccionistas! En InDesign,

los cuadros de texto pueden alinearse automáticamente con la rejilla base. Ve a Objeto > Opciones de Marco de texto > Opciones de línea base y, en Desplazamiento, escoge Interlineado. Si el interlineado es de 12 puntos, la primera línea de la retícula estará a 12 puntos de distancia de la parte superior del cuadro de texto. cuadro de texto mejorado La primera línea de un texto empieza a 12 puntos de la parte superior del cuadro de texto. En la configuración por defecto, la primera línea se sitúa de acuerdo con la altura de las mayúsculas.

titular principal 32/48 puntos Scala Sans Pro negrita

subtítulo 18/24 Scala Sans Pro cursiva

La rejilla base crea un ritmo común

El estilo de los pies de foto y otros epígrafes debe coordinarse con el de la rejilla base principal.

Las retículas modulares se crean colocando guías horizontales a partir de una rejilla base que controla todo el documento. Las rejillas base sirven para anclar todos (o casi todos) los elementos de la composición y supeditarlos a un ritmo común. Para crear una rejilla base, escoge un tamaño de tipo y el interlineado del texto, como, por ejemplo, Scala Pro a 10 puntos con 12 puntos de interlineado (10/12). No utilices el interlineado automático y así podrás trabajar con números enteros que puedan multiplicarse y dividirse fácilmente. Utiliza el incremento del espacio entre líneas para configurar la rejilla base en las preferencias del documento. Ajusta también los márgenes superior e inferior de la página para que absorban cualquier espacio sobrante. Determina el número de unidades horizontales que tendrá la página a partir del número de líneas que tiene tu rejilla base. Contabiliza las líneas que cabrían en una columna de texto completa y escoge un número que la divida limpiamente para crear las secciones horizontales en la página.

epígrafe 9/12 Scala Sans Pro cursiva

Una columna con 42 líneas se divide en siete módulos horizontales de seis líneas. Si las líneas no pueden dividirse de forma clara, debes ajustar el margen superior y/o inferior para absorber las líneas sobrantes. Para dar estilo a los titulares, los pies y demás elementos, escoge un espaciado que funcione bien con la rejilla base: por ejemplo 18/24 para los titulares, 14/18 para los subtítulos y 8/12 para los pies de foto. Los diseñadores de páginas web pueden seleccionar valores similares (altura de línea en CSS) para crear hojas de estilo con líneas base coordinadas correctamente. Cuando sea posible, sitúa todos los elementos de la página sobre la rejilla base. Pero no lo fuerces. En algunos casos, las composiciones funcionan mejor cuando sobrepasas los límites de la retícula. Actívala para comprobar que los elementos están ubicados adecuadamente; desactívala cuando te moleste. En InDesign se puede configurar la rejillla base (cuadrícula base) en la ventana Preferencias > Cuadrículas. Las divisiones horizontales se pueden

texto principal 10/12 Scala Pro. Esta medida determinará la rejilla base.

retícula | 199

to Humanitarian Crises_Edited by Architecture for Humanity Architectural Responses

Give a Damn

design like you give a damn Libro, 2006. Diseño: Paul Carlos, Urshula Barbour, Katharina Seifert y Farha Khan/Pure + Applied. Autores: Architecture for Humanity, Kate Stohr y Cameron Sinclair. Este libro de diseño utiliza una retícula modular para organizar el complejo contenido. Algunas páginas son muy densas, con texto corrido, notas al pie y pequeñas imágenes, mientras que otras incluyen fotografías a sangre sobre las que se superponen mensajes concisos y estadísticas abrumadoras.

Design Like You

la retícula modular

Hannes Meyer, director of Bauhaus, 1928 to 1930

Walter Gropius, slab apartment blocks on the Wannsee Shore, Berlin, 1931

built two prototypes based on his ideas for exhibition: The immeubles villas (1922) and the Maison Citrohan (1922), a play on the automobile name Citroën. Throughout the ’20s Le Corbusier expounded on his ideas for a new industrialized architecture in a series of manifestos and urban plans. Another early pioneer of prefabrication and component building systems was the German architect Walter Gropius. Gropius, who founded the Bauhaus and served as its director from 1919 to 1928, personified the architect as public servant and teacher. Throughout the ’20s and ’30s Gropius experimented with prefabricated wall panels and eventually whole structures. During his tenure and that of his successors, the Bauhaus became a nexus for socially conscious design. Gropius, along with Marcel Breuer, is also credited with designing the first slab apartment block. This new building type, which would become the model for many future affordable-housing projects, was conceived to overcome the cramped, lightless tenement housing that had resulted from rampant land speculation at the turn of the century. The basic plan consisted of parallel rows of four- to 11-story apartment blocks. Each slab was only one apartment deep with windows front and back. The slabs were sited on a “superblock” at an angle to the street with communal green spaces between them to allow maximum sunlight into each apartment.12

Others would also experiment with standardized building components, modular systems, and prefabrication, including the French industrial designer Jean Prouvé and Frank Lloyd Wright, but perhaps none more passionately than the American inventor R. Buckminster Fuller. Fuller arrived on what he termed “spaceship earth” in 1895. Like Gropius and Le Corbusier, he believed that mass-manufactured dwellings represented the future of housing. His most lasting contribution, however, was his fervent belief in the power of design to improve the human condition. In a sense Fuller, who was known for his eccentric use of language and his marathon lectures (the longest lasted 42 hours and only recently has been fully transcribed), was the first evangelist of humanitarian design. In 1927, after the death of his elder daughter and the collapse of his first business, he found himself at the edge of Lake Michigan contemplating suicide. He was a failure, “a throw-away.” What brought him from the brink, he later recounted, was the simple idea that his experience might ultimately be somehow useful to his fellow human beings. Rather than taking his own life, he decided to embark on a lifelong experiment, using himself as his own best research subject. He became “Guinea Pig B” (for Bucky), the world’s first test pilot of a “design-science revolution,” the sole purpose of which was to improve “human livingry,” and he started with the house.

1929 Dymaxion House Chicago, Ill., USA R. Buckminster Fuller

1931 Prefabricated houses built for the Hirsch Copper and Brass Works Finow, Germany Walter Gropius

1930s

36

“Architecture is a process of giving form and pattern to the social life of the community. Architecture is not an individual act performed by an artist-architect and charged with his emotions. Building is a collective action.”

1930 Housing Act of 1930 England 1930–39 Drought and Dust Storms Midwestern and southern plains, USA

200 | pensar con tipos

1931 Slab apartment blocks on the Wannsee shore Berlin, Germany Walter Gropius

Conventional “handcrafted” homes had undergone “no structural advances in 5,000 years,” Fuller argued. They were poorly lit, required much maintenance, and did not make efficient use of raw materials. Most conventional buildings depended on gravity for their strength. But what if a building could be suspended, as a sail from a mast, allowing for greater strength and the use of fewer materials? Fuller’s thinking led to the design of the Dymaxion House, a small-scale model of which was first exhibited at a Marshall Field’s department store in Chicago in 1929. His radical scheme embraced the principle of tension and aimed to do “more with less.” It was spherical, to make efficient use of materials, and clad in maintenance-free aluminum. It was naturally climate controlled and could be lit by a single light source through a system of mirrors and dimmers. All the mechanicals, wiring, and appliances were built into the walls and mast to allow for easy replacement. The house was also one of the first examples of self-sufficient (or “autonomous,” as Fuller put it) green design. Wind turbines produced energy. The roof collected rainwater. Water-saving “fog guns” handled washing (including people), and Fuller’s “package toilet” composted waste and recovered methane gas.13 While the Dymaxion House was unabashedly ahead of its time (it would be two decades before Fuller could find backing to build a full-scale prototype), the concept of building with tension rather than compression would become central to Fuller’s work and would eventually lead to his most lasting contribution to the field of humanitarian design: the geodesic dome. Fuller’s principle of tensegrity became a staple of tent design, and by extension, emergency shelter, that endures to this day. Like the Dymaxion House, few of these early designs for “factorybuilt” housing achieved widespread commercial viability. For example, Le Corbusier’s low-cost housing for workers in Pessac, near Bordeaux, France, went unoccupied for eight years after it was built. However, this concept of mass-produced housing would have a number of lasting implications for low-cost shelter. It prefigured a move away from the craft of building toward the technology of building. It took design out of the realm of the many and put it in the hands of an educated few. Perhaps more important, it negated the need for a dialogue between the architect and the occupant. 1931 Flood China The Yellow River, the second largest river in China, floods. Death toll estimates range from 850,000 to four million. The flooding is followed by famine and outbreaks of disease.

1934 Modern Housing Catherine Bauer 1934 National Housing Act of 1934 USA

una retícula, infinitas posibilidades

223

222

women WORK

the world’s 2/3 ofworking hours, PRODUCE

of the world’s food,

1/2 and yet EARN

of the world’s

10% income and

OWN LESS THAN

of the world’s

1% property

2/3

of the

110 million

children not in school are girls Walter Kalin et al., eds., The Face of Human Rights, Baden: Lars Müller, 2004

Walter Kalin et al., eds., The Face of Human Rights, Baden: Lars Müller, 2004

BETWEEN

40-60%

of sexual assaults are committed against girls younger than 16.

70%

Women constitute estimated

of the

1,300,000,000

people living in absolute poverty Walter Kalin et al., eds., The Face of Human Rights, Baden: Lars Müller, 2004

“Prevention and response to sexual and gender-based violence in refugee situations”, UNHCR

Helena Sandman

Designers have tried to rethink this basic tent for decades. Everything from prefabricated structures to shipping containers to polyurethane yurts has been suggested or attempted. But as the agency politely points out in its guide to emergency materials, to date none of these systems has proven effective in refugee situations. Most fail simply because other emergency shelter arrangements will have been made before these systems even arrive. Some tent alternatives are perceived as “too permanent,” making them difficult to site in host communities and creating less incentive for a refugee to return home. Others are difficult or costly to replicate. But in recent years there has been a growing sense within the agency that the design of the standard family tent could and should be radically overhauled. In most emergencies the agency sends out plastic sheeting first. Depending on the size and complexity of the crisis, this sheeting may be the response of first and last resort. However, in cases where local materials are not available to build more permanent structures, where families cannot find shelter within the community or are displaced for longer periods of time, the UNHCR provides more durable alternatives — typically a ridge-style or center-pole-doublefly tent made from canvas. Yet these canvas tents are not only heavy, cumbersome to carry, and costly to ship, but because canvas rots they deteriorate quickly and cannot be stockpiled for long periods. Wear and tear on the weakened material in the field significantly shortens the useful lifespan of the shelter. In 2002 the UNHCR began testing a new design for the basic family tent it regularly dispatched to areas of crisis. The agency’s

Lightweight Emergency Tent

Location_Various Date_2002–present Organization_Office of the United Nations High Commissioner for Refugees (UNHCR) End client_Refugees, internally displaced populations Design consultant_Ghassem Fardanesh Manufacturer_H. Sheikh Noor-ud-Din & Sons (Pvt.) Limited, Lahore, Pakistan Cost per unit_Approx. $100 Area_178 sq. ft./16.5 sq. m Occupancy_4–5 people Dimensions_18 x 9.8 x 6.9 ft./5.5 x 3 x 2.1 m Weight_91 lb./41.5 kg

Housing

Lightweight Emergency Tent

61

60

In war-torn countries and areas devastated by disaster, the presence of UNHCR tents is one of the first signs of aid.

Design Like You Give a Damn

The UNHCR’s new Lightweight Emergency Tents in use in Meulaboh, West Sumatra, following the Indian Ocean tsunami of 2004 © T. Pengilley/UNHCR

69

68

Housing GripClips

GripClips

It would be safe to say that few people know the ins and outs of tents better than Robert Gillis. Not only did he design the first geodesic backpacking tent, based on Buckminster Fuller’s ideas, for The North Face in the 1970s, but he also lived in a collection of tents (with his wife and three children) for more than 20 years—all of which he designed himself, including the tent that housed the family washing machine. Although many of Gillis’s tent innovations have stemmed from efforts to improve his own living conditions, from the beginning he saw the potential for translating his ideas to emergency shelter—in particular using the plastic sheeting that has become a standard

component of relief projects. However, working with plastic sheeting meant finding a way to “hold on to it.” Gillis explains: “It was difficult to join the material without puncturing it. But puncturing it is a bad idea because it weakens it. The material deteriorates less if you don’t injure it.” The designer went through more than 10 different iterations before arriving at the GripClip, a small plastic fastener that clips onto any type of sheeting and ties it to a frame. Reducing the shelter to its most fundamental element, the connection between the sheeting and the support, enabled Gillis to design a number of tents, from a basic shelter frame kit to more elaborate dome structures. The clips also offered another advantage: They allowed for a range of shapes. Whereas most relief agencies distribute tunnel-shaped tents because the structure can be covered

with one large sheet of material, these tents are less stable in the wind than dome-shaped tents. Using GripClips, Gillis found he was able to layer sheeting in shingles to create a more stable structure that would also shed rain. “And I didn’t have to sew it or heat-weld it or anything,” he recalls. “Here was the perfect thing: It was totally wonderful.” More recently Gillis has focused on creating clips and fasteners to attach plastic sheeting to roofs, frameworks, piping, or plywood, allowing families to turn damaged structures into transitional homes while they rebuild.

opposite A GripClip, secured to a cross-piece of frame, shown from inside a shelter. The frame pieces are secured with plastic wrap. above GripClip’s two plastic parts are designed to be twisted together with a piece of sheeting between them. The clip itself can be fastened to a frame structure with plastic ties, rope, or pipe clamps.

Design Like You Give a Damn

Location_Various Date_1975–present Designer_Robert Gillis Manufacturer_Shelter Systems Cost_$8–10 (set of 4)

right Robert Gillis inside a tent built with GripClips. All photographs © www.dometents.com

retícula | 201

ejercicio: retícula modular

Utilizando una retícula modular, organizar un texto de tantas maneras diferentes como puedas. Empleando solo un tamaño de tipo y alineación en bandera por la derecha, construirás la jerarquía tipográfica jugando únicamente con la organización espacial. Para hacer el proyecto más complejo, empieza a incorporar después variables como el tamaño, el peso y la alineación.

Enfermedades tipográficas comunes En poblaciones expuestas a la tipografía durante periodos prolongados, pueden aparecer distintos trastornos. Tipofilia Amor o fascinación excesivos por las formas de las letras, a menudo hasta el punto de anular otros intereses. Los tipofílicos mueren, generalmente, solos y arruinados. Tipofobia Rechazo irracional de las letras, se manifiesta como una preferencia por los iconos, dingbats y, en casos fatales, los boliches y las cruces. Los síntomas de esta fobia pueden mitigarse con un tratamiento de Helvetica y Times Roman, aunque no puede curarse del todo. Tipocondria Ansiedad provocada por el convencimiento de que el tipo que se ha elegido no es el más acertado. Este trastorno se manifiesta a menudo acompañado de TKO (trastorno del kerning óptico), la necesidad de ajustar continuamente el espacio entre pares de letras.

Enfermedades tipográficas comunes

Enfermedades tipográficas comunes

En poblaciones expuestas a la tipografía durante periodos prolongados, pueden aparecer distintos trastornos.

En poblaciones expuestas a la tipografía durante periodos prolongados, pueden aparecer distintos trastornos.

Tipofilia

Tipofobia

Tipocondria

Amor o fascinación excesivos por las formas de las letras, a menudo hasta el punto de anular otros intereses. Los tipofílicos mueren, generalmente, solos y arruinados.

Rechazo irracional de las letras, se manifiesta como una preferencia por los iconos, dingbats y, en casos fatales, los boliches y las cruces. Los síntomas de esta fobia pueden mitigarse con un tratamiento de Helvetica y Times Roman, aunque no puede curarse del todo.

Ansiedad persistente provocada por el convencimiento de que el tipo que se ha elegido no es el más acertado. Este trastorno se manifiesta a menudo acompañado de TKO (trastorno del kerning óptico), la necesidad de ajustar continuamente el espacio entre pares de letras.

202 | pensar con tipos

Tipofilia Amor o fascinación excesivos por las formas de las letras, a menudo hasta el punto de anular otros intereses. Los tipofílicos mueren, generalmente, solos y arruinados.

Tipofobia Rechazo irracional de las letras, se manifiesta como una preferencia por los iconos, dingbats y, en casos fatales, los boliches y las cruces. Los síntomas de esta fobia pueden mitigarse con un tratamiento de Helvetica y Times Roman, aunque no puede curarse del todo. Tipocondria Ansiedad provocada por el convencimiento de que el tipo que se ha elegido no es el más acertado. Este trastorno se manifiesta a menudo acompañado de TKO (trastorno del kerning óptico), la necesidad de ajustar continuamente el espacio entre pares de letras.

un texto, un tipo, una retícula

Enfermedades tipográficas comunes

Amor o fascinación excesivos por las formas de las letras, a menudo hasta el punto de anular otros intereses. Los tipofílicos mueren, generalmente, solos y arruinados.

Enfermedades tipográficas comunes

Tipofobia

Rechazo irracional de las letras, se manifiesta como una preferencia por los iconos,dingbats y, en casos fatales, los boliches y las cruces. Los síntomas de esta fobia pueden mitigarse con un tratamiento de Helvetica y Times Roman, aunque no puede curarse del todo.

En poblaciones expuestas a la tipografía durante periodos prolongados, pueden aparecer distintos trastornos.

Tipocondria

Ansiedad provocada por el convencimiento de que el tipo que se ha elegido no es el más acertado. Este trastorno se manifiesta a menudo acompañado de TKO (trastorno del kerning óptico), la necesidad de ajustar continuamente el espacio entre pares de letras.

Tipofilia

En poblaciones expuestas a la tipografía durante periodos prolongados, pueden aparecer distintos trastornos.

Tipofilia

Tipofobia

Tipocondria

Amor o fascinación excesivos por las formas de las letras, a menudo hasta el punto de anular otros intereses. Los tipofílicos mueren, generalmente, solos y arruinados.

Rechazo irracional de las letras, se manifiesta como una preferencia por los iconos, dingbats y, en casos fatales, los boliches y las cruces. Los síntomas de esta fobia pueden mitigarse con un tratamiento de Helvetica y Times Roman, aunque no puede curarse del todo.

Ansiedad provocada por el convencimiento de que el tipo que se ha elegido no es el más acertado. Este trastorno se manifiesta a menudo acompañado de TKO (trastorno del kerning óptico), la necesidad de ajustar continuamente el espacio entre pares de letras.

Enfermedades tipográficas comunes

En poblaciones expuestas a la tipografía durante periodos prolongados, pueden aparecer distintos trastornos.

Tipopfilia

Tipofilia

Amor o fascinación excesivos por las formas de las letras, a menudo hasta el punto de anular otros intereses. Los tipofílicos mueren, generalmente, solos y arruinados. Tipofobia

Tipofobia

Tipocondria

Tipocondria

Ansiedad provocada por el convencimiento de que el tipo que se ha elegido no es el más acertado. Este trastorno se manifiesta a menudo acompañado de TKO (trastorno del kerning óptico), la necesidad de ajustar continuamente el espacio entre pares de letras.

Rechazo irracional de las letras, se manifiesta como una preferencia por los iconos, dingbats y, en casos fatales, los boliches y las cruces. Los síntomas de esta fobia pueden mitigarse con un tratamiento de Helvetica y Times Roman, aunque no puede curarse del todo.

Amor o fascinación excesivos por las formas de las letras, a menudo hasta el punto de anular otros intereses. Los tipofílicos mueren, generalmente, solos y arruinados. Enfermedades tipográficas comunes

En poblaciones expuestas a la tipografía durante periodos prolongados, pueden aparecer distintos trastornos.

Rechazo irracional de las letras, se manifiesta como una preferencia por los iconos, dingbats y, en casos fatales, los boliches y las cruces. Los síntomas de esta fobia pueden mitigarse con un tratamiento de Helvetica y Times Roman, aunque no puede curarse del todo.

Ansiedad provocada por el convencimiento de que el tipo que se ha elegido no es el más acertado. Este trastorno se manifiesta a menudo acompañado de TKO (trastorno del kerning óptico), la necesidad de ajustar continuamente el espacio entre pares de letras.

retícula | 203

tablas de datos

El diseño de tablas y gráficas es un campo muy rico de la tipografía. En una tabla de datos, la retícula adquiere un significado semántico. Las columnas y filas incluyen tipos diferentes de contenido que los lectores pueden identificar y comparar de forma rápida. Los diseñadores (y las configuraciones por defecto de los programas) a menudo destacan demasiado la retícula lineal de las tablas en vez de ceder el control de la página a los tipos. Si una serie de columnas se alinea visualmente, se genera una cuadrícula implícita tanto en la página como en la pantalla.

d e l i t o t i p o g r á f i co : prisión de datos Las reglas y cajas que se utilizan en las tablas de datos deben potenciar las relaciones entre los datos en vez de recluir cada información dentro de una celda.

transportes de nueva jersey, horarios del corredor noreste Horario original y rediseño de Edward Tufte. Extraído de Tufte, Edward R, Envisioning Information, Graphics Press, Cheshire (Connecticut), 1990. El diseño original (imagen superior) está organizado a partir de líneas horizontales y verticales muy marcadas. Tufte define este diseño como “prisión de datos”. Su rediseño utiliza la alineación de los propios elementos tipográficos para expresar la estructura interna de la tabla.

204 | pensar con tipos

organizar información

tabla periódica de desayunos Página de revista (detalle), 1998. Diseño: Catherine Weese. Fotografía: John Halpern. Editorial: Patsy Tarr, 2wice Magazine. Esta tabla clasifica los cereales para el desayuno por su forma y los cataloga a partir de una docena de características, desde su contenido en fibra hasta su precio por kilo. La visualización de los datos permite a los lectores comparar rápidamente los distintos artículos. Se puede observar, por ejemplo, que la cantidad de azúcar está relacionada generalmente con la intensidad de su color.

retícula | 205

ejercicio: tablas de datos

Busca cualquier tabla, por ejemplo en algún libro viejo de ciencias, y rediséñala. En la página derecha puede verse una tabla del siglo xix que documenta un experimento con hormigas. Ese viejo diseño prima las divisiones verticales a expensas de las horizontales y mezcla texto y cifras dentro de las celdas.

El rediseño que puedes ver aquí debajo elimina muchas líneas y las sustituye, cuando es necesario, por tonos de color que unifican las largas filas horizontales de datos. Además reemplaza la mayoría de los números por puntos, una técnica que permite al ojo comparar los resultados sin tener que leer cada cifra por separado.

pt 10

chloroformed ants

14 15 29 ct 02 06 al

left alone

taken to nest

thrown in water

both nest and water

left alone

taken to nest

thrown in water

both nest and water

ov 20

ec 01 05 an 15 17 al

206 | pensar con tipos

intoxicated ants

22

no te fíes de la amabilidad de un extraño

amigas ebrias Tabla de datos extraída de Lubbock, Sir John, Ants, Bees and Wasps, D. Appleton and Company, New York, 1893. El autor de este experimento estudió la respuesta de las hormigas cuando se encuentran con una “amiga” (miembros de su propia colonia) o con “desconocidas”. En el primer experimento, se aplicó cloroformo a las amigas y las desconocidas. En el segundo experimento, las hormigas fueron meramente intoxicadas con alcohol. A aquellas bajo los efectos del cloroformo —tanto a las amigas como a las desconocidas— se las daba por muertas y se las arrojaba a un foso con agua cercano a la colonia. Con las intoxicadas se empleó un sistema más discriminatorio. A muchas se las llevó de nuevo al nido para que se recuperaran, mientras que las hormigas ebrias ajenas a la colonia eran arrojadas al foso. Se podría concluir que las hormigas no se fían de la amabilidad de los extraños.

retícula | 207

APÉNDICE

espacios y signos de puntuación

A menudo, los documentos que entregan los autores contienen errores (guiones incorrectamente utilizados, fallos en los espacios entre palabras, etc.). Consulta obras como la Ortografía de la lengua española, de la RAE, para conocer el uso de los signos de puntuación. espacio entre palabras Se introduce con la barra espaciadora. Tras las palabras, frases o signos de puntuación debe haber solo un espacio. Una de las primeras acciones de la composición tipográfica debe ser eliminar los espacios dobles. No uses la barra espaciadora para crear sangrías o desplazar el texto. Para ello está la tecla del tabulador. El lenguaje html no reconoce los espacios dobles. medio cuadratín El espacio de medio cuadratín es más ancho que el espacio normal entre palabras. Puede utilizarse para destacar la distancia entre elementos de una línea (separar un subtítulo del texto que lo sigue, separar los elementos de un membrete en la misma línea...). guión largo o raya Indica una interrupción gramatical fuerte. La longitud de la raya es de un cuadratín. En los manuscritos, las rayas a menudo se representan con dos guiones (--), que deben reemplazarse al maquetar. guión medio En castellano tiene pocos usos. Se utiliza como signo matemático menos, o para separar la fecha completa de nacimiento y muerte de una persona (1 de enero de 1901 – 3 de marzo de 2001), pero no para separar años, en cuyo caso debe usarse el guión (1901-2001). Debido a la corrección automática de los procesadores de texto, los originales suelen estar plagados de guiones medios mal empleados. guión El guión (mal llamado "guión corto") se utiliza para unir palabras compuestas y dividir palabras al final de línea. Los programas de maquetación dividen las palabras automáticamente. Desactiva esta opción si trabajas con textos en bandera o centrados, emplea mejor el guión discrecional y sólo en aquellas situaciones en las que sea indispensable. guión discrecional Se inserta manualmente en una palabra para indicar por dónde puede dividirse en caso de salto de línea. Solo aparecen en un documento si la partición que marcan se hace efectiva (si se modifica el recorrido del texto el guión discrecional desaparece). Si el compositor tipográfico ha insertado un guión “duro” en vez de discrecional, pueden aparecer guiones en me-dio de una línea. comillas Tienen una forma de “apertura” y otra de “cierre”. Una sola comilla de cierre también puede hacer la función de apóstrofo (“L’Hospitalet de Llobregat”). Las comillas rectas se denominan mecanográficas (o prima y doble prima) y solo deben usarse para indicar medidas en pulgadas y pies (5'2''). 210 | pensar con tipos

Los programas de maquetación utilizan comillas curvas por defecto, pero el texto que entrega el cliente suele estar plagado de comillas rectas. Las aplicaciones de autocorrección a menudo invierten los apóstrofos (‘ en vez de ’), y los diseñadores deben prestar atención y corregir este defecto. puntos suspensivos Constituyen un solo signo ortográfico, tres puntos consecutivos sin espacios entre sí. Indican la omisión de parte del texto o... una pausa temporal. La mayoría de las fuentes incluyen los puntos suspensivos como carácter. atajos de teclado de mac os Los atajos de teclado, igual que los propios teclados, pueden variar según los distintos países. Los que aparecen en la lista inferior son algunos de los que se emplean habitualmente en los teclados españoles. Algunas fuentes no incluyen toda la gama de caracteres especiales.

— – -

guiones

atajo de teclado

guión largo o raya

alt+shift+tecla de guión

guión medio

alt+tecla de guión

guión

tecla de guión

guión discrecional

comando+tecla de guión

p u n t uac i ó n

' '' “ ” …

comilla recta simple (prima)

Ctrl+'

comilla recta doble (doble prima) Ctrl+shift+' comilla doble o inglesa abierta

shift+2

comilla doble o inglesa cerrada

shift+2

puntos suspensivos

alt+.

ot ro s s í m b o l o s

† daga, cruz u obelisco ‡ doble daga, doble cruz o doble

alt-t alt-shift-t

obelisco

© ® € fi fl x x x x x2 x2

símbolo de copyright

alt-c

símbolo de marca registrada

alt-r

símbolo de euro

alt-e

ligadura fi

alt-shift-f

ligadura fl

alt-shift-g

negrita

comando+b

cursiva

comando+i

subrayado

comando+u

versalitas

comando+k

superíndice

comando+shift+0

subíndice

comando+0

ignorar las normas de puntuación lleva a la desesperación y la humillación

Estas interrupciones —en especial las maliciosas-- me cortan el rollo. d e l i t o : Dos guiones en lugar de una raya. La raya, o guión largo, supone una ruptura en el ritmo de una frase. En los documentos realizados con un procesador de textos, la raya puede indicarse con dos guiones, pero esto nunca debe hacerse cuando se compone tipográficamente una página. La raya de apertura lleva un espacio delante y va pegada al texto que la sigue, la raya de cierre, al revés.

El Lissitzky: 1890-1941. Rodchenko vivió más tiempo (1891–1956). d e l i t o : guión medio entre números. Los guiones medios conectan dos cifras. Significa “hasta una cifra, incluida” y no “entre”. No se utilizan espacios antes y después de los guiones medios.

La relación calidad–precio está fatal, pero la relación calidad-precio, genial. d e l i t o : un guión medio en una palabra compuesta. No utilices los guiones medios cuando lo que se necesita es un simple guión.

En el principio existía... el verbo… La tipografía llegó más tarde. Aquí se utiliza el carácter de puntos suspensivos en vez de tres puntos separados. Los puntos suspensivos no tienen espacios entre sí. Muchas fuentes incluyen el carácter de los puntos suspensivos, que generalmente tienen un espaciado más apretado. Al final de una frase que termina con puntos suspensivos, no debe añadirse otro punto para el cierre (se escribirán solo tres puntos).

26'8'': récord mundial de salto. ''No soy una prima'', dijo. ''Soy muy astuta.'' d e l i t o : Comillas mecanográficas (doble prima) en lugar de comillas curvas. Las comillas rectas (mecanográficas o prima) indican pulgadas y pies. Usarlas en las citas es un error común en el panorama tipográfico.

“Yo no soy astuto”, contestó él. “Soy una comilla.” Las comillas curvas, a diferencia de las mecanográficas, tienen un carácter de apertura y otro de cierre. Las comillas simples de cierre pueden utilizarse también como apóstrofos. Debe evitarse el uso incorrecto de comillas mecanográficas.

Nunca metas dos espacios entre frases. Dejan un hueco horrible. d e l i t o : Dos espacios entre frases. Muchos autores insisten en incluir dos espacios entre frases y entregan así sus manuscritos, pero estos deben eliminarse cuando se compone el texto en la maqueta definitiva.

apéndice | 211

edición

Desde que la irrupción de las aplicaciones de autoedición en la década de 1980, los diseñadores gráficos han adoptado funciones (como la composición tipográfica y la maquetación mecánica) que antes correspondían a otros gremios. A veces se espera que los diseñadores actúen como editores, pero cada proyecto debe contar con un verdadero editor que tenga la preparación suficiente para juzgar la corrección y coherencia del contenido. Ni el autor ni el diseñador deberían desempeñar esta tarea. El editor es una figura neutral entre ambos. Asegúrate de que alguien con la formación necesaria desempeñe ese papel esencial, pues la falta de cuidado en la edición puede causar errores costosos. La edición de un texto atraviesa tres fases básicas que cubren diferentes funciones. La edición del contenido (o edición de concepto, en una obra técnica) aborda los temas generales que tienen que ver con el contenido y la estructura de una obra. También valora, en primer lugar, si esta merece ser publicada. La corrección de estilo está orientada a erradicar redundancias, inconsistencias, errores lingüísticos y otros problemas que pueda contener el texto. El corrector de estilo analiza cada palabra y cada frase. No debe valorar el contenido o la estructura general del texto, ni alterar el estilo del autor, su cometido es realizar una revisión literaria desde el punto de vista gramatical, ortográfico, semántico y léxico, para refinar y corregir el texto. En la corrección de pruebas (o corrección ortotipográfica), se comprueba la corrección, consistencia y fluidez de las páginas ya compuestas. Es la etapa final. Según el tipo de proyecto (y el equipo), cada una de estas fases puede repetirse varias veces.

anatomía del error Cuando el documento ya está escrito, editado, maquetado y corregido, el impresor realiza una prueba de impresión a partir de los archivos digitales que le entrega el diseñador. Muchos clientes (o autores) suelen darse cuenta de los errores (o tomar decisiones) cuando las pruebas de impresión ya han sido encargadas. Este lujo supone un coste que, evidentemente, alguien deberá pagar. errores del impresor Los errores que se deben al impresor no comportan ningún gasto para el cliente o el diseñador. Son los casos en los que entre el material entregado por el diseñador al impresor (los archivos y las instrucciones específicas) y el resultado final impreso hay una disparidad flagrante. En la era digital estos errores son sorprendentemente poco frecuentes. modificaciones del autor Estas alteraciones no son tan poco frecuentes. Las modificaciones del autor son cambios que se introducen en el texto o en la maqueta de la obra ya aprobada. Si el cambio se debe a un error del diseñador, este es el responsable, si se debe a un error del autor o del cliente, lo serán ellos. Es recomendable guardar versiones de cada fase del proceso para saber quién es el causante de un problema. El diseñador puede cargar una cuota al cliente por estas modificaciones (suplementaria a la que cargará el impresor), ya que tendrá que corregir el archivo, imprimir una nueva copia de prueba, obtener la aprobación del cliente (de nuevo), volver a dar instrucciones al impresor, etc. Si este recargo se acepta desde el principio, el diseñador puede cobrar esta cuota por cualquier modificación del autor que se realice sobre un documento aprobado, incluso antes de que se encargue la prueba de impresión. modificaciones del editor Los errores del editor son responsabilidad de su empleador, que suele ser la editorial que publica la obra. Los buenos editores son los que contribuyen a prevenir todos los errores, vengan de la parte que vengan, antes de que se produzcan. Para más información sobre el proceso editorial, véase, por ejemplo, José Martínez de Sousa, Manual de edición y autoedición, Madrid, Pirámide, 1994.

La edición de un manuscrito, también llamada corrección de texto, exige una consideración minuciosa de cada palabra, un conocimiento concienzudo del estilo que debe seguirse y habilidad para tomar decisiones rápidas, lógicas y justificables. —the chicago manual of style, 2003 212 | pensar con tipos

tómatelo con calma

Solo un editor puede ver más allá del ombligo de un autor. No importa lo brillante que sea tu prosa: un editor siempre encontrará en el texto errores ortográficos, gramaticales, incoherencias, redundancias y errores de construcción de frases.

Los escritores no deben formatear en exceso sus textos. El mismo tiempo que invierte un autor jugueteando con el formato del texto tendrán que invertirlo de nuevo el editor y/o el diseñador para eliminar todas las pulsaciones innecesarias. Envía siempre tu texto justificado, a doble espacio y en una sola fuente.

Algunas de las cosas aprendidas en el colegio deben olvidarse. Una de ellas es decorar el punto de la i con corazoncitos. El otro es situar dobles espacios entre las frases.

La barra espaciadora no es una herramienta de diseño. No utilices la barra espaciadora para crear sangrías (en su lugar, utiliza la tecla del tabulador). Tampoco la uses para crear efectos o composiciones centradas (a menos que seas realmente E. E. Cummings).

Cualquier cambio supone la amenaza de que se introduzcan nuevos errores. Cada vez que se “corrige” un archivo pueden producirse nuevos errores: problemas con las banderas, las particiones de texto, los saltos de página, errores ortográficos, eliminación involuntaria de palabras y falta de unidad en los criterios de corrección que se aplican.

No esperes a las pruebas de impresión para examinar detenidamente el texto. Los cambios que se realizan después de una prueba de impresión (prueba de color, prueba de prensa y otras) son caros. Además, ralentizarán tu proyecto que, por supuesto, ya va retrasado.

Típica frase previa al desastre: “Ya lo comprobaremos en las pruebas de impresión”.

apéndice | 213

corrección de pruebas en papel

eliminar eliminar

posnertrans transponer

ok cancelar la corrección (“vale”)

añadirespacio separar; añadir espacio

elimin ar espacio unir, eliminar espacio

Fin de párrafo. Nuevo párrafo separar párrafos, punto y aparte.

eliminar eliminar una palabra

leta

Los editores, correctores y diseñadores utilizan símbolos especiales para marcar las correciones que realizan, por ejemplo eliminar, posnertrans o corregir palabras o frases. Si cambias de opinión sobre una eliminación, subráyala con una línea de puntos. Para suprimir una coma, rodéala con un círculo Cuando añadas un punto, rodéalo también con un círculo. Para separar dos palabras que estánjuntas, pártelas con una línea vertical e introduce la marca de espacio. También existen llamadas que se uti lizan para un ir letras que están separadas. Para unir dos párrafos, conéctalos con una línea. Para separarlos utiliza la marca de salto de párrafo o punto y aparte. Cuando quieras suprimir parte del texto, ya sea una letrra, una palabra palabra o un fragmento, márcalo en el texto con una llamada y, en el margen, dibuja la llamada junto a este signo signo. Para insertar algo utiliza también una llamada e indica lo que quieras

insertar una letra

añadir en el magen.

Párrafo.

Para introducir una sangría de párrafo, utiliza la marca de sangrado. Además

insertar sanfría de párrafo.

de revisar la corrección gramatical, ortográfica, de puntuación y la claridad del

cursiva

estilo, los editores deben prestar atención a detalles como los estilos tipográficos,

cursiva

negrita negrita

y marcar con un subrayado las cursivas que falten y con un subrayado ondulado las negritas. Los subrayados, que no se utilizan en los textos formales, se eliminan así. inserta un subrayado triple para indicar que una letra debe ir en caja alta

eliminar subrayado eliminar subrayado

y un subrayado doble para marcar aquellas palabras que deben ser versalitas.

caja

Es conveniente que el manuscrito que se va a corregir se imprima a doble

caja alta

espacio y con un margen generoso, así todas estas anotaciones cabrán

caja

holgadamente.

versalitas

214 | pensar con tipos

No hagas anotaciones de los manuscritos o las pruebas de impresión en Post-it: pueden caerse, tapar parte del texto o hacer que el documento sea difícil de fotocopiar.

corrección de pruebas en pantalla

El original de texto ya casi nunca se corrige sobre papel, se hace directamente en pantalla, utilizando el control de cambios del procesador de textos, para que el autor o el editor puedan comprobar posteriormente estas modificaciones. Para empezar bien, primero hay que eliminar todos los dobles espacios entre palabras y convertir todas las comillas mecanográficas en comillas curvas. Estos cambios no necesariamente tienen que quedar marcados en el documento. Los cambios en la estructura y en los términos del texto sí deben ser visibles y tienen que comunicarse al autor. Existe una convención visual para mostrar el material que se ha eliminado y añadido. Las palabras suprimidas generalmente aparecen tachadas y las palabras añadidas o sustituidas pueden estar subrayadas, destacadas o coloreadas. Una línea en el margen indica que se ha realizado algún cambio. [Las dudas que deban consultarse con el autor pueden incluirse en un comentario al margen o escribirse entre corchetes.]A Subrayar, o tachar, los signos de puntuación resulta muy confuso, de modo que el editor a menudo tacha una palabra completa, o una frase, —o una frase— y escribe de nuevo todo el fragmento con su puntuación correcta. Del mismo modo, para incluir el guión de una palabra como políticosocial político-social, táchala y añade detrás el término correctamente escrito. El editor —o el corrector— a menudo sustituye de forma automática los guiones dobles por rayas. A veces, los estilos tipográficos como las cursivas, las negritas y las versalitas también pueden cambiarse automáticamente. Aunque este sistema es muy fluido y directo, puede ser peligroso. El editor debe eliminar escrupulosamente todo rastro que haya quedado sobre el texto antes de que el archivo sea entregado al maquetador. Algunos desastres habituales que se generan con este sistema son palabrasunidas, palabras que

, o que aparezcan en el texto

comentarios al autor que no se han eliminado [¿se te ha ido la olla?]. ___ A. Las consultas al autor también pueden incluirse en forma de notas al pie, pero debes indicar estas anotaciones con letras para que no se confundan con las notas al pie del propio texto original.

apéndice | 215

corrección de maoueta

La corrección de maqueta se realiza, evidentemente, después de que el manuscrito editado haya sido maquetado. Sirve para detectar las erratas que se hayan pasaron por alto por descuido) en la fase anterior y los nuevos errrores que hayan podido introducirse durante la manipulación del documento. El corrector ortotipográfico revisa la ortografía y la gramática pero evita cambios en el estilo y el contenido. Los cambios en esta fase del proceso no solo son caros, sino, que pueden afectar al diseño de la página y generar nuevos problemas La tarea del corrector ortotipográfico es una diferente a la del corrector de estilo, y generalmente ambas pasan después la revision del editor, y a veces la del autor o el cliente. Aunque ni el diseñador ni el maquetador 1 deberían dedicarse a corr egir el texto, sí tienen que inspeccionar cuidadosamente su trabajo y eliminar todos los errores antes de enviar la maqueta al editor, al autor o al cliente. Marca con llamadas el texto que deba ser corregido e indica las enmiendas en el margen de la maqueta impresa. Sé pulcro y no escribas entre las líneas. Tus marcas tienen que ser claras y fáciles de entender, no un acertijo. No emborrones por completo aquello que taches y elimines, de modo que el maquetador pueda leerlo. En caso de que estén en circulación varias copias de la misma prueba, siempre debe existir una prueba maestra a la que una sola persona (normalmente el editor) sea responsable de transferir todas las correcciones. No envíes al diseñador una maqueta corregida con indicaciones contradictorias o ambiguas.

tipos de pruebas Dependiendo de su organización y producción, en un proyecto pueden realizarse todas o alguna de las siguientes pruebas: Las galeradas suelen emplearse en proyectos de gran extensión, como un libro. Es la prueba del texto compuesto con las características tipográficas que tendrá impreso pero sin maquetar. Las compaginadas muestran el texto ya maquetado y paginado e incorporan ilustraciones, folio, encabezados y otros detalles. Las pruebas definitivas contienen todos los cambios indicados e incorporados por el corrector por el diseñador o el maquetador. Las pruebas de impresión las produce el impresor. En esta fase los cambios resultan más caros y complejos. En principio solo deberían emplearse para comprobar que el impresor no comete ningún error, pero no errores de diseño o de estilo del texto. Hay pruebas de impresión de distintos tipos, antiguamente las más habituales eran las pruebas ozálidas o ferros (que salen en tonos de azul diferentes) y actualmente se usan pruebas digitales en color. _________ 1. Es posible que el diseñador y el maquetador sean la misma persona. En un estudio de diseño, a diferencia de una editorial, los diseñadores también se encargan de la maquetación.

216 | pensar con tipos

aprende el idioma de los editores

corrección

llamada en el texto

Eliminar texto

enmienda en el margen

corrección

llamada en el texto

eliminar

Insertar espacio

insertarespacio

Anular una corrección marcada

anular

Intercambiar elementos

ponertrans

Insertar texto

insertr

Cambiar de lugar un signo, letra o palabra

mover signo letra, o palabra

Unir dos párrafos

unir párrafos

Eliminar espacio entre líneas

eliminar

Insertar salto de párrafo

saltar párrafo

Insertar punto

insertar

Volar o poner en superíndice

E=mc2

enmienda en el margen

espacio Desplazar a la izquierda

Desplazar a la derecha

mover a la izquierda

mover a la derecha

Sangría de párrafo

sangrar párrafo

Eliminar sangría de párrafo

eliminar sangría

Insertar espacio entre líneas

abrir las líneas

Alinear texto vertical

alinear verticalmente

Alinear texto horizontal

alinear

Bajar o poner como subíndice CO2

Caja baja (minúsculas)

CAJA BAJA

Caja alta (mayúsculas)

caja alta

Versalitas

versalitas

Cursiva

cursiva

Negrita

negrita

Redonda

redonda

Letra de otro tipo o cuerpo

tipo distinto

Cerrar interletrado

interletrado

Abrir interletrado

interletrado

Eliminar espacio entre letras

cerr ar

horizontalmente Usar ligaduras

firme

Dudas que debe resolver el autor o el editor

duda

Estas y otras marcas pueden encontrarse en diversos libros de estilo y manuales de edición. Aunque pueden variar ligeramente dependiendo de la obra que se consulte, en general se trata de convenciones bastante universales.

apéndice | 217

consejos gratuitos

Piensa más, diseña menos. Muchas de las maniobras desesperadas de diseño (como los degradados, los sombreados y el abuso de las transparencias) se emplean sin que los respalde un concepto potente. Un buen concepto es la base de las buenas decisiones de diseño y la mejor guía para tu trabajo.

Di más, escribe menos. Del mismo modo que los diseñadores deberían evitar rellenar el espacio con efectos visuales arbitrarios, los escritores deberían recordar que a quienes más les gustan sus palabras es a ellos mismos.

Gasta más, compra menos. Las cosas baratas suelen serlo por cómo están hechas, de qué están hechas y quién las ha hecho. Compra recursos de mayor calidad y menos a menudo.

Que tus pensamientos sean profundos y tus heridas superficiales. Trabaja con una hoja bien afilada. Aunque el oficio de diseñador no es especialmente peligroso, se han producido abundantes accidentes nocturnos por culpa de cúters X-Acto mal afilados. Evita derramamientos de sangre innecesarios sobre tus pruebas impresas.

La densidad es el nuevo espacio en blanco. En la era de la expansión suburbial, los cascos urbanos abigarrados han recuperado su encanto. Lo mismo sucede en la página y la pantalla: una textura rica en información puede funcionar mejor que la sobriedad austera.

Haz que encaje el zapato, no el pie. En vez de apretar el contenido en rígidos contenedores, diseña sistemas que sean flexibles y adecuados al material que han de acomodar.

Hazlo más grande. (Cortesía de Paula Scher) Los tipógrafos amateur usan tamaños demasiado grandes. El tamaño por defecto de 12pt (que queda bien en pantalla) suele parecer burdo cuando se imprime. Los diseñadores avezados, sin embargo, suelen usar tipos demasiado pequeños: aquí puede verse la Scala Pro a 7,5pt. 218 | pensar con tipos

ve y pásatelo bien

Es más fácil hablar que escuchar. Presta atención a tus clientes, a tus usuarios, a tus lectores y a tus amigos. Tu diseño mejorará cuanto más escuches a otras personas.

El diseño es un arte de situaciones. Los diseñadores responden a una necesidad, a un problema o a una circunstancia que surge en el mundo. Los mejores trabajos suelen estar relacionados con situaciones interesantes: un cliente abierto, una buena causa o un gran contenido.

Ningún trabajo es demasiado pequeño. Un diseñador gráfico puede cambiar el mundo con tan solo una tarjeta de visita (siempre y cuando sea la tarjeta de alguien realmente interesante).

Una interfaz llama la atención por sus puntos débiles. El diseño ayuda a que los procesos del día a día sean fluidos y permitan a los usuarios y lectores olvidarse de cómo están hechas las cosas. En ocasiones, el diseño debería hacerse notar con el fin de arrojar luz sobre el sistema, exponiendo su construcción, su identidad, su personalidad y su ideología.

La idea es la máquina que hace el arte. (Cortesía de Sol Lewitt) Un concepto potente puede guiar decisiones sobre el color, el diseño, la elección tipográfica, el formato, etc., y evitar caprichos injustificados. (Por otro lado, los caprichos injustificados a veces conducen a conceptos potentes).

Quien madruga… llega al trabajo el primero. Es posible que te concentres mejor por la mañana, o por la noche, o tal vez incluso (en casos rarísimos), durante las horas de clase o de nueve a cinco. Sea cual sea el contexto más propicio para ti (la ducha, el gimnasio o el tren) dedícalo a las cavilaciones más importantes.

Construye el discurso. El diseño es social. Vive en sociedad, se crea en sociedad y necesita tener su propia sociedad, una comunidad de diseñadores que esté comprometida con el progreso e implicada en debatir sobre nuestras esperanzas y deseos compartidos. Lee, escribe y habla sobre diseño siempre que puedas.

Sigue adelante y multiplícate.

apéndice | 219

bibliografía

letra Bartram, Alan, Five Hundred Years of Book Design, British Library, Londres, 2001. Benjamin, Walter, Dirección única, Alfaguara, Madrid, 2002. Blackwell, Lewis, La tipografía del siglo xx, Editorial Gustavo Gili, Barcelona, 1993. Boyarski, Dan; Neuwirth, Christine; Forlizzi, Jodi y Harkness Regli, Susan, A Study of Fonts Designed for Screen Display, CHI 98, Chicago, 1998, págs. 18-23. Broos, Kees y Hefting, Paul, Dutch Graphic Design: A Century, MIT Press, Cambridge, 1993. Burke, Christopher, Paul Renner: maestro tipógrafo, Campgràfic Editors, Valencia, 2007. Clouse, Doug y Voulangas, Angela, The Handy Book of Artistic Printing, Princeton Architectural Press, Nueva York, 2009. Christin, Anne-Marie, A History of Writing, from Hieroglyph to Multimedia, Flammarion, París, 2002. Crouwel, Wim, New Alphabet: An Introduction for a Programmed Typography, Wim Crouwel/Total Design, Ámsterdam, 1967. ______; Broos, Kees y Quay, David, Wim Crouwel: Alphabets, BIS Publishers, Ámsterdam, 2003. Cruz, Andy; Barber, Ken y Roat, Rich, House Industries, Die Gestalten Verlag, Berlín, 2004. De Jong, Cees; Purvis, Alston W. y Tholenaar, Jan, Type: A Visual History of Typefaces, Volume I, 1628-1900, Taschen, Colonia, 2009. Eason, Ron y Rookledge, Sarah, Rookledge’s International Directory of Type Designers: A Biographical Handbook, Sarabande Press, Nueva York, 1994. Gray, Nicolete, A History of Lettering, Phaidon Press, Oxford, 1986. Heller, Steven y Meggs, Philip B., Texts on Type: Critical Writings on Typography, Allworth Press, Nueva York, 2001. Johnston, Edward, Writing & Illuminating & Lettering, Sir Isaac Pitman & Sons, Londres, 1932. Kelly, Rob Roy, American Wood Type: 1828-1900, Da Capo Press, Nueva York, 1969. Kinross, Robin, Unjustified Texts: Perspectives on Typography, Hyphen Press, Londres, 2002. Lawson, Alexander, Anatomy of a Typeface, David R. Godine, Boston, 1990. Lewis, John, Anatomy of Printing: The Influences of Art and History on its Design, Watson-Guptill Publications, Nueva York, 1970. ———, Typography: Basic Principles, Influences and Trends Since the Nineteenth Century, Reinhold Publishing, Nueva York, 1963. McMurtrie, Douglas, The Book: The Story of Printing and Bookmaking, Dorset Press, Nueva York, 1943. Morison, Stanley, Letter Forms, Nattali & Maurice, Londres, 1968. Noordzij, Gerrit, Letterletter: An Inconsistent Collection of Tentative Theories That Do Not Claim Any Authority Other Than That of Common Sense, Hartley and Marks, Vancouver, 2000. Pardoe, F. E, John Baskerville of Birmingham: Letter-Founder and Printer, Frederick Muller Limited, Londres, 1975. Perry, Michael, Hand Job: A Catalog of Type, Princeton Architectural Press, Nueva York, 2007. Shelley, Mary, Frankenstein o el moderno Prometeo, Espasa-Calpe, Madrid, 2008. (Publicado por primera vez en 1831).

220 | pensar con tipos

Re, Margaret,Typographically Speaking: The Art of Matthew Carter, Princeton Architectural Press, Nueva York, 2002. Triggs, Teal, The Typographic Experiment: Radical Innovation in Contemporary Type Design, Thames & Hudson, Londres, 2003. Updike, Daniel, Printing Types: Their History, Forms, and Use, Volumes I and II, Dover Publications, Nueva York, 1980. VanderLans, Rudy y Licko, Zuzana, Emigre: Graphic Design into the Digital Realm, Van Nostrand Reinhold, Nueva York, 1993. Vanderlans, Rudy, Emigre No. 70: The Look Back Issue, Selections from Emigre Magazine, 1984-2009, Index Book, Barcelona, 2009. Willen, Bruce y Strals, Nolen, Lettering & Type: Creating Letters and Designing Typefaces, Princeton Architectural Press, Nueva York, 2009.

texto Armstrong, Helen, Graphic Design Theory: Readings from the Field, Princeton Architectural Press, Nueva York, 2009. Barthes, Roland, Lo obvio y lo obtuso: imágenes, gestos, voces, Paidós Ibérica, Barcelona, 2002. ———, Mitologías, Siglo xxi de España Editores, Madrid, 2005. Baudrillard, Jean, For a Critique of the Political Economy of the Sign, Telos Press, San Luis, 1981. Benjamin, Walter, Iluminaciones (3 vols.), Taurus, Madrid, 1972-1975. Bierut, Michael, Forty Posters for the Yale School of Architecture, Mohawk Fine Papers, Cohoes (Nueva York), 2007. Bolter, Jay David, Writing Space: Computers, Hypertext, and the Remediation of Print, Lawrence Erlbaum Associates, Mahwah (Nueva Jersey), 2001. Derrida, Jacques, De la gramatología, Siglo xxi Editores, México, 1998. Diamond, Jared, Armas, gérmenes y acero: breve historia de la humanidad en los últimos trece mil años, Debate, Barcelona, 2004. Kaplan, Nancy, “Blake’s Problem and Ours: Some Reflections on the Image and the Word”, Readerly/Writerly Texts, 3.2, primavera/verano de 1996, págs.115-133. Gould, John D. et al., “Reading from CRT Displays Can Be as Fast as Reading from Paper”, Human Factors 29, 5, 1987, págs. 497-517. Helfand, Jessica, Screen: Essays on Graphic Design, New Media, and Visual Culture, Princeton Architectural Press, Nueva York, 2001. Lessig, Lawrence, Por una cultura libre: cómo los grandes medios de comunicación utilizan la tecnología y la ley para clausurar la cultura y controlar la creatividad, Traficantes de Sueños, Madrid, 2005. Laurel, Brenda, Utopian Entrepreneur, MIT Press, Cambridge, 2001. Lunenfeld, Peter, Snap to Grid: A User’s Guide to Digital Arts, Media, and Cultures, MIT Press, Cambridge, 2001. Manovich, Lev, The Language of New Media, MIT Press, Cambridge, 2002. McCoy, Katherine y McCoy, Michael, Cranbrook Design: The New Discourse, Rizzoli, Nueva York, 1990. ———, “American Graphic Design Expression”, Design Quarterly 148, 1990, págs. 4-22. McLuhan, Marshall, La Galaxia Gutenberg, Círculo de Lectores, Barcelona, 1993. Millman, Debbie, Los principios básicos del diseño gráfico, Naturart, Barcelona, 2008.

Moulthrop, Stuart, “You Say You Want a Revolution? Hypertext and the Laws of Media” en Wardrip-Fruin y Monfort, Nick (eds.), The New Media Reader, MIT Press, Cambridge, 2003, págs. 691-703. Nielsen, Jakob, Usabilidad: prioridad en el diseño web, Anaya Multimedia-Anaya Interactiva, Madrid, 2006. Ong, Walter, Orality and Literacy: The Technologizing of the Word, Methuen, Nueva York, 1982. Raskin, Jef, The Human Interface: New Directions for Designing Interactive Systems, MA: Addison-Wesley, Reading, 2000. Ronell, Avital, The Telephone Book: Technology, Schizophrenia, Electric Speech, University of Nebraska Press, Lincoln (Nebraska), 1989.

retícula Berners-Lee, Tim, Tejiendo la red, el inventor del World Wide Web nos descubre su origen, Siglo xxi de España Editores, Madrid, 2000. Bosshard, Hans Rudolf, Der Typografische Raster/The Typographic Grid, Verlag Niggli, Sulgen (Suiza), 2000. Cantz, Hatje, Karl Gerstner: Review of 5 x 10 Years of Graphic Design etc, Hatje Cantz Verlag, Ostfildern-Ruit (Alemania) 2001. Elam, Kimberly, Sistemas reticulares: principios para organizar la tipografía, Editorial Gustavo Gili, Barcelona, 2007. Gerstner, Karl, Diseñar programas, Editorial Gustavo Gili, Barcelona, 1979. Gibson, William, Neuromante, Planeta de Agostini, Barcelona, 2006. Higgins, Hannah P, The Grid Book, MIT Press, Cambridge, 2009. Hochuli, Jost y Kinross, Robin, El diseño de libros: práctica y teoría, Campgràfic Editors, Valencia, 2005. Krauss, Rosalind, La originalidad de la vanguardia y otros mitos modernos, Alianza Editorial, Madrid, 2009. Küsters, Christian y King, Emily, Restart: New Systems in Graphic Design, Thames and Hudson, Londres, 2002. Lidwell, William; Kritina Holden y Butler, Jill, Principios universales del diseño, Naturart, Barcelona, 2005. Müller-Brockmann, Josef, The Graphic Artist and his Design Problems, Arthur Niggli, Sulgen, Suiza, 1961. ____, Sistemas de retículas, Editorial Gustavo Gili, Barcelona, 1981. ____, Historia de la comunicación visual, Editorial Gustavo Gili, Barcelona, 2005. Nicolai, Carsten, Grid Index, Die Gestalten, Berlín, 2009. Roberts, Lucienne y Shrift, Julia, The Designer and the Grid, RotoVision, East Sussex (Reino Unido), 2002. Rothschild, Deborah; Lupton, Ellen y Goldstein, Darra, Graphic Design in the Mechanical Age: Selections from the Merrill C. Berman Collection, Yale University Press, New Haven, 1999. Ruder, Emil, Manual de diseño tipográfico, Editorial Gustavo Gili, Barcelona, 1983. Rüegg, Ruedi, Basic Typography: Design with Letters, Van Nostrand Reinhold, Nueva York, 1989. Samara, Timothy, Diseñar con y sin retícula, Editorial Gustavo Gili, Barcelona, 2008. Tufte, Edward R., Envisioning Information, Graphics Press, Cheshire (Connecticut), 1990. ———, The Cognitive Style of PowerPoint, Graphics Press, Cheshire (Connecticut), 2003. Zeldman, Jeffrey y Marcotte, Ethan, Diseño con estándares Web, Anaya Multimedia-Anaya Interactiva, Madrid, 2003.

manuales y monografías Baines, Phil y Haslam, Andrew, Tipografía: función, forma y diseño, Editorial Gustavo Gili, Barcelona, 2005. Bringhurst, Robert, The Elements of Typographic Style, Hartley and Marks, Vancouver, 1992, 1997. The Chicago Manual of Style, 15th Edition, University of Chicago Press, Chicago, 2003. Dwiggins, W. A, Layout in Advertising, Harper and Brothers Publishers, Nueva York, 1928. Eckersley, Richard et al., Glossary of Typesetting Terms, University of Chicago Press, Chicago, 1994. Felton, Paul, Type Heresy: Breaking the Ten Commandments of Typography, Merrell, Londres, 2006. French, Nigel, InDesign Type: Professional Typography with Adobe InDesign CS2, Peachpit Press, Berkeley (California), 2006. Jardí, Enric, Veintidós consejos sobre la tipografía (que algunos diseñadores jamás revelarán) + y veintidós cosas que nunca debes hacer con las letras (que algunos tipógrafos nunca te dirán), Actar Editorial, Barcelona, 2007. Jury, David, Tipos de fuentes: regreso a las normas tipográficas, Index Book, Barcelona, 2004. Kane, John, Manual de tipografía, Editorial Gustavo Gili, Barcelona, 2006. Kunz, Willi, Tipografía: macro y microestética, Editorial Gustavo Gili, Barcelona, 2004. Lupton, Ellen y Miller, J. Abbott, Design Writing Research: Writing on Graphic Design, Phaidon, Londres, 1999. Lupton, Ellen y Cole Phillips, Jennifer, Diseño gráfico: nuevos fundamentos, Editorial Gustavo Gili, Barcelona, 2009. Lynch, Patrick y Horton, Sarah, Manual de estilo web: principios de diseño básico para la creación de sitios web, Editorial Gustavo Gili, Barcelona, 2004. Millman, Debbie, Los principios básicos del diseño gráfico, Naturart, Barcelona, 2009. Rosendorf, Theodore, The Typographic Desk Reference, Oak Knoll, New Castle, 2008. Samara, Timothy, Typography Workbook: A Real-World Guide to Using Type in Graphic Design, Rockport, Beverly (Massachusets), 2004. Scher, Paula, Make It Bigger, Princeton Architectural Press, Nueva York, 2002. Spiekermann, Erik y Ginger, E. M., Stop Stealing Sheep and Find Out How Type Works, Adobe Press, Mountain View (California), 1993. Strizver, Ilene, Type Rules: The Designer’s Guide to Professional Typography, North Light Books, Cincinnati, 2001. Strunk, William Jr. y White, E. B., The Elements of Style, ilustrado por Maira Kalman, Penguin Press, Nueva York, 2005. Tschichold, Jan, The Form of the Book: Essays on the Morality of Good Design, Hartley & Marks, Point Roberts (Washington), 1991.

bibliografía | 221

Índice alfabético

a

bbink, Mike 70 Abrams, Jan 187 accesibilidad 136, 171 acoplamiento 102-105 Acuerdo de Licencia para el Usuario Final 82 Adobe 80, 93 Adobe Caslon 104 Adobe Garamond 40 Adobe Garamond Premiere Pro 41 Adobe Garamond Pro 48, 56, 80 Adobe Jenson 14 Agenda 69 AIGA 7 ajuste a rejilla base 108 Albers, Josef 27 alfabeto griego 91 alfabeto latino 81, 91, 120 alfabeto universal 26 alineación 112, 114-119 alineación centrada 24, 112, 114,118, 120 Alternate Gothic No.1 83 altura de la x 36-37 altura de mayúsculas 36-37 Alvarez, James 78 Amazon Kindle 92 Amazon.com 95 American Type Founders Amusement Magazine 53 anchura de cuerpo 38, 57 anti-aliasing véase efecto de suavizado Antykwa Poltawskiego 82 apóstrofo 58-59 Apple 80 Apple Chancery 80 Arbello, Daniel 119 Architecture for Humanity 200 Arnhem 33 Arthur Niggli 169, 194, 197 Arts and Crafts 27 ascendente 19, 36, 37 asta 36 asta transversal 36 ATF 40, 83 Audimat 82 autoedición 29 autoría 89, 95-97

B almond, Cecil 117 bandera 113, 117 Bantjes, Marian 60 Barbara, Vanessa 110 Barber, Ken 76 Barbour, Urshula 43, 200 Barthes, Roland 83, 92-97 base de datos 93

222 | pensar con tipos

Baskerville 39, 47 Baskerville, John 16-17, 19, 46 Baudrillard, Jean 126-127 Bauhaus 26-27 Baumeister, Willi 161 Bayer, Herbert 26-27, 162, 165 Bembo 15 Bender, Kim 119 Benjamin, Walter 24 Benton, Morris Fuller 40, 83 Beowulf 31 Berners-Lee, Tim 174 Bevington, William 9 Bickham, George 17 Bierut, Michael 101, 142-143 Bilak, Peter 63, 72 Bill, Max 165-167 Blechman, Nicholas 124 Bodoni 22-23, 39, 41, 47, 54, 58 Bodoni, Giambattista 16-17, 46 Bolter, Jay David 100 Boston Public Library 21 branding 68-71, 100, 193 Brezina, David 72 Bringhurst, Robert 16, 17 bucle 36 Buivenga, Jos 82 Burdick, Anne 139 Burk, Katie 144 Burke, Christopher 27 Burns, Charles 141 Büro für konkrete Gestaltung 183 Butler, Jill 174

C aja alta 19, 36, 52, 104-105, 120 caja baja 36 caligrafía 13, 46 calle 90 capitular 124-125 capitular baja 124-125, 128 caracteres acentuados 210 Carlos, Paul 43, 200 Carter, Matthew 55, 72 Carton Donofrio Partners 171 Cascading Style Sheets véase CSS Caslon 540, 104 Caslon, William 16, 17 Centaur 14 Centennial 31 Chase, Kapila 119 Cheuk, Deanne 65 Ching, Jason 44 Cho, Peter 73 ciberespacio 86, 174 cifras 56 cifras antiguas véase cifras elzevirianas cifras capitales 56

cifras elzevirianas 19, 50, 56 Clarendon 23, 47 clasificación tipográfica 45-46 Cleland, Thomas Maitland 40 Colter, Angela 137 COMA 117 coma 58, 210 Comic Sans 80 comillas 58, 59, 210, 211 comillas curvas 58, 210 comillas inglesas 58 comillas mecanográficas 58-59, 210-11 Company (ATF) 83 Connor, Bryan 79 constructivismo 160-161, 163 contorneados 71, 153 copyright 89, 92 corrección de maqueta 216 corrección en pantalla 215 corrección en papel 214 corrección del texto 89, 92, 212-214, 216, 217 Cosac Naify 110 Cranbrook Academy of Art 97 Crouwel, Wim 28-29 Cruz, Andy 76 CSS 72, 125, 135, 144-145, 172, 198 cuadratín 126 cuerpo de texto 87, 92, 126 cursiva 15, 19 48, 50, 81 Cyan 189

D

ada 98, 160, 161 Dance Ink Magazine 61 Danzico, Liz 72 datum 181 Davis, Joshua 173 Day, Colin 136 de Groot, Lu(cas) 51 De Stijl 26-27, 160-161, 163 Dead History 31 Deck, Barry 31 delito tipográfico 38, 41, 42, 52, 54, 58,104, 112, 113, 120, 127, 132, 204, 211 Demak, Cadson 60 Derrida, Jacques 91, 153 descendente 19, 36-37 Detroit Focus Gallery 30 Didot 22-23, 53 Didot, Firmin 19 Didot, François-Ambroise 16 Dirty Ego 83 diseño de identidad 68-71 diseño de interfaz 97, 99 diseño de usabilidad 97, 98 diseño interactivo 98

diseño suizo 165, 174 diseño tipográfico 76-77 diseño universal 174 diseño web 33, 69, 72-73, 93, 98, 100-101, 125-26, 131, 135-137, 144-145, 170-172, 173, 175-77, 191-193, 198 Distler, Joshua 70 Dixon, Chris 52, 55 doble espacio 216 doble página 179 dos puntos 210 Downcome 83 Doyle, Stephen 42 Drenttel, William 101 Drouet, Minou 83 Duenes, Steve 170 Duff y & Partners 71, 105 Dwiggins, W. A. 115

E

aves, Sarah 39 Eckersley, Richard 90 Edenspiekermann 69 edición 212-214 efecto de suavizado 73 Eggers, Dave 49, 141 Egyptian 22, 23, 46, 50, 55 Elam, Kimberly 177 Elazegui, Kate 140 Elementar 75 Emigre Fonts 31, 61, 74 Emigre magazine 29 errores del impresor 212 escala 42-44 escalado horizontal y vertical 38 espaciado 91-93, 99, 102-10, 120,126, 132, 153 espaciado automático 108 espaciado entre párrafos 126-128 espacio en blanco, 191 espacio entre palabras 210-211, 213 estándares web 135, 171 estilo antiguo (clasificación tipográfica)46 EULA véase Acuerdo de Licencia para el Usuario Final. Ex Ljbris 82 Exclamation Communications 136

F amilia tipográfica 48, 77 Fantaisie Kapitalen 62 Farrell, Stephen 116 fat face 22, 50 Fedra 72 Fella, Ed 30, 31 Fernando, Sasha 143 Ferreira, Gustavo 75 Five Line Pica 21

Flash 33, 172 Fontin 82 Fontlab 76 FontShop International 33, 80 formato de fuentes 80 Franklin, Benjamin 17 Frere-Jones, Tobias 32, 55, 57 Frutiger, Adrian 50, 55, 75 Fry and Steele 60 fuente en mapa de bits 29, 73-74, 78-79 fuentes incrustadas 72 Futura 26-27, 47, 54, 56 Futurism 98, 160-61, 163 gancho de pie 36

G

aramond 15, 29 Garamond 3 40, 49 Garamond Premiere Pro 40 Garamond, Claude 40 Gaultney, Victor 82 Geeraerts, Rudy 33 Gentium 82 Georgia 72 Gerstner, Karl 165, 169, 194-195 Ghiotti, Michelle 79 Gibson, William 174 Gill Sans 46, 47 Gill, Eric 46 Glaser, Milton 55 glifo 59, 80, 81 Glypha 53, 55 Golden Type 14 Gotham 32 gótico (estilo tipográfico) 22 Goudy Old Style 82 Goudy, Frederic W. 82 Gould, John D. 98 grabado 17, 124, 172 gráfica (infografía) 170, 204 Grandjean, Philippe 16 Grant, Whitney 104 Great Primer 21 Greta 72 Griffo, Francesco 15 Guggenheim Museum 55 GUI véase interfaz gráfica de usuario guía de estilo 134 guión 210, 211 guión 211 guión de partición 210 guión largo véase raya Gutenberg, Johannes 13, 153

H

alpern, John 205 Hayman, Luke 140 HCI 97, 98

Helvetica Neue 54, 56, 58 Helfand, Jessica 101 Helvetica 39, 46, 47, 82 Henderson, Hayes 86 Hillyer, Jason 172 Historia 63 Hoefler & Frere-Jones 77 Hoefler Text 80 Hoefler, Jonathan 55, 77 Hoffman, Jeremy 63 Hoffman, Kevin 137 Hogg, Jason 107 hojas de estilo 98, 135, 146 hojas de estilo en cascada véase CSS Holden, Kritina 174 Hopkinson, Francis 21 Horton, Sarah 171 House Industries 76 Howard, Karen 129 Hsu, Nelson 145 html 126, 135, 170, 171, 172 humanística (clasificación tipográfica)15, 46 Huszár, Vilmos 26

I dentidad corporativa véase branding impresión tipográfica 24, 60, 91, 108, 124, 151, 153, 160, 161, 172 Imprimerie Royale de Paris 15 InDesign 52, 58, 76, 80, 93, 103, 125, 198 Ingles, Brian 192 interacción humano-máquina 97, 98 interfaz gráfica de usuario 98, 151 interletrado 102-105, 125 interlineado 38, 108-111, 132, 198 interlineado automático 198 Interstate 38, 39 ITC Garamond 40

J ampathom, May 104 Jannon, Jean 15 Jenson 14-15 Jenson, Nicolas 14-15 jerarquía 42, 132-148, 180, 192 Jeremy Tankard Typography 80 Joh. Enchedé & Zohnen 62 Johnston, Edward 27 Jury, David 217 justificación por la derecha 113-118 justificación por la izquierda 112-119, 202

K ane, John 177 Kaplan, Nancy 9, 93 Kelly, Rob Roy 23 kerning 102-105 kerning métrico 102, 103 kerning óptico 102-103 Khan, Farha 200 Kim, Jacqueline 143 Kim, Julia 79 Kinross, Robin 27 Koberger, Anton 152 Kogan, Sabrina 146 Kolthar, Marcos 107 Kraus, Karl 139 Kroh, Mary Lou 97 Kudos, Johnschen 106, 118

L

aan, Paul van der 70 Lansing, Bill 115 latino (estilo tipográfico) 23 Laurel, Brenda 99 League Gothic 83 League of Moveable Type 82, 83 Leong, Michelle 143 Lessig, Lawrence 89 letra egipcia 22, 23, 46, 141 letra gótica 13 letra redonda 15, 50, 19, 81 letras apiladas 120, 121 lettera antica 15 lettering 64, 66 Levush, Efrat 119 Lewitt, Sol 219 Libner, K. 192 licencia de fuentes 82 Licko, Zuzana 29, 32, 61, 74 Lidwell, William 174 ligadura 13, 36, 210 línea base 36, 37, 120, 123 línea de seguridad 181 linealidad 92-93 linealización 136, 137, 171 Linotype 55 Lissitzky, El 160, 161 litografía 172 Litscher, Alice 53 logotipo 68-71, 193 lomo 36 Long Primer 21 Lopez, Paulo 144 Lo-Res 29, 74 Lubalin, Herb 105 Lubbock, Sir John 207 Luis XIV 17 Lukas, Jenn 137 Lunenfeld, Peter 100 Lupton, Ellen 124

Lutz, Benjamin 118 Lynch, Patrick 171

M ajoor, Martin 32, 50, 80 Makela, P. Scott 31, 97 Mall, Dan 137 Mangold, Andy 147 Manovich, Lev 93 Manuzio, Aldo 15 Mapes, Andrew 143 Marcotte, Ethan 135, 171 Marinetti, F. T. 160-161 Marks, Andrea 121 Martin, Betsy 144 Maryland Institute College of Art 7, 78, 106, 118, 147 Mau, Bruce 35 Maurer, Luna 175 Mauro, Darren 192 McClean, Brendon 78 McCoy, Katherine 97 McLean, Ruari 23 McLuhan, Marshall 89 McSweeney’s 49 medio cuadratín 210 Mercury 77 Mevis and Van Deursen 187 Meyers, Dan 35, 90, 97, 117, 169,185, 187 Meyers, Emil 197 mezclar tipos 54 Michelet, Charles 172 Microsoft 72, 80 Miedinger, Max 46 Miller 52, 55 Miller, Abbott 55, 61, 63, 109 Misproject 83 moderna (clasificación tipográfica), 46 modificaciones del autor 212 modificaciones del editor 212 Mondrian, Piet 161 Montante 36 Morris, William 14 Moulthrop, Stuart 9, 100 Mr Eaves 32, 39 Mrozowski, Nick 130 Mrs Eaves 32, 39 Müller-Brockmann, Josef 165, 174, 195 Myriad 134

N eese, Wendy 78 Netherlands Design Institute 187 New York Magazine 52 Neylan, Callie 144, 192 Niedich, Warren 43

índice alfabético | 223

Índice alfabético Nielsen, John D. 98 Nix, Charles 104 Noordzij, Gerrit 14, 15 Nowacki, Janusz Marian 82 NPR.org 192 nuevo alfabeto 28, 29 Nunoo-Quarcoo, Franc 129

O

bama, Barack 32 OFL 82 OFL Sorts Mill Goudy 82 ojal 36 Ong, Walter 91, 118 Open Font License (OFL) 82 OpenType 50, 52, 74, 80 Orcutt, William Dana 19, 155 ornamentos 60-63, 128 Österreichische Akademie der OurType.com 33

P

alatino 15 palo seco 20, 50 palo seco geométrica 46 pantógrafo 23 Panuska, Genevieve 143 panza 36 Papyrus 80 Pardoe, F. E. 17 párrafo 126-128 Pearce, Harry 44 Pentagram 44, 63, 123, 140, 142-144 Phaidon 35, 185 Photoshop 73, 76 pica 38 Pica Roman 21 pie de ilustración 130 píxel 73, 74 Plantin, Christopher 155 pluma estilográfica de acero 17 Plumb Design Inc. 94 políglota 153, 155 Półtawski, Adam 82 Porter, Mark 131 posmodernismo 174 PostScript 29, 74, 80 Potts, Joey 78 Powell, Kerrie 142 PowerPoint 93 prima véase comillas mecanográficas prisión de datos 204 publicidad 24 punto y coma 210 puntos suspensivos 210-211 puntuación 58, 91, 113 punzón 15, 41 Pure + Applied 43, 200

224 | pensar con tipos

Q uad 126 Quadraat 32, 33, 48, 54 Quadraat Sans 54 Quark XPress 93

R adar 140 Ramos, Elaine 110 Raskin, Jef 97-99 raya 210-211 razón áurea 176, 177 Recife, Eduardo 83 rectángulo áureo 177 redundancia 132 Reed, Robert 172 Reichert, Hans Dieter 185 rejilla base 98-99 remate 19, 23, 36, 50, 77 Renner, Paul 26-27, 162, 165 Restraint 60 retícula 17, 78, 126, 151 retícula de dos columnas 153, 156, 187 retícula de múltiples columnas 161, 180-192 retícula de una sola columna 156, 178, 179 retícula modular 194-203 Retina 57 Revolver: Zeitschrift für Film 45 Richmond, Matthew 172 Rizzoli 97 Roat, Rich 76 Rogers, Bruce 14 romain du roi 16, 17 romano antiguo (estilo tipográfico) 23 Romer, Thomas 172 Ronell, Avital 90 Roth, Max 167 Roycroft Shop 114 Ruder, Emil 165, 195, 197 Ruit 14

S abon 46-47 Sadek, George 9 Saffron 70 salientes 37 Sampaio, Maria Carolina 110 Sandberg Institute 175 sangría 126-32 sangría negativa 127 Santa Maria, Jason 72 Sardón, Virginia 70 Sasser, Virginia 79 Scala 14, 32, 38, 50, 80 Scala Pro 37, 39, 50, 80, 102,108, 198 Scala Sans 50 Scala Sans Pro 56, 199

Schedler, Clemens 183 Scher, Paula 123, 218 Schmidt, Gerwin 45 Schreier, Gabor 70 Schwartz, Barry 82 Schwitters, Kurt 160 Scotch Roman 55 sección áurea 176, 177 Seifert, Katharina 200 seudoversalitas 52 Sezione Aurea 134 Sharon, Kevin 137 Sharp, Jennifer 192 Shelley, Mary 22 Shortcut 83 Simonneau, Louis 16 Sinclair, Cameron 200 sistema de puntos 38 Skolar 72 Slimbach, Robert 14, 40, 48, 134 Slogeris, Becky 79, 147 Smeijers, Fred 32-33, 48 SMeltery.net 82 Smith, Januzzi 117 Soleri, Paolo 111 Solidarietà Internazionale 134 Speakup 60 Spilman, Kristen 63 Stan, Tony 40 Stankowski, Anton 164 Stankowski, Jochen 68 Stinson, Graham 135 Stohr, Kate 200 Strals, Nolen 66 Stroud, Scott 192 subpíxel 73 superfamilia 50 Sutton, Jennifer 137

T 26 60 tabla 170, 203-206 tabla de datos 205-207 tamaños ópticos 41 Tankard, Jeremy 50 Tarr, Patsy 109, 205 Template Gothic 31 terminal 36 texto invertido 104 texto justificado 112-119 texto vertical 120-123 The Believer 141 The Chopping Block 172 The Clapham Institute 136 The Foundry 28 The New Republic 193 Thesis 50, 51, 54, 125 Times New Roman 125 tipos de madera 23

tipos móviles 13, 89, 118 tira informativa de la CNN 92 titular 140 Tomasula, Steve 116 Tonson, Jacob 114 Tory, Geofroy 16, 17 toscana (estilo tipográfico) 23 toscana antigua (estilo tipográfico) 23 transferencia de letras en seco 111 transición, de (clasificación tipográfica) 46 Trilogy 50 TrueType 74, 80 Tschichold, Jan 46, 163-165, 167 Tufte, Edward 93, 99, 171, 204 Type 1 80 Typekit 72 TypeTogether 72 Typotheque 72

U nderware 80 Unicode 81 Univers 50, 54, 75 Usine, Jack 82 Utopia 134

V AG Rounded 31, 54 van Blokland, Erik 31 van Doesburg, Theo 26, 161 van Rossum, Just 31 van Toorn, Jan 129 VanderLans, Rudy 29 Vardell, Betsy 101 Verdana 72 Verlag 52, 55 versal 124 versalitas 19, 36, 50, 52, 80, 104, 105, 125, 132 Vinh, Khoi 191

W albaum, Justus Erich 16 Wattanasansanee, Supisa 60 Weese, Catherine 205 Weyers, Justin 142 Whirligigs 61 Willen, Bruce 78 Williams, Heather 107 Wissenschaften 139 World Wide Web 72 Wright, David 145, 192 Wright, Frank Lloyd 55

Z

eldman, Jeff rey 135, 171 Zhang, Lu 118 Zwart, Piet 160-61