BitácoraMaestría en Diseño de la información
Periodo agosto - diciembre 2013
Juan Pablo Granados.jpg
TIPOGRAFÍA
Tipografía
2
Diseño de la información · agosto - diciembre 2013
1
ContenidosIntroducción
1. Características del diseño tipográfico
2. Morfotipografía
3. Composición tipográfica
4. Jerarquización tipográfica
5. Expresión tipográfica
6. ITC Avant Garde
Conclusión
Referencias
2
4
10
18
22
30
38
48
50
White uppercase letter G isolated
on white. The Loupe Project
Tipografía
2
Que tal, bienvenido. Por alguna razón has decidido abrir esta breve bitácora, que contiene algunos de los temas vistos y ejercicios realizados en la materia de Tipografía, durante el primer semestre de la Maestría en Diseño de la Infor-mación, periodo agosto - diciembre 2013, en la Universidad Anáhuac México Norte, a cargo de la Mtra. Mónica Puigferrat. El propósito de este compendio de notas y ejercicios es el de servirte como referencia a ti, lector, para que conozcas un poco sobre el tema y encuentres una guía sobre lo que puedes llegar a vivir durante el primer semestre de esta Maestría.
La tipografía es un tema muy extenso que ha sido estudiado no sólo por diseñadores, sino por muchas otras personas involucradas en el estudio de la comunicación humana, principalmente la escritura. Aunque la tipografía es un elemento primordial (por no decir indispensable) en las distintas disciplinas del diseño, es en el diseño editorial donde encontraremos una manera de estudiar este tema con mayor énfasis. Aprender a dominar el universo concep-tual de la tipografía no es tarea fácil, pero es un reto que como diseñadores gráficos debemos tomar, aún cuando no estemos involucrados en el medio editorial. Personalmente, la realización de esta bitácora ha representado un
Introducción
Diseño de la información · agosto - diciembre 2013
3
gran reto para mi. Aunque soy diseñador gráfico de formación, desde que salí de la Universidad en diciembre de 2007, no había tenido contacto con el mundo editorial. Un año antes de graduarme estuve trabajando en el medio publicitario, realizando postales, separadores y otros medios impresos. Para el 2008, cuando aterricé en mi primer trabajo en el que podía presumir de una cédula profesional, ya comenzaba a adentrarme en el mundo digital: animación, programación y desarrollo de sitios Web. No es hasta ahora en el 2013 con el comienzo de esta Maestría que vuelvo a tener contacto con todos estos conceptos editoriales. Algunos temas recuerdo haberlos visto en la Uni-versidad; algunos otros fueron completamente nuevos para mi. Este primer semestre me ha servido para reflexionar sobre la calidad de mi trabajo y el esfuerzo que le dedico a cada proyecto que realizo. Definitivamente el camino es muy largo todavía, aún tengo mucho que aprender. Si de algo sirve, he de decir que lo he hecho lo mejor que he podido.
Estimado lector, advertido estás sobre mi falta de destreza en este campo. Espero que encuentres algo que te sirva dentro de estas páginas y ojalá que mis errores pasen lo suficientemente desapercibidos.
Juan Pablo Granados Carmona
Tipografía
4
1.
A random arrangement of letterpress letters with narrow depth of field. B & T Media Group Inc.
Diseño de la información · agosto - diciembre 2013
5
CARACTERÍSTICAS DEL DISEÑO TIPOGRÁFICO
Tipografía
6
La tipografía encierra una gran variedad de conceptos sobre el len-guaje y la comunicación humana que pueden llegar a ser bastante complejos. Para efectos de este escrito, entenderemos que se trata del uso coherente y la disposición efectiva de una serie de signos y símbolos con funciones verbales e icónicas, con el fin de co-municar un mensaje de manera clara. Ahondemos un poquito más en esta definición.
El ser humano desde sus inicios siempre buscó la manera de comunicarse y transmitir sus conocimientos. Las pinturas ru-pestres son el ejemplo más antiguo que conocemos donde el ser humano pretende comunicar y preservar su conocimiento a través de signos.
De esta idea de encerrar conceptos dentro de elementos visuales y verbales, fue que, unos cuantos miles de años después, surgieron el lenguaje y la escritura, sistemas de comunicación en toda su extensión. Es así que estos signos obtienen funciones verbales e icónicas.
Cave painting of primitive commune on the wall. Nomad_Soul.
Diseño de la información · agosto - diciembre 2013
7
Por ejemplo, la letra “e” tiene una función verbal pues es utilizada para representar un sonido. En el español la “e“ tiene cierto sonido.
En el inglés es diferente, y así con otros lenguajes. El lenguaje es el sistema que define el significado de estos símbolos; de estos
iconos, es decir, elementos identificables por una convención general entre un grupo de personas (los hispanohablantes, por ejemplo) para las que guarda un significado en común.Esta convención permite establecer normas de comunica-ción, de modo que lo único que debe hacer una persona es comprender el sistema para descifrar el mensaje. Las diferencias en la forma de las letras deben ser evidentes de manera inmediata, si fueran demasiado similares, las confundiríamos, y la lectura sería complicada. El uso de otros
elementos visuales, como espacios y signos de puntuación, apoyan la comprensión y lectura del mensaje.Pero hasta aquí
aún no existe tipografía.
Hasta antes de mediados del siglo XV, los escritos eran realizadas a mano por monjes y frailes. La caligrafía consistía en la copia de estos
Bearded monk chronicler writes on the historic festival ancient scroll. Titanchik.
Tipografía
8
textos con pluma y tinta. Como ya sabemos, llega Gutenberg con su imprenta y revoluciona el desa-rrollo de libros y textos, y con ello la comunicación humana. Es a través de la imprenta y de la necesi-dad de crear sistemas que regulen la composición de los textos, que surge la tipografía. Las fuentes tipográficas marcan épocas y definen estilos que perduran hasta nuestros días. Estas fuentes son di-señadas por especialistas, tipógrafos, encargados de dotar de características a estos entes comuni-cativos, y les otorgan un propósito. Habrá fuentes tipográficas que sólo funcionen en títulos, otras promueven una lectura cómoda en textos largos. Pero, ¿cómo puedo saber qué utilizar en dichos casos? ¿Cuál es el tamaño correcto para presentar una cita? ¿Qué espacio debo dejar entre cada línea de texto para asegurar una lectura cómoda? ¿Quién va a leer el texto? La tipografía nos lleva al estudio de todas estas características y es tarea de nosotros los diseñadores el dominar todos estos conceptos para poder realizar composiciones que cumplan con el propósito de comunicar.
Diseño de la información · agosto - diciembre 2013
9
lead letter heaps with
capital letters. r.classen
Tipografía
10
2.
Letters. Markus Pfaff. Fuente: Shutterstock
Diseño de la información · agosto - diciembre 2013
11
MORFOTIPOGRAFÍA
Tipografía
12
La morfotipografía se refiere a la forma de los caracteres tipográficos. Cada uno de ellos tiene características únicas que los diferencian entre ellos, sin embargo, comparten rasgos que los permiten identificar como parte de una “familia”. Su altura, su grosor, sus terminaciones, son elementos que identifi-can a un conjunto de caracteres como parte una familia tipográfica.
Anatomía tipográficaA continuación se muestran algunos elementos que componen los caracteres tipográficos. Distintos autores han propuesto distintos nombres en algunos casos; la propuesta que seguimos en el semestre ha sido la siguiente:
Hamburguerfontsiv
ER çx
barra
brazo
pierna pie
fuste diagonal
virgulilla
ojo
arcofuste
anillo vértice
vírgula
terminal espuela terminal
pico espina
arco/hombro terminal gota
Diseño de la información · agosto - diciembre 2013
13
Dentro del diseño de una tipografía, existen una serie de líneas horizontales que son tomadas en cuenta para determinar la altura del cuerpo de los carac-teres. Estas líneas nos permitirán después crear relaciones con los distintos elementos dentro de una composición. Por ejemplo, dentro de un texto corrido cuyo contenido es considerablemente extenso, la línea base es muy importante para determinar el espacio entre líneas de texto. Programas como Microsoft Word o InDesign manejan este espaciado de manera automática, pero es importante que como diseñadores aprendamos a manipularlo y modi-ficarlo en relación con el contenido. Veremos un poco de esto más adelante.
A continuación se muestran algunas de las líneas a tomar en cuenta. Algunos autores consideran otras divisiones, pero éstas son las principales:
Hamburgueraltura de x
línea base
línea de las descendentes
línea de las ascendentesaltura de las altas
Tipografía
14
Hay que destacar que prácticamente todas las fuentes tipográficas incluyen caracteres alfabéti-cos en altas (mayúsculas) y bajas (minúsculas), así como caracteres ortotipográficos, como lo son el punto, la coma y el acento, entre otros rasgos que pueden ser característicos de un idioma.
AaBbCcDdEeFfGg HhIiJjKkLlMmNn
ÑñOoPpQqRrSsTt UuVvWwXxYyZz
1234567890!¡¿?”·$% &/()=º\|@#¢∞¬÷
“”≠́ ‚*̂ ç-.;[]{}+©®æde Groot, Luc(a)s. Familia tipográfica Thesis The Mix. 1994.
http://www.fontshop.com/fontlist/super_families/thesis/
Diseño de la información · agosto - diciembre 2013
15
También pueden incluir versalitas, que son letras mayúsculas (o altas) de menor altura y tamaño. Mientras más variantes contenga una familia tipográfica, mayor será su especiali-zación y sofisticación.
Es importante recordar que no hay que forzar estas variantes (como escribir todo un texto en altas y bajarle el tamaño para simular ver-
VersalitasVersalitas
salitas), ya que estaríamos alterando propiedades importantes que han sido consideradas meticulosamente por el diseñador tipográfico, como el grosor de sus formas o el espacio entre los caracteres. Volviendo al ejemplo de forzar las versalitas, las mayúsculas que se han hecho más pequeñas se notan más delgadas y el espacio entre sus caracteres parece muy ajustado.
Thesis The Mix incluye
versalitas como parte de
sus variantes. El grueso de
sus líneas y la proporción de
sus formas son uniformes y
congruentes.
Myriad Pro no incluye
versalitas, es por eso que
al tratar de simularlas con
InDesign, las minúsculas
se notan más delgadas y
el espacio entre caracteres
mucho más ajustado.
Tipografía
16
Clasificación tipográficaLa clasificación tipográfica toma en cuenta los elementos que componen a una familia tipográfica y pretende organizarla en distintos estilos para su reconocimiento y estudio. Existe una gran variedad de clasificaciones tipográficas, la que hemos toma-do como guía para el semestre es aquella propuesta por Ellen Lupton, en su libro Thinking with Type. La clasificación ofrece siete estilos distintos, sin considerar fuentes que simulen la caligrafía y otros estilos menos tradicionales. Sin embargo es un buen punto de partida para comenzar a entender y analizar los distintos estilos tipográficos.
HUMANISTA / OLD STYLE Las fuentes romanas de los siglos XV y XVI emulaban la caligrafía clásica. Sabon fue diseñada por Jan Tschihold en 1966, basada en las fuentes del siglo XVI de Claude Garamond.
GEOMÉTRICA SANS SERIF Fuentes sin patines construidas alrededor de figuras geométricas. Con la fuente Futura, diseñada por Paul Renner en 1927, las Os son perfectamente circulares y los ejes de la A y de la M son afilados.
Aa
Aa
Diseño de la información · agosto - diciembre 2013
17
TRANSICIONAL
Estas fuentes tienen pati-nes afilados y un eje más vertical que las fuentes hu-manistas. Las fuentes de John Baskerville a media-dos del siglo XVIII, fueron consideradas atrevidas por sus formas afiladas y sus altos contrastes.
MODERNA
Las fuentes diseñadas por Giambattista Bodoni a finales del siglo XVIII y principios del XIX fueron radicalmente abstrac-tas. Son de notar los patines rectos afilados y el contraste marcado en sus líneas.
EGIPCIA / SLAB SERIF
Las fuentes considerable-mente gruesas y decora-tivas fueron introducidas en el siglo XIX para su uso en publicidad. Las fuentes egipcias se caracterizan por sus trazos pesados, como es el caso de la fuente Clarendon.
TRANSICIONAL SANS SERIF Helvetica, diseñada por Max Miedinger en 1957, es una de las tipografías más utilizadas en el mundo. Sus carácter uniforme la hace similar a las fuentes transicionales con patines.
HUMANISTA SANS SERIF Las fuentes sin patines se volvieron muy comunes en el siglo XX. Gill Sans, diseñada por Eric Gill en 1928, tiene una termina-ción curveada en la “a” y variaciones caligráficas en el peso de sus líneas.
Aa Aa Aa
Aa Aa
Lupton, Ellen. Thinking with Type: A critical guide for Designers, Writers, Editors &
Students. 2010. Princeton Architectural Press.
http://www.thinkingwithtype.com/
Tipografía
18
3.
Mrs. Eaves Type Specimen. Ellen Lupton.
Diseño de la información · agosto - diciembre 2013
19
COMPOSICIÓN TIPOGRÁFICA
Tipografía
20
Hemos de entender una composi-ción tipográfica como la relación de la tipografía con el formato que la contiene. El formato es el espacio en el que decidimos colocar la tipografía y tiene características como tamaño y forma (rectangular, cuadrada, circular, etc.). Un ejemplo común es la forma rectangular de una hoja tamaño carta, pero un formato también puede ser la pared de algún edificio, o una puerta.
Lorem Ipsum
interlineado
interletrado
Una vez definido el formato, nos podemos dar a la tarea de conseguir una relación con el texto y la tipo-grafía, tomando en cuenta caracte-rísticas como su tamaño, el espacio entre sus caracteres (interletrado), el número de líneas de texto que ocupa el mensaje, el espacio que existe entre dichas líneas (interlineado) y la alineación que tienen las líneas entre ellas (a la derecha, izquierda, centrado, en bloque, mixto).
Diseño de la información · agosto - diciembre 2013
21
Sitiorrupta iunt. Occabo. Lupite nis aliquid que pere, sequist ruptatinc-tem velluptias rehenim ustibus, non re, omnis rentur?
Volupta tectiorrunt ut idus nonseni maionsectem fugiaspis nonem doloreprat andam, et lamendunt ipsundiam, conseni milluptas sundis vitam, cus dolupti ommo
Sitiorrupta iunt. Occabo. Lupite nis aliquid que pere, sequist ruptatinc-
tem velluptias rehenim ustibus, non re, omnis rentur?
Volupta tectiorrunt ut idus nonseni maionsectem fugiaspis nonem
doloreprat andam, et lamendunt ipsundiam, conseni milluptas
sundis vitam, cus dolupti ommo
Sitiorrupta iunt. Occabo. Lupite nis aliquid que pere, sequist ruptatinc-tem velluptias rehenim ustibus, non
re, omnis rentur?
Volupta tectiorrunt ut idus nonseni maionsectem fugiaspis nonem
doloreprat andam, et lamendunt ipsundiam, conseni milluptas
sundis vitam, cus dolupti ommo
Sitiorrupta iunt. Occabo. Lupite nis aliquid que pere, sequist ruptatinc-tem velluptias rehenim ustibus, non re, omnis rentur?
Volupta tectiorrunt ut idus nonse-ni maionsectem fugiaspis nonem doloreprat andam, et lamendunt ipsundiam, conseni milluptas sun-dis vitam, cus dolupti ommo con-
Justificado a la izquierda
Justificado centrado
Justificado a la derecha
Justificado en bloque
Esto es sólo lo básico a considerar para comenzar a desarrollar una
composición tipográfica. Es importante que el diseñador explore
las posibilidades que existen al combinar distintas alineaciones.
Tipografía
22
4.
Mrs. Eaves Type Specimen. Ellen Lupton.
Diseño de la información · agosto - diciembre 2013
23
JERARQUIZACIÓN TIPOGRÁFICA
Tipografía
24
Varia
bles
vis
uale
s La variación en el tamaño de un texto es una las formas más comunes de generar diferenciación entre los distintos niveles de información que compone un mensaje, pero no es la única variación de la que podemos hacer uso. Podemos contemplar otras variaciones como el estilo, el ancho, la inclinación y el peso, entre otras. A continuación explicaremos un poco más estas variantes.
Hay que recordar nuevamente que no hay que intentar forzar ninguna variación, ya que estaríamos alte-rando propiedades que el diseñador tipográfico ha tomado en cuenta al momento de crear una fuente. Si no contiene la variante, no está permiti-do “emularla”. Programas como InDe-sign te permiten realizar este tipo de modificaciones, pero ésta es una práctica que no está permitida si he-mos de tomar la tipografía en serio. Es por eso que el valor de las fuentes que incluyen un mayor número de variantes aumenta. De ahí también la importancia de seleccionar una bue-na tipografía para el desarrollo de un proyecto. Si hemos de ocupar una fuente con alguna variante, debemos considerarlo desde el principio.
Diseño de la información · agosto - diciembre 2013
25
TamañoEl tamaño se refiere a la variación en
las dimensiones de los caracteres, sin afectar su proporción. La diferencia
en tamaños genera contraste, y jerarquiza el contenido. Colocar todo
el texto grande por querer intentar dar importancia a todo el contenido
es una mala práctica. Para que el mensaje sea claro, debe haber una clara diferencia entre los distintos
niveles de información.
EstiloEl estilo tiene que ver con la clasi-ficación tipográfica y contempla variaciones como el uso de patines, la terminación de las formas, y otras características que ya hemos visto anteriormente; aunque hay que tomar en cuenta que existen familias tipográficas que incluyen distintos estilos, de modo que podemos encontrar una variante serif y sans serif dentro de una misma familia ti-pográfica, o alguna que incluya tanto el estilo Gótico como el Transicional.
El tamaño sí importa y mucho, porque te ayuda
a jerarquizar
la información.
Las serif suelen verse
más formales que las
sans serif.
Tipografía
26
AnchoEl ancho se refiere al espacio
horizontal que ocupa el caracter. Si trazáramos un rectángulo al filo de
sus ejes, formaríamos una caja. Esto es más evidente cuando el texto se
encuentra en altas, ya que sus formas tienden a ser más rectangulares. Al variar la caja, el cuerpo del carácter
puede volverse muy ancho o muy angosto. Estas variaciones pueden
tener nombres como Condensed (en el caso de las formas angostas) o
Extended (en el caso de las formas anchas), aunque pueden existir varia-
ciones intermedias.
PesoEl peso se refiere a la variación en el grosor de las formas de los caracteres (su esqueleto por así decirlo), y éste puede ir desde muy delgado hasta muy grueso. Estas variaciones las conocemos normalmente como light (en el caso de las formas delgadas) y Bold (en el caso de las formas gruesas), aunque pueden existir variaciones intermedias.
Myriad Pro incluye una variación CONDENSADA, útil para colocar una gran cantidad de texto en espacios reducidos.
Helvetica Neue incluye
variaciones desde muy
delgadas hasta muy gruesas.
Diseño de la información · agosto - diciembre 2013
27
InclinaciónLa inclinación se refiere al ángulo
al que obedecen las formas de los caracteres. El estado normal de las
formas verticales de una tipogra-fía se encuentra generalmente a
90 grados; cuando este ángulo se mueve ligeramente a la derecha,
estamos variando su inclinación. Esta inclinación de las formas se conoce
normalmente como itálicas.
La inclinación nos puede ayudar a enfatizar palabras dentro de un mensaje.
Tipografía
28
Estructura del espacioPara lograr una relación entre el formato y el texto, es necesario tomar en cuenta la estructura de sus elementos y el espacio que ocupan. La variación en el espacio que ocu-pan los elementos nos permite lograr distintos resultados. Los espacios en blanco ocupan una gran importancia en el acomodo del texto. Agre-guemos a la receta otras variantes como el tamaño, el peso y el estilo, y nuestras opciones aumentan.
Diseño de la información · agosto - diciembre 2013
29
El contenido debe ser
acomodado tomando en
cuenta el espacio. Fondo
y forma conviven para dar
sentido a la composición.
Tipografía
30
coffee typography stain background. Kate Pru.
5.
Diseño de la información · agosto - diciembre 2013
31
EXPRESIÓN TIPOGRÁFICA
Tipografía
32
Legibilidad / leibilidadLa legibilidad y la leibilidad son con-ceptos que se encuentran estrecha-mente ligados, y a veces suelen ser confundidos como sinónimos.
La legibilidad se refiere a la claridad con la que se perciben los caracteres en un texto, tomando en cuenta su forma, su tamaño, entre otros.
La leibilidad se refiere a la capacidad de lectura de un texto. Mientras que la legibilidad se centra en las formas de los caracteres, la leibilidad toma en cuenta todos los aspectos que involucran una composición: el formato, el tamaño de la caja de texto, la interlínea, los espacios en blanco, etc.
El contenido es un factor
determinante en la elección
de las características visuales
de la fuente que deseamos
utilizar. Una tipografía muy
grande para textos muy
extensos puede cansar la vista
del lector rápidamente.
Aunque el texto tiene un buen tamaño y la diferencia entre caracteres es evidente, puede ser difícil de leer debido a su interlineado tan ajustado.
La lectura de este texto es más cómoda, pero su tamaño no es óptimo para textos extensos.
Diseño de la información · agosto - diciembre 2013
33
El propósito de un texto es ser
leído, no solamente verse bien.
Mientras que la legibilidad
se preocupa por que los
caracteres tipográficos se vean
bien, la leibilidad buscará que
el texto pueda leerse y que el
público al que está destinado
comprenda el mensaje.
De modo que un texto puede ser legible pero no leíble, es decir, que el texto comprendido como un elemento visual en su conjunto (la mancha tipográfica) puede poseer características que consideramos visualmente atractivas y armónicas, pero su lectura puede complicarse. Quizás el texto es muy pequeño, quizás el interlineado es muy cerrado, quizá la fuente es muy pesada. Para que un texto sea leíble, debemos tomar en cuenta todos los elementos que toman parte dentro de una composición.
Esta fuente puede funcionar en títulos pero es mejor utilizar fuentes con líneas más delgadas para textos corridos y pies de foto.
34
Tipografía
Pertinencia al contenido del textoPara poder definir la legibilidad y leibilidad en un texto, debemos tomar en cuenta el contenido, así como su propósito y a qué público está dirigido. En el caso del público, por ejemplo, si sabemos que está conformado por personas mayores de 60 años, es pertinente utilizar un tamaño de fuente que no sea muy pequeño para asegurar una lectura cómoda.
En cuanto al propósito del texto, éste se encuentra principalmente definido por su estructura jerár-quica. El color es un elemento muy importante como herramienta de jerarquización, el contraste entre fondo y forma debe ser plenamente
identificable. Por ejemplo, en un pie de foto o una nota, donde la canti-dad de texto es considerablemente menor, podemos considerar el tener un tamaño de texto pequeño, una caja tipográfica reducida, con una variante en itálicas. Si utilizáramos las mismas características para un texto de mayor extensión, es probable que encontremos su lectura un tanto complicada. Cada uno de los elemen-tos debe estar definido conforme al mensaje que espera contener, y es tarea del diseñador el definir los distintos niveles de información que han de ocuparse en un proyecto editorial y qué variantes visuales son las pertinentes para lograr una comunicación efectiva.
35
Diseño de la información · agosto - diciembre 2013
En este ejemplo, el título
ocupa un lugar importante
y el contenido está colocado
tomando en cuenta el espacio
y la cantidad de texto.
Tipografía
36
OrtotipografíaAdemás de los caracteres que com-ponen el alfabeto, existen caracteres que no son letras y que nos sirven para dar estructura al mensaje escrito. Elementos como el punto, la coma, el acento y la diéresis, son signos ortográficos nos permiten de-finir pausas, el énfasis en las palabras, la partición de sílabas, entre otros aspectos. Estos elementos son tan importantes como el texto mismo, y deben ser tomados en cuenta dentro de la composición.
La corrección de los textos es un paso importante en la elaboración de un producto editorial, es por ello que se hace uso de los signos de corrección para revisar y corregir el contenido. Estas revisiones son llamadas galeras de corrección, en donde se hace la impresión preli-minar en blanco y negro y se hacen las anotaciones pertinentes. Una buena editorial no realiza más de tres galeras de corrección.
Diseño de la información · agosto - diciembre 2013
37
Los signos de corrección
pueden variar dependiendo
del lenguaje y del tipo de
publicación. Los que vemos
aquí son una selección
general, que puede servirnos
como punto de partida.
espaciar
unir unir párrafos
punto y aparte
transposición
sangrar
eliminar la sangría
justificar
versales
versalitas
cursiva
negra
Nombre Signo
Tipografía
38
6.
Diseño de la información · agosto - diciembre 2013
39
ITC AVANT GARDE
Tipografía
40
AVA
NTG
ARDE AaBbCcDdEe
FfGgHhIiJjKkLl MmNnÑñOo
PpQqRrSsTtUu VvWwXxYyZz 0123456789
!¡¿?|@#¢∞¬÷ “$%&/()=;ç{}[]
Avant Garde está inspirada en el logo dise-ñado por Herb Lubalin para la revista del mis-
mo nombre, que fue publicada entre 1968 y 1971. La revista se caracterizaba por publicar temas sobre política, sexo y otros temas que
resultaban polémicos en su época.
41
Tipografía
42
Herb Lubalin 1918 - 1981
Diseño de la información · agosto - diciembre 2013
43
Fue en los años setenta que Herb Lubalin, en conjunto con su equipo que formaba parte de su firma, se dieron a la tarea de desarrollar la familia tipográfica. Se atribuyen el desarrollo de variantes a Tom Carnase, Edward Benguiat, André Gürtler, Erich Gschwind y Christian Menglet, com-pletando la familia tipográfica en 1977.
Avant Garde entra dentro de la clasificación de fuentes geométricas sans serif, Lo que significa que sus formas se perciben como figuras geométricas básicas, el grosor de su cuerpo es uniforme y sus líneas son angulares, aunque con terminacio-nes “rebanadas”.
El diseño original incluía un juego de carac-teres para encabezados y otro para texto corrido.Sin embargo, con la llegada de la era digital y la adaptación de las fuentes para su uso en omputadoras, sólamen-te fue publicada la versión para texto corrido y es la que puede encontrar-se en sitios como myfonts.com.
Con la publicación de la versión OpenType por parte de ITC, se agregaron 33 caracteres alter-nos y ligaduras.
44
Diseño de la información · agosto - diciembre 2013
45
Adidas es una de las compañías fabricantes de ropa deportiva más conocidas en el mundo. Sus orígenes se sitúan en 1924, pero no es hasta 1947 que se consolida. En la época de los 80’s, Adidas tuvo problemas para sostenerse. Como resultado de reactivar la marca, es que surgen los cambios en su logo, tomando Avant Garde como fuente institucional.
Meralco (Manila Electric Com-pany) es el distribuidor de energía eléctrica más grande en Filipinas. Fundado en 1985, es también el único distribuidor de energía para el Metro local. No se tiene fecha exacta de cuándo comenzó a utili-zar Avant Garde en su logotipo.
Tipografía
46
AaBbCcDdEeFfGgHhIiJjKkLlMmNnÑñOoPpQqRrSsTtUuVvWwX
AaBbCcDdEeFfGgHhIiJjKkLlMmNnÑñOoPpQqRrSsTtUuVvW
AaBbCcDdEeFfGgHhIiJjKkLlMmNnÑñOoPpQqRrSsTtUuVv
AaBbCcDdEeFfGgHhIiJjKkLlMmNnÑñOoPpQqRrSsTtUuV
AaBbCcDdEeFfGgHhIiJjKkLlMmNnÑñOoPpQqRrSsTtUu
AaBbCcDdEeFfGgHhIiJjKkLlMmNnÑñOoPpQqR
AaBbCcDdEeFfGgHhIiJjKkLlMmNnÑñOoPpQ
AaBbCcDdEeFfGgHhIiJjKkLlMmNnÑñOoPpQ
AaBbCcDdEeFfGgHhIiJjKkLlMmNnÑñOoPp
AaBbCcDdEeFfGgHhIiJjKkLlMmNnÑñOoPp
Extra Light Condensed
Book Condensed
Medium Condensed
Demi Condensed
Bold Condensed
Extra Light
Book
Medium
Demi
Bold
Diseño de la información · agosto - diciembre 2013
47
AaBbCcDdEeFfGgHhIiJjKkLlMmNnÑñOoPpQqRrSsTtUuVvWwX
AaBbCcDdEeFfGgHhIiJjKkLlMmNnÑñOoPpQqRrSsTtUuVvW
AaBbCcDdEeFfGgHhIiJjKkLlMmNnÑñOoPpQqRrSsTtUuVv
AaBbCcDdEeFfGgHhIiJjKkLlMmNnÑñOoPpQqRrSsTtUuV
AaBbCcDdEeFfGgHhIiJjKkLlMmNnÑñOoPpQqRrSsTtUu
AaBbCcDdEeFfGgHhIiJjKkLlMmNnÑñOoPpQqR
AaBbCcDdEeFfGgHhIiJjKkLlMmNnÑñOoPpQ
AaBbCcDdEeFfGgHhIiJjKkLlMmNnÑñOoPpQ
AaBbCcDdEeFfGgHhIiJjKkLlMmNnÑñOoPp
AaBbCcDdEeFfGgHhIiJjKkLlMmNnÑñOoPp
Extra Light Condensed Oblique
Book Condensed Oblique
Medium Condensed Oblique
Demi Condensed Oblique
Bold Condensed Oblique
Extra Light Oblique
Book Oblique
Medium Oblique
Demi Oblique
Bold Oblique
48
Tipografía
Esto es sólo una parte de lo que podemos explorar en el vasto mundo de la tipografía. Es un elemento que está inmerso en nuestra vida cotidiana, y mu-chas veces es fácil darlo por sentado. Hoy, cualquiera puede abrir un programa de procesamiento de texto y comenzar a trabajar con la tipografía. Pero el dominar el impacto visual que tiene es algo completamente distinto.
Estoy consciente de que hay una gran cantidad de errores a lo largo de esta publicación. Trabajar con la tipografía es algo bastante complejo, y hay que cumplir con fechas de entrega. Es aquí donde quizás pueda uno notar la des-treza de un diseñador; aquel que logra resolver composiciones complejas en poco tiempo, vale oro. Yo aún me encuentro en un proceso largo. Este primer semestre de la Maestría pone a prueba todas tus habilidades. Espero algún día lograr composiciones increíbles en poco tiempo. Ojalá hayas encontrado algo que te haya servido dentro de estas páginas. Si aún no lo has hecho, te reco-miendo revises las referencias que aquí se mencionan. Estoy seguro de que encontrarás contenidos de alta calidad que pondrán a trabajar de inmediato tu espíritu creativo.
Conclusión
Juan Pablo Granados Carmona
49
Diseño de la información · agosto - diciembre 2013
Letters. Markus Pfaff. Fuente: Shutterstock
Tipografía
50
Baines, Ph. Type & Typography. Tipografìa. Función, forma y diseño. México, 2002. Gustavo Gill.
Blackwell, L. Tipografía del siglo xx. México, 1998. Santillana.
Carter, Rob. Working with Type 5. México, 2001. MacGraw Hill.
De Buen, J, Manual de diseño editorial. México, 2003. Santillana.
de Groot, Luc(a)s. Familia tipográfica Thesis The Mix. 1994. http://www.fontshop.com/fontlist/super_families/thesis/
Halm, Justin. Avant Garde Type Specimen Poster. 2013. Behance. http://www.behance.net/gallery/Avant-Garde-Type-Specimen-Pos-
ter/9744147
Jacques, Andre. Design legends: Herb Lubalin. 2013. Culturoid. http://culturoid.com/2013/11/herb-lubalin/
Lubalin, Herb. ITC Avant Garde Gothic. 2000, MyFonts. http://www.myfonts.com/fonts/itc/avant-garde-gothic/
REFE
REN
CIA
S
Diseño de la información · agosto - diciembre 2013
51
White uppercase letter A isolated
on white. The Loupe Project.
Lupton, Ellen. Thinking with Type: A critical guide for Designers, Writers, Editors & Stu-dents. 2010. Princeton Architectural Press. http://www.thinkingwithtype.com/
Oitl, A. Tipografía. Barcelona, 2004. Gustavo Gili.
Samara, Timothy. Diseñar con y sin retícula. Barcelona, 2004. Gustavo Gili.
Unger, G. ¿Qué ocurre mientras lees? España, 2009. Campagràfic.
Varios autores. Meralco. Wikipedia. http://en.wikipedia.org/wiki/Meralco
Varios autores. Adidas. Wikipedia http://en.wikipedia.org/wiki/Adidas
Zavala, R. El libro y sus orillas. México, 1995. UNAM.
Esta breve bitácora contiene algunos de los temas vistos y ejercicios realizados en la materia de Tipografía, durante el primer semestre de la Maestría en Diseño de la Información, periodo agosto - diciembre 2013, en la Universidad Anáhuac México Norte, a cargo de la Mtra. Mónica Puigferrat. El propósito de este compendio de notas y ejercicios es el de servirte como referencia a ti, lector, para que conozcas un poco sobre el tema y encuentres una guía sobre lo que puedes llegar a vivir durante el primer semestre de esta Maestría.
La tipografía es un tema muy extenso que ha sido estudiado no sólo por diseñadores, sino por muchas otras personas involucra-das en el estudio de la comunicación humana, principalmente la escritura. Aunque la tipografía es un elemento primordial (por no decir indispensable) en las distintas disciplinas del diseño, es en el diseño editorial donde encontraremos una manera de estudiar este tema con mayor énfasis. Aprender a dominar el universo conceptual de la tipografía no es tarea fácil, pero es un reto que como diseñadores gráficos debemos tomar, aún cuando no estemos involucrados en el medio editorial. Espero que esta bitácora te sirva para contemplar las posibilidades que existen con el dominio de la tipografía.
Top Related