APLICADA A LA ILUSTRACIÓN TIPOGRAFÍA & MAQUET ACIÓN
Objetivos: •! Aproximación a la disciplina tipográfica aplicada a las necesidades del ilustrador.
•! Introducción a uso de herramientas digitales de maquetación: Indesing
Contenidos: La tipografía y el ilustrador •! Tipografía como forma expresiva !
• Tipografía como tecnología de la Comunicación
Forma tipográfica: •! Estructura y proporciones •! Anatomía •! Familias tipográficas: Clasificaciones
Macrotipografía y maquetación.
LAS PALABRAS SON
COMUNICACIÓN ! En el mundo de la imagen...
¿Ocupan las palabras un lugar marginal?
Para muchos ILUSTRADORES las palabras acaban siendo un “mal menor necesario” en el proceso de creación de imágenes de impacto... Tratamos las palabras ignorando el mensaje de su significado
“Las Palabras en la superficie se ven, no se oyen” El Lissitzky,1923
Elegancia y buen gusto Ferrero Roche
Ferrero Roche
La tipografía tiene la capacidad de revelar, de un modo realmente sutil, toda una serie de connotaciones personales, socio-culturales e ideológicas.
El interés por la tipografía indica: LA MANIFESTACIÓN DE NUESTRA BÚSQUEDA DE UNA MAYOR EFICACIA Y DE UN MAYOR PODER DE COMUNICACIÓN CON LA PALABRA ESCRITA.
Un buen diseño tipográfico es siempre una muestra de la perfección y sutileza tanto en el trazo, como en las proporciones. Las curvas se ensanchan y estiran con cualidades orgánicas o geométricas.
El diseño tipográfico es una forma de
microdiseño
CONCEPTO DE TIPOGRAFÍA
TIPOGRAFÍA = LETRAS = TEXTO
¿Qué significa tipografía? El término tipografía remite tanto al lugar donde se imprime, esto es la imprenta, como al arte de imprimir.
!"#
%$La tipografía ha sido un sistema de composición e impresión que tal y como lo creó J. Gutenberg ha perdurado más de 500 años sin sufrir cambios sustanciales.
!"#
%$ !"#
%$ La tipografía se ocupa de estructurar y organizar el lenguaje visualmente Phil Baines y Andrew Haslam (2002)
La tipografía también remite al diseño y creación de aquellos caracteres mínimos (signos gráficos) con los que va a poder organizarse y estructurarse el mensaje visual.
un diseño para la ESCRITURA un diseño para la LECTURA.
La tipografía y el ilustrador La tipografía como dibujo… escribir, caligrafiar y dibujar
Alex Trochut S-Kate
www.letterplayground.com
% 3" * * ' " . ( %" " , 2 %, + % ( 1 0 " / " . , + * ) ( ' % " $ # " !
4 # + 0. + 3 ( , 1 ( 0 # ' , 2 ( ' "# ( 1 0 # ' , # / . , "( + * ) ( ' &
"< ; 9 . : 9 8 7 6 5
EXPRESIVIDAD
EXPRESIVIDAD La tipografía creativa contempla la comunicación de otro modo, como si se tratase de una:
metáfora visual El texto no sólo tiene una funcionalidad lingüística, sino que se acentúan y potencian los aspectos gráficos de los caracteres:
el texto es concebido y tratado como una imagen. Lo importante es la interacción expresiva entre
forma y contenido
Cyrus Highsmith Estampa Tipográfica
Alex Trochut Expo Psicotipografico (2007)
Sagmeister "Set the Twilight Reeling" de Lou Reed
Sagmeister Things I Have Learned In My Life So Far: Trying to look good limits my life (2008)
Herb Lubalin Construcción Tipográfica
La tipografía y el ilustrador Texto funcional
La tipografía y el ilustrador Texto funcional Onomatopeya
La tipografía y el ilustrador Texto funcional Onomatopeya
La tipografía y el ilustrador Texto funcional Tipografía y código escenográfico
La tipografía y el ilustrador Texto funcional Cartela & Bocadillo Onomatopeya Tipografía y código escenográfico
% 3" * * ' " . ( %" " , 2 %, + % ( 1 0 " / " . , + * ) ( ' % " $ # " !
4 # + 0. + 3 ( , 1 ( 0 # ' , 2 ( ' "# ( 1 0 # ' , # / . , "( + * ) ( ' &
"< ; 9 . : 9 8 7 6 5
EXPRESIVIDAD
% 3" * * ' " . ( %" " , 2 %, + % ( 1 0 " / " . , + * ) ( ' % " $ # " !
4 # + 0. + 3 ( , 1 ( 0 # ' , 2 ( ' "# ( 1 0 # ' , # / . , "( + * ) ( ' &
"< ; 9 . : 9 8 7 6 5
LEGIBILIDAD
% 3" * * ' " . ( %" " , 2 %, + % ( 1 0 " / " . , + * ) ( ' % " $ # " !
4 # + 0. + 3 ( , 1 ( 0 # ' , 2 ( ' "# ( 1 0 # ' , # / . , "( + * ) ( ' &
La tipografía de edición, se centra en cuestiones tipográficas relacionadas con las: Familias de tipos, el tamaño de las letras, los espacios entre las letras y las palabras, la interlínea, la medida de la línea y la columna…; "< ; 9 . : 9 8 7 6 5
Se ocupa de todas aquellas unidades a las que los diseñadores gráficos y tipógrafos, tradicionalmente, le conceden un carácter y un valor normativo.
LEGIBILIDAD
La Tipografía es el arte de disponer correctamente el material de imprimir, de acuerdo con un propósito específico: colocar las letras, repartir el espacio y organizar los tipos con vistas a prestar al lector la máxima ayuda para la comprensión del texto. Stanley Morinson (1929)
TYPOGRAFÍA INVISIBLE
?
Toda recepción de escritura se realiza de dos modos simultáneos:
1º como lectura en el sentido propio de la palabra, o sea como transformación de una serie de letras vistas por el lector en pensamientos Jost Hochuli (1987)
2º como visión gráfica que desencadena una serie de asociaciones con lo ya visto, además de generar efectos emocionales y apreciaciones estéticas.
Factor LINGÜÍSTICO vs Factor GRÁFICO
Critter // Craig Frazier (1993 / Adobe)
Una de las principales funciones de la tipografía es la de actuar como soporte para la comunicación.
La legibilidad de un texto, de una palabra o de un carácter está relacionada en cierta manera con la “invisibilidad” de los signos gráficos que le dan presencia
Cómo leemos una línea de texto, como opera el proceso de lectura……………
&MACROTIPOGRAFÍA MICROTIPOGRAFÍA
Microtipografía & Macrotipografía La Macrotipografía que es la tipografía de los elementos mayores, cuyo ámbito es el de la producción editorial en sentido global.
Se encarga de todos los procesos de maquetación, su núcleo conceptual es la maqueta (Layout )
Pretende dar cuenta del formato, del tamaño y de la situación de las columnas del texto, así como de las ilustraciones, el orden de los títulos y de las leyendas.
procesos de maquetación núcleo conceptual: maqueta (Layout)
Microtipografía & Macrotipografía En el ámbito de la Microtipografía o tipografía del Detalle, las unidades conceptuales o conceptos tipográficos esenciales son:
La Letra y el espacio entre las letras; la Palabra y el espacio entre las palabras; la Línea y el interlineado El parrafo y la Columna (caja).
Microtipografía & Macrotipografía
Longitud de la línea en el párrafo y calculo del interlineado correcto
e
Palabra
Las correcciones aplicadas sobre la forma geométrica básica de las letras tiene como función compensar ilusiones ópticas que actúan sobre la forma y el tamaño de las letras y sobre el grosor de sus rasgos. En función de mantener una consistencia percibida de tamaño, por ejemplo, las letras de forma circular o triangular exceden en altura física a las demás letras. Entre otras modificaciones puede indicarse que los trazos medios horizontales se colocan por encima de la mitad de la altura, para que el resultado sea de mayor liviandad. El grosor de los trazos varía con su dirección: los verticales, que visualmente representan sostén, son más gruesos que los horizontales; los horizontales medios son más finos que los extremos ubicados en tope o base; los diagonales son también más finos que los horizontales de los extremos. Los trazos verticales y diagonales se afinan al llegar a convergencias en función de evitar la creación de grandes áreas negras mientras que los trazos curvos varían constantemente de grosor y nunca son arcos de círculo, en función de manejar las fuerzas visuales de una manera menos mecánica, más fluida. Muchas de estas características aparecen ya en los alfabetos del siglo XVIII.
ARQUITECTURA TIPOGRAFÍA
FUENTES, TIPOS o CARACTER
Humanst521 BT
TIPO
H
!
Elementos: Líneas de Referencia
Elementos: Líneas de Referencia
Elementos: Líneas de Referencia •! .
Elementos: Líneas de Referencia.
Elementos: ESTRUCTURAS BÁSICAS
Las variaciones en la estructura fundamental de los caracteres están determinadas:
(1) La ubicación respecto de las líneas de referencia (2) La angulación del eje constructivo.
NÚMEROS INDOARÁBIGOS.
NÚMEROS ROMANOS 1.! 2.! 3.! 4.!
En los números de capítulos y tomos de una obra. En los actos y escenas de una obra de teatro. En los nombres de papas, reyes y emperadores. En la designación de congresos, olimpiadas, asambleas, certámenes...
Elementos: ESTRUCTURAS BÁSICAS Ángulo eje constructivo: Oblicua & Cursiva
¿Cual es la diferencia entre unos caracteres cursivos y otros oblicuos?
Elementos: ESTRUCTURAS BÁSICAS Ángulo eje constructivo: Oblicua & Cursiva
¿Cual es la diferencia entre unos caracteres cursivos y otros oblicuos?
Elementos: ESTRUCTURAS BÁSICAS Ángulo eje constructivo: Oblicua & Cursiva El ensayo «Über typografie» [Sobre la tipografía] del pintor y arquitecto de Zúrich, Max Bill, publicado en el pasado número parece haber sido provocado por la confere ncia «Konst anten der Typographie» [Constantes de la tipografía] que pronuncié en diciembre del pasado año en Zúrich ante los miembros de la Asociación de Artistas Gráficos suizos. * En aquel discurso juzgué severamente una obra difundida por mí anteriormente, La nueva tipografía, es decir, me juzgué a mí mismo sin ningún miramiento. !
El ensayo «Über typografie» [Sobre la tipografía] del pintor y arquitecto de Zúrich, Max Bill, publicado en el pasado número parece haber sido provocado por la confe renci a «Kon stan ten der Typographie» [Constantes de la tipografía] que pronuncié en diciembre del pasado año en Zúrich ante los miembros de la Asociación de Artistas Gráficos suizos. * En aquel discurso juzgué severamente una obra difundida por mí anteriormente, La nueva tipografía, es decir, me juzgué a mí mismo sin ningún miramiento. !
Elementos: ESTRUCTURAS BÁSICAS Ángulo eje constructivo: Oblicua & Cursiva El ensayo «Über typografie» [Sobre la tipografía] del pintor y arquitecto de Zúrich, Max Bill, publicado en el pasado número parece haber sido provocado por la conferencia «Konstanten der Typographie»[Constantes de la tipografía] que pronuncié en diciembre del pasado año en Zúrich ante los miembros de la Asociación de Artistas Gráficos suizos. * En aquel discurso juzgué severamente una obra difundida por mí anteriormente, La nueva tipografía, es decir, me juzgué a mí mismo sin ningún miramiento.
El ensayo «Über typografie» [Sobre la tipografía] del pintor y arquitecto de Zúrich, Max Bill, publicado en el pasado número parece haber sido provocado por la conferencia «Konstanten der Typographie»[Constantes de la tipografía] que pronuncié en diciembre del pasado año en Zúrich ante los miembros de la Asociación de Artistas Gráficos suizos. * En aquel discurso juzgué severamente una obra difundida por mí anteriormente, La nueva tipografía, es decir, me juzgué a mí mismo sin ningún miramiento.
Elementos: MODULACIÓN Contraste, Ángulo y Transición
La letra y sus formas
House Industries Type Foundry
Elementos: ANATOMIA DEL CARÁCTER
1.! ELEMENTOS FIJOS (astas, brazos, travesaños, etc.) !
2. ELEMENTOS OPCIONALES (serifas, remates, espolón, oreja, etc.) 3.! ELEMENTOS DE RELACIÓN (lazo, gancho, vértices, etc.)
ARQUITECTURA TIPOGRÁFICA
ELEMENTOS OPCIONALES 1.! SERIF, REMATE O GRACIA 2.! OREJA, LÁGRIMA, GOTA O BOTÓN 3.! ESPOLON, ESPUELA o BASA
Elementos: ANATOMIA DEL CARÁCTER Un carácter estará compuesto por:
1.! Una serie de rasgos o astas principales. 2.! Unos remates o serifas. 3.! El trazado del rasgo puede ser uniforme o modulado. 4.! Los remates pueden asumir multitud de formas o sencillamente no existir
Elementos: FAMILIA TIPOGRÁFICA Subfamilia y estilos
Elementos: FAMILIA TIPOGRÁFICA Subfamilia y estilos
Se denomina FAMILIAS TIPOGRÁFICAS al conjunto de signos escriturales que comparten rasgos de diseño comunes
La expresión ESTILO DE LA LETRA, remite de forma genérica a la forma característica que adopta el carácter, basado en el diseño especial de sus rasgos formales. (NORMAL, CURSIVA, NEGRITA...)
Elementos: FAMILIA TIPOGRÁFICA Subfamilia y estilos
Una familia puede estar organizada en subfamilias (series o estilos) • El ancho del trazado: ultrafino (thin), fino (light), seminegra (demibold), negro (bold), supernegra (Black)... • La inclinación de los ejes: cursiva (Italic), inclinada (oblique)... • La proporción de los ejes: redonda (regular, book), estrecha (condensed), expandida (expand)... • La forma del trazado: perfilado, sombreado...
=!0%>"<;1.%?@ABAC%
Elementos: SUPERFAMILIA TIPOGRÁFICA
Stone Serif, Sans & Informal (Kris Holmes & Charle Bigelow, 1987)
Compatil (Olaf Leu, 1996)
Elementos: FAMILIA TIPOGRÁFICA Ligaduras & caracteres especiales
Elementos: FAMILIA TIPOGRÁFICA Ligaduras & caracteres especiales
Elementos: FAMILIA TIPOGRÁFICA Ligaduras & caracteres especiales
Herb Lubalin
Dino dos Santos (Type “Estilo” 2005)
TIPOS DIGITALES *
4
Porta-matrices Times New Roman
Letra: código digital En la tipografía digital el tipo carece de una existencia física. El tipo es un conjunto de datos almacenados en la memoria de un ordenador
Los tipografías digitales son software Los formatos de fuentes dominantes son: 1.! PostScript Type 1 (PS1) 1985 2.! TrueType (TT) 1991 3.! OpenType (OTF) 1997
Multiplataforma Trazados vectoriales de contorno (lineas y curvas) Independientes del dispositivo de salida Escalable a cualquier tamaño sin perdida de calidad
PostScript Type 1 (PS1)
PostScript Type 1 (PS1) PS1 en WIN Helvetica.afm & Helvetica.pfb
PS1 en mac Helvetica.afm Helvetica.ifm Helvetica.bmp Representación pixelada para su representación en pantalla
El formato TrueType solo necesita un archivo en ambas plataformas
RASTERIZAR: Es el proceso de convertir los vectores (las líneas y curvas) en el patrón de puntos de semitono del dispositivo de salida (impresora o filmadora) Software de rasterización
HINTING: El «HINTING» es un conjunto de instrucciones que se incorporan a la fuente para mejorar la calidad de la imagen en el proceso de escalado, sobre todo para resoluciones de baja calidad (por ejemplo para la pantalla de ordenador).
TrueType dispone de unas instrucciones de hinting más complejas
Opentype (1997) trabaja con el codificado de caracteres estándar UNICODE 3.1, el cual está: “diseñado para soportar el intercambio, la elaboración y la exhibición de textos escritos en todas las lenguas del mundo”.
Opentype (1997) trabaja con el codificado de caracteres estándar UNICODE 3.1, el cual está: “diseñado para soportar el intercambio, la elaboración y la exhibición de textos escritos en todas las lenguas del mundo”.
Gestores tipográcos
Suitcase fusion 3 (Extensis)
Gestores tipográcos
Fontexplorer X Pro (Lynotype )
Editores tipográcos
Editores tipográcos
Editores tipográcos Font forge
CLASIFICACIONES TIPOLÓGICAS
TIPO
7!-("F<-<"'#1(%G9'!'H"<-(%
>!6'%I'J-.1(1%% ?@AKBC% %%
Maximilien Vox (1894-1974). Association Typographique Internationale (A Typ I ) British Standard (BS:2961) de 1967
L.-#<"(%M;"N-+61+%?@BOEP@AQKCR%S'N1.0%T."#H;+.(0%?@AUOC% >!6'%I'J-.1(1%?@AKBCR%:"+(1991%V1!!"W1."?@AUOC%% %%
Tipos ROMANOS Sus características esenciales son: • La modulación visible del los trazos • Trazos acabado con remates (“serifas”) SUBTIPOS • Tipos Romanos Humanistas (HUMANA) • Tipos Romanos Antiguos (GARALDA) • Tipos Romanos Transición (REAL). • Tipos Romanos Modernos (DIDONA)
HUMANAS / Antiguos (Old Face) Tipografías Romanas humanistas Jenson, Centaur, Giovanni, Berkeley Old Style, Cloister, , Italia, Erasmus, Golden Type,
Conrad Sweynheym, Arnold Pannartz , J. Spira y Nicolas Jenson (1420-1480)
Tipos ROMANOS GARALDAS / Antiguos (Old Face) S. XV hasta la última década del S. XVII Bembo, Garamond, Caslon, Times New Roman, Plantin, Palatino, Goudy Old Style, Ehrhardt, Trump Medieval, Minion, Sabon, etc.
De Aetna del Cardenal Pietro Bembo (1490) impreso por Aldus Manutius
Tipos ROMANOS GARALDAS / Antiguos (Old Face) Claude Garamond (1490- 1561)
Robert Granjon, Jacques Sabon & Jean Jannon
Tipos ROMANOS GARALDAS / Antiguos (Old Face) Impresor Christopher Plantin
Cristoffel van Dijck, Nicolás Kis y los hermanos Bartholomaeus y Dirk Voskens,
GARALDAS / Antiguos (Old Face) William Caslon I (1692-1766)
TIPOS ROMANOS REALES TRANSICIÓN El Romains du Roi de Philippe Grandjean(1666-1714) tallado en 1702 para la Imprimerie Royale de Luis XIV
John Baskerville (1705-1775)
New Baskerville, Century Old style, Caledonia, Cochin, Corona, Melior, Meridien,Olympian,…
Tipos ROMANOS
&'()%,-.X-%S"N-H'.6-%
TIPO
JOAQUIN IBARRA (1780) – Jeronimo Antº Gil
Tipos ROMANOS
) 2 1 0 2 ( s a v i R é s o J n a u J
TIPOS ROMANOS MODERNOS (DIDONAS) Giambattista Bodoni y Firmin Didot
Bodoni, Didot, Fenice, ITC Palatino, Bell, Walbaum, Tienman, ITC Modern 216, Madison, De Vinne, Caledonia ITC Century,etc.
81<-#-(% TIPOS EGIPCIOS O MECANAS (SLAB SERIF) Sus características esenciales son: • Modulación tendente a al uniformidad • Engrosamiento del trazo • Poco o nulo contraste en el grosor de los trazos • El espaciado es normalmente ancho. • Los trazos terminales son generalmente del mismo grosor que las astas. • Lo habitual es una gran altura-X- . • La "g" de caja baja prácticamente no desciende.
TIPOS EGIPCIOS O MECANAS
Robert Thorne (1809)
El primeros tipos Clarendon (JONICO): William Thorowgood y Robert Besley (1845)
Clarendon del puente de Waterloo 1815
Primeros tipos con remates cuadrangulares Robert Thorne (1808-9) Vicent Figgins (1817) Antique
=(Y-!6%T.+<1%7''91.%?@AQQC%
TIPO
%&'1!%Z-61#%[%M'#2%D0-#%?@A\UC%
,189;"(% S+6'!]%^'!]%% ?@A_QC%%
>6."-#%L.+GH1.%?@A\\C%
TIPOS INCISAS O GLÍFICAS
Sus características esenciales son: • Trazo modulado. • Remates insinuados muy sutiles.
Optima, Formata, Stone Sans, Eras, Perpetua..
TIPOS LINEALES9-!'(1<'% o de PALO SECO Sus características esenciales son: • Ausencia de modulación • Ausencia de remates
SUBTIPOS • Grotescos • NeoGrotescos • Geométricos • Humanísticos
PALO SECO GROTESCOS Y NEOGROTESCOS GROTESCO: Akzidenz Grotesk (1898) , Franklin Gothic (1903) ,, News Gothic (1908), Bell Gothic Std (1937), etc. NEOGROTESCAS: Helvetica (1958) , Univers (1957) , Frutiger (1976), Folio (1963), Arial (1989-90) , etc.
Sus características esenciales son: •! Ligero contraste en el grosor de los trazos. •! Una ligera cuadratura en las curvas. •! La "g" de caja baja tiene a menudo, aunque no siempre, un ojal inferior abierto. •! La "G" de caja alta tiene usualmente una uña.
@B@O%
PALO SECO GROTESCOS Y NEOGROTESCOS
L+#6"<"a#%T1.0;'!6%P%@BAB%
Max Miedinger & Ed.Hoffmann >> Fundición Haas 1957>> fundición Stempel 1960
PALO SECO
:1'810."<-(%
GEOMéTRICAS GEOMETRICAS: Avant Garde, Futura, Ebar, Eurostile, Bauhaus, Kabel, Metro, Tempo,.. .
Sus características esenciales son: • Construidas a partir de formas geométricas simples como el círculo y el rectángulo • Usualmente monolineales. • Normalmente presentan una "g" de caja baja de cola abierta
:1'810."<-(%
PALO SECO GEOMéTRICAS
GEOMETRICAS: Avant Garde, Futura, Ebar, Eurostile, Bauhaus, Kabel, Metro, Tempo,.. .
nueva tipografía 1.! lo nuevo como valor sí mismo 2.! el ideal de racionalismo, simplicidad e higiene 3.! fuerte implicación revolucionaria
Pusieron en cuestión el reducido y tr adicional mundo del diseño de tipos.
Lazslo Moholy Nagy, El Lissitzky y Kurt Schwitters 1923-25 El manifiesto de El Lissitzky «Topographie der Typographie» (Topografía de la tipo-grafía), publicado en la revista Merz, n.º 4, 1923
Herbert Bayer Alfabeto universal 1925
PALO SECO GEOMéTRICAS Paul Renner FUTURA (1927-1929)
TIPO
TIPO
GEOMETRICAS: Avant Garde, Futura, Ebar, Eurostile, Bauhaus, Kabel, Metro, Tempo,.. .
Paul Renner Herb Lubalin Rudolf HerbertKoch Bayer Aldo Novarese
PALO SECO SECO HUMANIS TA HUMANISTA
Edward Johnston Underground (1916)
3+8-#"(0-%
Eric Gill (1927-1930)
TIPO
Se caracterizan por •! Sutil modulación en los trazos •! Sin remates •! Cierto contraste.
HUMANISTA: Gill S ans, Humanist521, trebuchet Mt, Tahoma, Verdana, Antique Olive, Myriad
TIPOS DE ESCRITURA O ROTULADAS 1(<."0+.-!1(%
Grupos Caligrácos Góticos De trazado libre o manuales
George Bickman “The Universal Penman",1741
