Karen Gonzรกlez
Consigo emociones mirando tipografĂas Erik Spiekermann
1 2 3 4
6 Introducción
17 Bauhaus 21 Cooper Black 25 Brush Script 29 Showcard Gothic 33 Comic Sans
Garamond 39 Baskerville 43 Twentieth Century 47 Helvética 51 Century Gothic 55
Conclusión 70 Créditos editoriales 73
INTRODUCCIรณn
6
HABLEMOSDETIPOS En el siguiente capítulo veremos la historia de la tipografía y todos los conceptos básicos referentes a ella.
HISTORIA
HABLEMOSDETIPOS_HISTORIA
Blackletter
Romana
Itรกlica
Caslon
Baskerville
B B B B
9
HABLEMOSDETIPOS_HISTORIA
10
B B B B B
Didot
Palo Seco
Egipcia
Futura
PÃxeles
HISTORIA
Términos básicos TIPOGRafía TIPO Es un conjunto de caracteres, letras, números, símbolos y signos de puntuación que comparten un diseño característico.
fuente Es el medio físico utilizado para crear un tipo de letra, por ejemplo, una máquina de escribir, un estarcido, las matrices de una imprenta o un código PostScript.
FAMILIA TIPOGRáFICA Conjunto de tipos basado en una misma fuente, con algunas variaciones pero manteniendo características comunes. Los miembros que integran una familia se parecen entre sí pero tienen rasgos propios.
11
HABLEMOSDETIPOS_TÉRMINOSBÁSICOS
serif Tipografía que posee remates y facilitan la lectura.
ALTURA X Distancia que existe entre la línea base y la línea media de un tipo de letra, basándose en la altura de su “x” minúscula. Varía en cada tipo de letra según su morfología.
TRACKING Es una técnica empleada para ajustar el espacio entre los caracteres.
Línea Base Línea imaginaria sobre la que se asientan todos los caracteres.
Caja de composición Marca espacios entre los caracteres para evitar que colisionen al escribir. Las cajas digitales son ligeramente más anchas que los caracteres.
12
anatomía tipográfica 8
6
4
1
9
7
2 12
10
5
3
14 15
11
16
13
18
22
20
17
19
21 25 23
24
26
13
HABLEMOSDETIPOS_ANATOMÍATIPOGRÁFICA
1. 2. 3. 4. 5. 6. 7. 8. 9.
14
10. 11. 12. 13. 14. 15. 16. 17. 18.
19. 20. 21. 22. 23. 24. 25. 26.
Vértice Inclinación Cola Travesaño Cuello Bucle Brazo Barbilla
ABUSO TIPOGÁFICO En este capítulo encontraremos 5 tipos tipografías frecuentes utilizadas como titulares en el día a día venezolano.
Bauhaus_Cooper Black_Brush Script_Showcard Gothic _Comic Sans
Bauhaus 93
ABUSOTIPOGRÁFICO_BAUHAUS
18
ABUSOTIPOGRÁFICO_BAUHAUS
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 01234567890 :;.,-#!¡>$%/*()+”¨´
B
Tipografía geométrica, ancho grueso, sin serifas.
19
ABUSOTIPOGRÁFICO_BAUHAUS
Aquí encontramos 3 contetos distintos en donde se encuentra la tipografía, en la primera es una peluquería, la segunda una pizzeria y la tercera un abasto.
A pesar de que parece ser una tipografía muy funcional como título, agregandole modernismo y haciendo un diseño bastante suave y agradable, su uso para enunciados no lo es.
20
Cooper Black
22
19
ABUSOTIPOGRÁFICO_COOPERBLACK
Cooper Black ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 01234567890 :;.,-#!¡>$%/*()+”¨´
C
Tipografía serifada, con sobrepeso e inclinada.
23
ABUSOTIPOGRÁFICO_COOPERBLACK
En las siguientes imágenes podemos observar como se utiliza la tipografía Cooper Black en tres contextos, la primera es una charcuteria, la segunda es una heladeria, y la tercera es una peluquería. Esta tipografía gozo de gran popularidad en los años 20/30 y es un ícono de los años 70; hoy en día, a casi un siglo de su creación, sigue cigente su popularidad.
24
B Brush Script
ABUSOTIPOGRÁFICO_BRUSHSCRIPT
26
ABUSOTIPOGRÁFICO_BRUSHSCRIPT
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 01234567890 :;.,-#!¡>$%/*()+”¨´
Brush Script MT Italic Brush Script STD Medium
B
Mayúsculas irregulares y minúsculas que se conectan entre sí.
27
ABUSOTIPOGRÁFICO_BRUSHSCRIPT
En las siguientes imágenes podemos observar como se utiliza la tipografía Brush Script en tres contextos distintos, la primera es en un taller mecánico, la segunda una farmancia, y la tercera, una tapicería. Es una tipografía que pretende ser muy agradable, sin embargo, debido a su informalidad no debería ser utilizada en avisos de comercios que prestan servicios de salud a la comunidad.
28
Showcard Gothic
ABUSOTIPOGRÁFICO_SHOWCARDGOTHIC
30
ABUSOTIPOGRÁFICO_SHOWCARDGOTHIC
Cooper Black
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ 01234567890 :;.,-#!¡>$%/*()+”¨´
S
Tipografía disponible sólo en mayúculas, sin serifas y de grosores irregulares.
31
ABUSOTIPOGRÁFICO_SHOWCARDGOTHIC
En las siguientes imágenes podemos observar como se utiliza la tipografía Showcard Gothic en tres contextos, la primera es una pastelería, la segunda es una pizzería, y la tercera es un pequeño abasto. Es una tipografía que aporta gran dinamismo y es muy llamativa por lo que puede funcionar perfectamente como titular.
32
C Comic Sans
ABUSOTIPOGRÁFICO_COMICSANS
34
ABUSOTIPOGRÁFICO_COMICSANS
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 01234567890 :;.,-#!¡>$%/*()+”¨´
Comic Sans MS Comic Sans MS Bold
C
Tipografía redondeada que aparenta tener serifas sólo en la “c” y la “s”, pero al ser curva funciona más como adorno, inclinación y espaciado entre caráteres variable.
35
ABUSOTIPOGRÁFICO_COMICSANS
En las siguientes imágenes podemos observar como se utiliza la tipografía Comic Sans en tres contextos distintos, la primera es en una lunchería, la segunda un colegio, y la tercera, un sitio de impresiones. Tomando en cuenta que Comic Sans fue creada para una aplicación digital, al ser usada en medios impresos está descontextualizada.
36
TIPOSDECUERPOS En el siguiente capítulo veremos cuales son las tipografías más utilizadas para los cuerpos de textos de folletos, revistas, períodicos, libros, entre otras cosas, encontradas en la cotidianidad venezolana.
Garamond_Baskerville_Twentieth Century_Helvética _Century Gothic
Garamond
TIPOSDECUERPOS_GARAMOND
40
TIPOSDECUERPOS_GARAMOND
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 01234567890 :;.,-#!¡>$%/*()+”¨´ Garamond Italic Garamond Regular Garamond Bold
G
Sus serifas caen completamente, de ancho variable, las mayúculas están menos inclinadas que las minúsculas.
41
TIPOSDECUERPOS_GARAMOND
Aquí encontramos 3 publicaciones distintas en donde se encuentra la tipografía, la primera es del libro “Mujer partida en dos” de Evelia Eufemia Brito Padrón, la segunda es de un folleto entregado en una exposición en homenaje a Francisco de Goya en el MBA, Caracas; y la tercera es del libro “La isla bajo el mar” de Isabel Allende. Esta tipografía facilita la lectura por lo que es muy funcional para cuerpos de texto, gracias a esto a trasendido en el tiempo.
42
Baskerville
TIPOSDECUERPOS_BASKERVILLE
44
TIPOSDECUERPOS_BASKERVILLE
Cooper Black
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 01234567890 :;.,-#!¡>$%/*()+”¨´ Baskerville Regular Baskerville Italic Baskerville Bold
45
TIPOSDECUERPOS_BASKERVILLE
En las siguientes imágenes podemos observar como se utiliza la tipografía Baskerville en tres publicaciones, la primera es un extracto del libro “La Isla bajo el mar”, la segunda es un cuento de Edgar Allan Poe del libro”Cuentos Macabros”, y la tercera es una noticia encontrada en el periódico Notitarde. Esta tipografía fue un rediseño a la anterior Caslon haciéndola más legible, de aquí viene su excesivo uso.
46
Twentieth Century
TIPOSDECUERPOS_TWENTIETHCENTURY
48
TIPOSDECUERPOS_TWENTIETHCENTURY
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 01234567890 :;.,-#!¡>$%/*()+”¨´ Twentieth Century Italic Twentieth Century Regular Twentieth Century Bold
C
Tipografía geométrica, sin serifas y corte sencillo.
49
TIPOSDECUERPOS_TWENTIETHCENTURY
En las siguientes imágenes podemos observar como se utiliza la tipografía twentieth century en tres publicaciones, la primera es una revista dominical, la segunda un folleto del Museo de laAquí Estampa y el Diseño y 3lacontetos tercera es un folleto encontramos de una exposición de artistas mexicanos en el distintos en donde Museo de Bellas Artes. se encuentra
la tipografía, en la primera es una El peso ligero de esta tipografía la cómoda para peluquería, la además segunda pizzeriaque cuerpos de textos, de una sus variantes y la tercera uncomo abasto. pueden funcionar titulares.
50
HelvĂŠtica
TIPOSDECUERPOS_HELVÉTICA
52
TIPOSDECUERPOS_HELVÉTICA
Cooper Black
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 01234567890 :;.,-#!¡>$%/*()+”¨´
H
Helvética Light Helvética Italic Helvética Regular Helvética Bold HelvŽtica Neue
Tipografía palo seco, redondeada, con una gran altura x.
53
TIPOSDECUERPOS_HELVÉTICA
En las siguientes imágenes podemos observar como se utiliza la tipografía helvética en tres publicaciones distantas, la primera es en el libro “fundamentos del diseño” de Wucios Wong, la segunda es una caja de una infusión, y la tercera, el libro “Los secretos de Sascha Fitness”. Vemos que es una tipografìa bastante versatil, y que se adapta muy bien a cualquier medio.
54
Century Gothic
TIPOSDECUERPOS_CENTURYGOTHIC
56
TIPOSDECUERPOS_CENTURYGOTHIC
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 01234567890 :;.,-#!¡>$%/*()+”¨´ Century Gothic Italic Century Gothic Regular Century Gothic Bold
G
Tipografía geométrica y delgada.
57
TIPOSDECUERPOS_CENTURYGOTHIC
En las siguientes imágenes podemos observar como se utiliza la tipografía Century Gothic en tres publicaciones distintas, la primera es en un artículo de revista, la segunda una revista de maquillaje, y la tercera un folleto sobre la piel sensible. Como vemos, esta fuente es utilizada para cuerpos de texto pequeños y publicaciones informales.
58
SENSIBILIDADTIPOGRÁFICA ¿Por qué no darle un sentimiento al expresar ideas por escrito? ¿Qué pasaría si las letras fuesen personas? A continuación veremos un ejercicio realizado para humanizar distintas tipografías, agregandoles sentimientos y rasgos fenotipicos.
Baskerville_Cooper Black_Courier_Didot_Futura_Moon Flower_Marguerite_Stencil
SENSIBILIDADTIPOGRĂ FICA_COURIER
Courier
La mejor manera de describir a alguien centrado de buena conducta, sabe lo que va a decir y como lo tiene que decir. Un tipo con bastante formalidad
61
SENSIBILIDADTIPOGRÁFICA_BASKERVILLE
62
SENSIBILIDADTIPOGRร FICA_MARGUERITE
Marguerite
Es una persona moderna con la que se puede tener una conversaciรณ interesante, amigable,
63
SENSIBILIDADTIPOGRร FICA_COOPERBLACK
Cooper Black
El tipo simpรกtico y amigable del que todos quieren escuchar sus
ocurrentes relatos.
64
SENSIBILIDADTIPOGRÁFICA_STENCIL
65
SENSIBILIDADTIPOGRÁFICA_DIDOT
Didot
Un tipo maduro, elegante, ubicado, que sabe lo que quiere y
sabe como obtenerlo. Posee ingenio a la vez que es coqueto, con los pies en la tierra, orgulloso de sí.
66
SENSIBILIDADTIPOGRĂ FICA_FUTURA
Futura Un tipo gentil, amable y paciente; complacido de ayudar a otros.
67
SENSIBILIDADTIPOGRÁFICA_MOONFLOWER
MOON fLOWER
Un tipo amante de la naturaleza y la ecología, libre y alejado de la tecnología.
68
69
70
Conclusiรณn
POSTER REALIZADO POR DAVID CARSON
CRéDITOSEDIORIALES dISEÑO Y REDACCIóN Dirección de arte fOTOGRAFía Agradecimientos
Karen González Ana Milena Ospina Karen G. León María Teresa Soto María Paula Cirera María Betania Nuñez Raúl González Marian González Irene Castro Daniel Moreno Carlos González Cecilia Miranda Jessica Aharonov Este catálogo fue realizado como proyecto de investigación de la materia Diseño Gráfico III de la Universidad Arturo Michelena, Karen González Sección 4M 6to Semestre
73
2016
Venezuela
karengleon