Tipografía – Sandra I B A by Sandra I B A

TIPOGRAfÍA proporción

visual

sensibilidad impresión

color

conceptos

contexto historia efecto impacto sentido criterio estética comunicación estilo ideas calidad contenido

identidad

tramas

conocimiento

formas

texturas

análisis

Perspectiva

funcion

Sandra Itzel Bustos Aguilar

trazos

personalidad

Sandra Bustos trabaja actualmente en una de las editoriales mas grandes de México; ingresó a ella recientemente luego de terminar su posgrado. Se tienen grandes espectativas de ella y se esperan excelentes resultados de su trabajo. Además de su labor dentro del diseño editorial trabaja como ilustradora freelance y en un futuro no muy lejano se le verá colaborando también en aspectos fotográficos.

TIPOGRAfĂ?A

Sandra Itzel Bustos Aguilar

© Sandra Itzel Bustos Aguilar, 2016 © Editorial UAM, 2016 ISBN: 342-2130-86-2 Todos los derechos reservados. No se permite la reproducción total o parcial de esta obra, ni su incorporación a un sistema informático. Impreso por Editorial UAM Primera edición, 2016 Avenida San Pablo Xalpa 180, Azcapotzalco, Reynosa Tamaulipas, 02200 Ciudad de México. Impreso en México – Printed in Mexico Tipografías utilizadas: Garamond y Edwardian Script

A Sandra Aguilar Pichardo, por ser madre, padre y amiga toda la vida.

Indice Introducción ........................................................................... 7 Capítulo 1. La pareja de baile ................................................ 9 El lenguaje .................................................................... 9 El peso .......................................................................... 10 El ancho ........................................................................ 10 La manera de decir las cosas .......................................... 11 La palabra en su entorno ............................................... 11 Su sentido del humor .................................................... 11 Su capacidad de sobresalir ............................................. 12 El idioma en que se habla .............................................. 12 Capítulo 2. Escogiendo tipografías ........................................ 13 Tipos de elección de tipos ............................................. 13 Capítulo 3. Optimización del espacio ................................... 17 Enfrentando el espacio .................................................. 18 La condensación y la compresión .................................. 29 La optimización de la contraforma ................................ 20 Conclusiones .......................................................................... 23 Fuentes de Consulta ............................................................... 25 Anexo ...................................................................................... 27 Maquetación (margen/retícula en comunnas) ............... 27 Cálculo tipográfico ........................................................ 31

Introducción Vida de Sandra Itzel Bustos Aguilar Sandra nació el 17 de febrero de 1996 en la Ciudad de México, México, donde vivió su infancia; más tarde se mudó junto con su familia -madre y hermanos- al Estado de México, en los límites del municipio de San Vicente Chicoloapan, casi llegando a Texcoco; a la edad de 18 años retornó a la Ciudad de México dónde vivió en casa de su abuela debido a la cercanía de la casa con las universidades que Sandra había seleccionado para estudiar. Al ser parte del enorme grupo de aspirantes rechazados, ingresó en la Universidad Tecmilenio, una universidad privada en donde inicio la Licenciatura en Diseño Gráfico y Animación, aprendió conceptos básicos de diseño y reafirmó su decisión por estudiar aquello que le llamó la atención al salir de la preparatoria. Sin embargo, a pesar de la buena educación que estaba recibiendo en esa institución no era lo que ella había escogido ni lo que quería para sí misma pues, al estar enfocada al área de animación, no le permitía experimentar tanto como quería en el basto mundo del diseño. Estuvo un año es ésta universidad y continuó sus estudios en la Universidad Autónoma Metropolitana, en la Unidad Azcapotzalco. Siendo tan amplio el mundo del diseño gráfico como lo es, escoger una rama de éste basto universo fue una tarea difícil… atravesar por las orillas de cada campo para saber qué era lo que más le llamaba la atención, con lo que se sentía más cómoda, qué generaba realmente felicidad al realizar una u otra tarea creativa la llevó poco a poco -y en su debido momento- al área del Diseño Editorial. Por temporadas le apasionó la Ilustración, tanto digital como tradicional; la Fotografía y los Medios Audiovisuales le llamaron mucho la atención, pero fue el Diseño Editorial lo que “me atrapó y lo que finalmente me llenó, por decirlo de alguna manera”, como la propia diseñadora comentó en alguna ocasión. “Todo el gran y grato recorrido de la Licenciatura en Diseño de la Comunicación Gráfica que fue llevado a cabo en la Universidad Autónoma Metropolitana, junto con todas las buenas experiencias adquiridas en esa gran casa de estudios marcaron mi vida y por consiguiente

la de mis allegados; agradezco a todos y cada uno de los profesores que impartieron clase y me llenaron de conocimientos y lecciones de vida; puedo decir que todo el aprendizaje adquirido de ustedes rinde frutos hoy en día en mí… y estoy segura de que no solo en mí, sino también en cientos, miles de contemporáneos míos”; estás palabras dadas por Sandra nos dicen no solo que disfruta aquella profesión que escogió sino que, como todos los estudiantes, está orgullosa de su alma mater.

Su obra En el 2016, durante su primer año en la UAM, Sandra Itzel Bustos Aguilar tuvo su primer enfrentamiento cara a cara con la Tipografía al cursar la UEA (Unidad de Enseñanza-Aprendizaje) “Diseño de Mensajes Gráficos I (Signos Tipográficos)” en dónde elaboró diversas propuestas que respondían a diferentes peticiones de carácter visual enfocándose únicamente en la tipografía, llegó a buenos resultados con ayuda y guía de su profesora; en alguna ocasión hicieron uso de un sitio web en el que se comparte información de gran atractivo y ayuda. Este blog es propiedad del reconocido diseñador gráfico y tipógrafo chileno, Juan Pablo de Gregorio. Este tipógrafo además de tener el blog del que yo comento -letritas- elaboró su versión en inglés -typies- para que su información llegara a más personas, entre otros; elabora las tipografías que él requiere, “para mí, es más fácil diseñar una fuente yo mismo que elegir una” dijo en una entrevista que dio para la ADG (Asociación de Diseñadores Gráficos) de Colombia. Este libro es una pequeña recopilación de artículos tomados del sitio web diseñado por Juan Pablo de Gregorio.

Es el lenguaje les dije. El lenguaje el que hace que una pareja sea perfecta. 2 personas iguales, con los mismos gustos, los mismos intereses y que tienen una vida exactamente igual, es una pareja aburrida, predecible. Y mientras más te acerques al promedio, más aburrido será encontrar pareja perfecta. En el fondo, la exquisita técnica de Gorosito, no tendría sentido si todos los jugadores fueran igual o similares a él. En ese sentido el pipo sale de su centro y se transforma en alguien excéntrico. Ahora, el Beto Acosta era un bruto con una fuerza bestial, prácticamente sin técnica, pero ni a patadas eras capaz de botarlo. Juntos encontraron un romance que los complementaba y que los convertía en una pareja tan perfecta como la luz y el volumen en la arquitectura.

Capítulo 1

La pareja de baile H

ace algún tiempo, junto a un par de amigos conversábamos acerca de la pareja perfecta. Lo interesante era que cada uno echaba mano a todo lo que tuviera a su alcance con tal de explicar mediante metáforas, cómo debía ser la pareja perfecta. Había un amigo que era músico que explicaba cómo instrumentos tan distintos como el bajo y la batería encontraban el romance tan perfecto, que sin exagerar, le daban sentido a la composición musical. Era según él, la base desde donde se construye la música. Es como el terreno donde edificarás tu casa, dijo el arquitecto. En la arquitectura hay un especial romance con la luz y los volúmenes. Es la luz la que baña de sentido a los volúmenes, y juntos crean un maravilloso juego. El jugador de futbol no pudo evitar referirse al tema y nos dio cátedra de la dupla perfecta, encontrando su máxima expresión en la pareja Gorosito-Acosta, la mezcla perfecta entre técnica y fuerza. Mientras todos discutían, mi borracha mente sólo volaba con helvéticas, bodonis, tipos geométricas y las ideas empezaban a calzar tan a la perfección.

“Los extremos encuentran juntos su equilibrio.” – Juan Pablo de Gregorio.

El lenguaje Al imaginar dos lenguajes tipográficos extremos, probablemente se nos venga a la mente el típico ejemplo de la tipografía bloque de piedra, versus la tipografía gestual, es decir, tipografías para cuerpo de texto y caligráficas, por ejemplo. La gente ya lo sabe, y funciona siempre. En realidad no siempre, pero de eso depende la maestría y experiencia del diseñador; de como maneje los elementos con los que trabaja y los da a entender al público.

El peso

La gracia de esta pareja es que no sólo nos están mostrando que a pesar de ser tan diferentes, juntas son la una para la otra, sino que también el aporte comunicacional pasa por la sensibilidad de su proxémica, tamaño, color, etcétera y se complementan, se crea una composición tipográfica agradable a la vista ya que se vuelve armónica.

Muchas parejas se han hecho famosas porque su combinación de peso suele ser graciosa, como lo son don Ramón y el señor Barriga. Cuando hablamos de compatibilidad tipográfica por pesos extremos, por lo general hablamos de compatibilidad segura, ya que son tipografías de la misma familia que comparten el mismo lenguaje, proporciones y legibilidad, pero tienen la sutileza de encontrar el equilibrio en su peso visual, y mientras la delgada quiere volar, la gorda le pone los pies en la tierra.

Img 1. Demostración de equilibrio en extremos en cuanto a peso tipográfico.

Esa es una de las compatibilidades de lenguaje fácil y el que todos conocen, pero ¿qué pasa cuando la letra no sólo comunica a través de su particular forma, sino que tiene además un extra que la hace particular, por ejemplo su carga histórica?. Por ejemplo, hace algunos días leía un artículo que hacía referencia al uso y abuso, prostitución y violación de trajan en los afiches de cine. Luego viene la pregunta, ¿cuánto cuesta sacarse de la cabeza la carga histórica de una tipografía?

Img 3. Ejemplificación de extremos en peso tipográfico.

El ancho Las proporciones de la letra siempre crearán una especie de unión que las hace ser bastante seductoras juntas. Una compatibilidad que sin lugar a dudas encanta y suele ser de buen gusto, ya que encuentran su equilibrio en su proporción. Extender y condensar, achatar y estirar. Y depende de cómo se ocupe, inclinar, y des-inclinar.

Img 2. Equilibrio entre dos tipografías con caracteristicas diferentes.

Img 4. Ejemplo de peso visual en tipografía.

La manera de decir las cosas Volvemos al referente que estamos acostumbrados a utilizar: el de la voz hablada. Y es que la pareja contradictoria, da la impresión de que siempre: el vozarrón y la voz angelical, la pronunciación perfecta y el candidato campesino, o el norteño y el sureño. Distintas velocidades, distintos tonos, distintas cargas, en realidad distintos todo, pero que al juntarse inexplicablemente funcionan de manera armónica. Ahora bien, no solo cuenta la tipogracía sino el lugar y la posición en la que colocamos las palabras.

Img 6. Uso de tipografía en contexto generanto ambiente armónico.

Img 7. Tipografía adaptada al contexto que corresponde. Img 5. Ejemplo de diferentes anchos representando un discurso hablado.

Su sentido del humor

La palabra en su entorno

La gente que diseña sus tipografías en que cada y una de las letras cuenta una historia distinta. Cada letra tiene detalles que la caracterizan y diferencian una a una, y sus formas tienen tanta identidad por si solas, que al usarlas en grupo se inhiben y se termina creando un tuiti fruti aleatorio de legibilidades y conceptos. No digo que esté mal, pero si al momento de usarse se hace incontrolable, es probable que no se pueda usar. La búsqueda debiese ser en trabajar con solamente un golpe conceptual, con mucha identidad, y buscar una pareja tipográfica que potencie lo que necesitamos destacar. En ese sentido, Don Ramón por

No sólo las tipografías pueden ser compatibles entre ellas. Sino que muchas veces, es importante saber que la elección tipográfica puede trabajar con el entorno con que habita. Por ejemplo, conceptualmente, es bastante básico jugar con ciertos lenguajes de peso o conceptuales, como por ejemplo hacer volar a una tipografía con forma de globitos. Pero ¿qué pasa si nos arrancamos de ese juego básico y hacemos volar una tipografía predestinada a hundirse, o bien, logramos crear un coqueto juego conceptual entre las características conceptuales de la letra y el contenido?

si solo no es tan divertido. Tiene su manera de ser que lo hace más o menos gracioso, pero al interactuar con el señor Barriga, doña Florinda y el profesor, es cuando se genera el impacto más poderoso. Lo mismo ocurre con las tipografías; por si solas cada una tiene lo suyo, son atractivas a la vista y complacen nuestras necesidades estéticas en cuanto a nuestra búsqueda de ciertas características, pero al unir dos tipografías que son la una para la otra se genera ese “¡boom!” que complementa nuestros texImg 10. Segundo ejemplo de la unión de dos tipografías generando un gran tractivo visual. Este método se usa mucho actualmente para la práctica de “lettering”.

El idioma en que se habla Img 8. Ejemplo de dos tipografías diferentes utilizadas en la misma palabra.

Muchos idiomas tienen particularidades en su escritura, y estas particularidades se pueden acentuar con una perfecta elección tipográfica. Esto me hace recordar los interesantes conceptos de Pancho Gálvez, en que buscaba con su tipografía elemental, desarrollar ciertas particularidades en el diseño de la letra, que la hacían ideal para usarse en un determinado idioma. Así experimentó mucho con los sonidos del español y el mapudungún, una hermosa lengua de un pueblo originario en Chile.

Su capacidad de sobresalir Hay tipografías que uno las ve, y se autojerarquizan solas. Porque tienen esa belleza que atrae inmediatamente al ojo. Saber utilizar este tipo de elementos al momento de hacer una elección tipográfica es fundamental para una comunicación gráfica eficiente.

Img 11. Ejemplo de jerarquización tipográfica.

Img 9. Impacto generado por dos tipografías.

ble hasta cierto punto, porque depende de la mano con la que se trabaje, ya que hay diseñadores que le ponen mucho estilo propio a sus diseños y dejan la tipografía un poco de lado y no se preocupan mucho por ella.

Capítulo 2 Escogiendo tipografías

Entonces, si estuviéramos trabajando en condiciones ideales, donde sólo nos debatimos a elegir entre las tipografías que tenemos, y todas funcionan correctamente (todas tienen “eñe”, “acentos”, y están bien espaciadas) ¿Cuál debiese ser nuestro principal criterio de elección?

asta el momento solo nos hemos dedicado a conocer las razones para hacer que las tipografías funcionen en un nivel óptimo, pero de sensibilidad, sólo pequeños esbozos; así que dedicaremos un poco de tiempo a ello.

Tipos de elección de tipos Existen varias maneras de elegir tipografías. Desde simples procesos preconcebidos que respetan estilos, hasta procesos muy complejos que involucran complejos raciocinios, sin embargo, el resultado y el objetivo siempre será el mismo: que se lea lo que quiero decir. Existen tipografías que nos trasladan a épocas específicas, nos crean sensaciones y nos evocan momentos. Algunas no expresan absolutamente nada, y otras hablan más de lo que pueden decir.

Img 12. Ejemplificación de elección de tipografía.

Muchos buenos diseñadores dicen que ser sensato y tener un buen juicio en la elección es un talento con el que se nace, y que no se educa. Sinceramente, creo que la elección de tipografías es algo perfectamente educable, pero claro, exige un importante conocimiento previo de las tipografías que puedes llegar a elegir. Y también es educa-

Img 13. Ejemplo de elección de dos tipografías.

Descubriremos cada uno de esos mundos para enfrentar; existen 3 formas que se suelen utilizar para llegar a la elección de una tipografía, partiremos con el más simple de todos; el método cerrado.

ta que su paleta tipográfica puede ir haciéndose cada día más y más pequeña, pero sin embargo, saben que fuera de su computador, está un mundo de trazos tipográficos esperando ansioso por ser utilizado, que evoluciona día a día, y se hace paradójicamente más rico en cantidad y calidad. Sin embargo, si no sabes lo que hay afuera, y tu paleta tipográfica es pequeña porque siempre lo ha sido, posiblemente se vea reflejado en tus diseños en forma de pobreza de ideas y sensibilidad a la forma. De todas maneras, creo que tener una pequeña paleta tipográfica, es una limitante absurda, mucho más aún cuando eres de los diseñadores que siempre está tratando de proponer. En fin, en este caso el criterio de elección tipográfico es caprichoso y muy personal. Por lo mismo no merece más análisis. Siempre ocupa las mismas.

1. El método cerrado Massimo Vignelli, en una entrevista para la revista Communication Arts, decía que para él y su oficina le bastaba con trabajar con sólo siete tipografías. Así como Massimo Vignelli existen muchos diseñadores que trabajan con muy pocos tipos de letras, hay distintos motivos por que lo hacen, algunos por mediocridad, y otros porque sienten la necesidad de responder al estilo que el cliente espera de ellos. La gente que trabaja con pocas tipografías, tiene muchas veces problemas al momento de diferenciar con claridad si lo que hacen es para una cadena de comida rápida, o un folleto para una financiera. Da lo mismo, para todo uso Arial o Times. De alguna manera, son diseñadores que están acostumbrados a forzar la dirección de arte para que todo funcione con las tipografías que estoy acostumbrado a trabajar. De esa manera, la expresión se logra mediante el correcto uso de pesos, tamaños, colores, tramas, texturas, etc. Existe gente con mucha trayectoria que le ha tomado toda una vida darse cuen-

2. El método directo El método de elección de tipografías directo, es el método más simple, rápido, predecible y básico. Lamentablemente el método en el que suele caer la gran mayoría de los diseñadores. Consiste en lo siguiente: Si necesitas una tipografía para escribir sombrero, buscas una que tenga forma de sombrero. Si necesitas una tipografía para escribir niño, buscas una que parezca que haya sido hecha

por un niño, y si necesitas escribir perro, buscas una hecha a partir de pisadas de este simpático animal.

Veamos un ejemplo que pueda ser analizado desde 2 perspectivas, es decir, desde dos métodos de elección de tipografía -éste método y el siguiente que enlistaremos- y notaran que siempre hay más de una solución en cualquier tipo de problema que se presente. Supongamos que debemos hacer un cartel relacionado con el turismo que diga: “China, una tierra hermosa”.

Img 14. Ejemplo de “X” tipografía, representa la palabra música con elementos musicales tales como instrumentos y partituras.

Es un método directo, porque a partir de la elección, no hay extracción alguna de conceptos asociados ni ideas complementarias. Es por lo general lo que esperaría ver el cliente (porque tampoco es capaz de ver más allá), y la manera fácil de hacer las cosas. Entonces, cuando nos damos cuenta que elegimos una tipografía con lunares dentro, porque los perros dálmata tienen lunares en su pelaje, debemos pensar internamente, “hey, estoy haciendo una relación 1 a 1, ¿eso está bien?”. Debemos recordar que el diseño de la tipografía es a la escritura, lo que el tono de voz es a la palabra hablada. (Lo que el interlineado y el interletraje es a la velocidad con que se habla, y la página escrita, puede llegar a ser una verdadera partitura, donde la elección tipográfica podría ser interpretada como la elección del instrumento). Según eso, para decir perro, no es necesario ladrarlo, sino que basta con decirlo adecuadamente.

Img 15. Ejemplo de “método directo”.

Parece extraño, pero es raro que de inmediato nos volquemos en búsqueda de una tipografía que “sea como” una caligráfica china. Es normal que sea lo primero que se nos venga a la cabeza, pero ¿nos hemos cuestionado alguna vez si es lo óptimo? ¿me quedaré con esa opción? A pesar de que el resultado, si el diseñador es hábil, pueda ser el convincente por temas de color y composición y estéticamente aprobado por el cliente, estamos dejando de lado un montón de interesantes ideas que tal vez debiesen ser tomadas en cuenta a la hora de elegir.

3. El método abstracto

Sin embargo, si trabajamos con un diseño de identidad (cómo el de china) tal vez debemos hacernos las preguntas en función del contenido de la forma de la letra: por qué un tipo de curvas me sirve o por qué no me sirve, por qué la versatilidad del grosores es fundamental a la hora de la elección para el diseño, cómo se presta para recibir todo tipo de combinación de colores, cómo se lee (la pregunta es cómo se lee, no si se lee o no), cuál es el concepto de su itálica, cuál es la o las letras que tienen detalles que la hacen diferente a las demás tipografías, etc.

Retomando el ejemplo anterior del cartel turístico de China, si nos detenemos un minuto a pensar y hacer un pequeño análisis de la legibilidad de la tipografía que estoy usando, posiblemente me de cuenta que estoy sacrificando casi por completo la forma de las letras, para forzarlas a algo que no están preparadas. Es decir, tienen demasiada personalidad, tiene demasiada idiosincrasia. Mejor, cambiemos identidad por legibilidad.

Entonces, en vez de hacer una elección casi a ciegas, hacemos una reflexión sobre el entorno que genera lo que necesitamos diseñar, en este caso, el cartel de China. ¿Qué colores tiene china?, ¿cómo pudo entender que no necesito hacerme pasar por chino para hablar de china?. Lo que necesito, no es plasmar la cultura china en un papel, sino que basta con un acercamiento. Y si ese acercamiento no me lo da completamente la tipografía, tal vez sea buenodiseñar un gag que haga que todo funcione perfecto. En fin, crear un clima de ambiente chino, rescatando su esencia, es a veces mejor que hacerse pasar por chino.

Img 16. Ejemplo de “método abstracto”

Cuando uno escoge con precisión un tipo de letra, acude por lo general a conceptos indirectos, y esto es muy importante para el diseño, porque si lo que estamos trabajando es un diseño funcional (un diario, una guía de teléfonos), las preguntas tenderán a lo siguiente: por qué me sirve determinada condensación, cuál es el grosor de letra que necesito, cómo deben ser las contraformas (abiertas, cerradas), de qué estilo debe ser la letra, cuál es la inclinación, cómo son sus proporciones, cómo está compuesta su familia.

Entonces, aparte de saber escoger tipografías útiles, es muy necesario no sólo estar al tanto de todo lo que va saliendo al mercado día a día, sino que también es muy importante tener un conocimiento general de formas de tipos de letra y saber manejarlo de acuerdo a la situación.

Capitulo 3 Opcitmización del espacio Img. 18. Ejemplo de variación de un texto, parte 1.

menudo, como diseñadores nos toca luchar contra factores ineludibles en el diseño, como el exceso de información en la página: muchas fotos, muchos textos, y mucho todo. Si nos decidimos a enfrentar el problema, nos daremos cuenta que podemos flexibilizar un poco con las fotografías, que de algunas podemos extraer detalles, o bien pensar un diseño para que algunas puedan ir más chicas.

Img. 19. Ejemplo de variación de un texto, parte 2.

Img 17. Ejemplo de uso de espacio con la letra “a”

Con los textos no puedes hacer lo mismo. No puedes decir este párrafo no me cabe, no va; o va más chico.

Img. 20. Ejemplo de variación de un texto, parte 3.

1. Diseñando el espacio vertical.

Tipográficamente existen maneras de diseñar para optimizar el espacio mediante la diagramación, pero muchas veces estos trucos atentan directamente en contra de la legibilidad, y eso no está bien, pues es de los puntos más importantes que debemos cuidar.

Las tipografías, tal cual las conocemos no tienen un tamaño estándar, por lo que es ingenuo pensar que funcionan bien o mal a determinado tamaño en puntos y con determinado interlineado. Sin embargo, existen maneras de compararlas: igualando los cuerpos de la letra.

Pues bien, ¿Existirán tipografías pensadas para optimizar espacio?, ¿se puede optimizar espacio en una tipografía?. Claro que se puede, y este es uno de los secretos mejor guardados de los directores de arte de diarios y periódicos. Imagínense un artículo que economice 2 o 3 líneas por columna, ante un mismo texto. Podríamos poner perfectamente un aviso, sin alterar el contenido del artículo. Ahora, el valor de dicho aviso, multiplíquenlo por la cantidad de páginas del diario.

Img 21. Señalización de diferencia de cuerpos.

En el ejemplo podemos apreciar, que igualando las alturas de las tipografías, una nos pareciera que fuera más grande, pero no es así, ya que en una las proporciones fueron alteradas con un propósito particular: ahorrar.

Y es cierto, con solo cambiar la tipografía de un diario podemos ahorrar muchos millones por edición.

Enfrentando el espacio Existen 2 espacios que podemos modificar en una tipografía: el vertical, y el horizontal. El espacio vertical es el espacio que va desde la línea de las descendentes, hasta la línea de las ascendentes, y es conocido como el cuerpo de la letra.

Img 22 Ejemplificación de proporción.

Si tomamos las 26 letras minúsculas (de la a a la z, sin contar la ñ), nos daremos cuenta que el 75% de la información de la letra se concentra entre la línea de base y la altura de la x. Mientras que solo el 25% sobrante se lo reparten entre ascendentes y descendentes.

El espacio horizontal en cambio, es un espacio variable que corresponde al ancho de la letra.

2. El espacio horizontal

De acuerdo a estas estadísticas, ¿es necesario usar en textos extensos, tipografías con largas ascendentes y descendentes, sabiendo que no aportan la información que nos otorga la faja central?

Existen 3 maneras de hacer que una letra sea más angosta con el fin de ocupar menos espacio hacia el lado: lo primero es la condensación, la compresión y por último la optimización de contraforma.

La condensación y la compresión Ambos casos, revisados anteriormente, nos plantean una alternativa para solucionar el problema del ancho de letra y así poder hacer caber más texto. Sabemos que existen tipografías diseñadas especialmente más angostas que otras, con el fin de no condensarlas a la mala, porque también sabemos que eso puede traer desagradables efectos.

Img 23. Muestra de tipografía con proporciones modificadas

Este es el primer criterio utilizado por los diseñadores de fuentes de diario. Los directores de arte saben que igualando las fajas centrales de dos tipografías de texto, pueden bajar el tamaño de la letra de 12,3 a 10 puntos (el ejemplo) aparentando dejarla del mismo porte.

Si bien las tipografías condensadas y comprimidas tienen su diseño pensado para optimizar el espacio, ¿es correcto utilizar este tipo de soluciones en lecturas extensas?, ¿la compresión de la letra tiene algún tipo de repercusión directa el la comprensibilidad de los textos?

El resto del diseño, lo podemos lograr ajustando la interlínea y haciendo mediciones con diversos textos. Debemos considerar eso si, que habrán factores que influyen en la limpieza del espacio entre líneas, como los acentos de las mayúsculas, que por lo general sobrepasan la altura de las descendentes. Debido a este problema (y algunos otros de legibilidad), se está optando cada vez más por achicar la altura de las mayúsculas como hemos mostrado anteriormente con el propósito de optimizar.

Img 24. Tipografía comprimida

Por experiencia, podemos decir que las tipografías de proporción “redonda” funcionan mejor en textos. Esto es debido a que cuando la tipografía está comprimida, no solo su forma se angosta, sino que además su contraforma y su espaciado, reduciendo una gran cantidad de información a pequeños espacios. Esto provoca que los saltos sacádicos sean mucho más cortos, y la velocidad de lectura disminuya junto con la comprensibilidad, como lo veremos en el siguiente ejemplo:

Img 25. Ejemplificación parte 1.

Las tipografías de lectura tienen un rango de apertura y tamaño de la contraforma, que las hace únicas y fácilmente reconocibles de las demás. Sin embargo, este pequeño “rango” puede ser variable, ya que podemos alterar el trazo de la letra para optimizar su contraforma.

Img 26. Ejemplificación parte 2.

En el ejemplo, la “n roja” tiene una contraforma interna curva. En la versión naranja, la curva se transforma en un ángulo. Mientras que en la versión verde la unión de trazos es casi horizontal.

Img 21. Tipografía redonda vs comprimida.

La optimización de la contraforma

Si hiciéramos una comparación entre las 3 “enes”, posiblemente las encontremos muy similares, sin embargo el ahorro de espacio es evidente.

Cuando Gerard Unger visitó a Chile hace ya bastante tiempo y propuso su sistema de optimización de contraforma, los tipógrafos miraban -y admiraban- las diapositivas con un brillo especial de ojos. No era para menos, ya que cada 5 minutos enfrentábamos un nuevo y atractivo contenido.

Y nuevamente, si ese ahorro lo multiplicamos por 50 letras, que es más o menos el ancho de columna correcto, lograremos ahorrarnos tal vez uno, dos o hasta tres caracteres., tal vez no sea demasiado para una línea, pero multiplicado por las 50 que pueden contener un bloque, pueden disminuir bastante el espacio.

Su sistema hablaba de la expansión de la contraforma como la manera correcta de compresión de la letra.

abcdefghijklm nñopqrstuvwxyz ABCDEF GHIJKLM NÑOPQRSTU VWXYZ 1234567890 img 27. Fuente “Edwardian Script” utilizada para títulos y subtítulos de esta publicación en 42 y 38 pts.

abcdefghijklm nñopqrstuvwxyz ABCDEF GHIJKLM NÑOPQRSTU VWXYZ 1234567890 Img 28. Fuente Garamond, tipografía utilizada en el cuerpo de texto de la publicación en 12 y 14 pts.

Conclusiones “La tipografía es un arte y una ciencia. Estudia las caracteristicas de las letras y los elementos relacionados con ellas, mediante diferentes técnicas las plasma sobre papel con ayuda de mecanismos y tintas.” esa fue la definición que plasmé en mi primer proyecto/tarea/cartel en la UEA (Unidad de Enseñanza-Aprendizaje) de Diseño de Mensajes Gráficos I, Signos Tipográficos y aún la considero de esa manera.

formas tipográficas no es solo cuestión de que se vea “bonito” o no, se trata de seguir un sistema y que ese sistema sea estéticamente “bello”, teniendo en cuenta diversos elementos como el número de carateres, número de hojas, puntajes, estilos de las fuente, gráficos en los documentos; todo se complementaentre si y la combinación del elemento artistico y el carácter científico es lo que le da vida al Diseño Editorial.

Después de haber trabajado durante tanto tiempo en compañía de las letras y las innumerables tipografías existentes ya en el mundo reafirmo el carácter artístico de ésta disciplina. Yo nunca he creado una tipografía, ni tengo la intención de hacerlo en un futuro, sin embargo trabajar con las

Así como yo lo viví desde mi tercer trimestre en la universidad estoy segura que muchos aspirantes, estudiantes y colegas mantienen en equilibrio estos dos aspectos de la tipografía siguiendo las “reglas” del juego y haciendo lo que todos llamamos “Buen Diseño”.

Fuentes de Consulta ADG Colombia. (noviembre 11, 2010). Entrevista a Juan Pablo de Gregorio. de Asociación de Diseñadores Gráficos de Colombia Sitio web: http://www.adgcolombia.org/archivo/entrevistas/entrevista-a-juan-pablo-de-gregorio Consultado en agosto, 2016 De Gregorio, Juan Pablo. (junio 3, 2008). Escogiendo tipografías Sitio web: http://letritas.info/escogiendo-tipografias Consultado en agosto, 2016 De Gregorio, Juan Pablo. (enero 7, 2007). Tipografía con personalidad Sitio web: http://letritas.info/tipografia-con-personalidad Consultado en agosto, 2016 De Gregorio, Juan Pablo. (octubre 12, 2015). La pareja de baile Sitio web: http://letritas.info/la-pareja-de-baile Consultado en agosto, 2016

X X= 2cm

2X X=2 cm 2X= 4 cm

Cálculo Tipográfico Adobe Garamond Pro 12 pts El término fotografía procede del griego xxx (raíz xxx- , phōs, «luz»), y xxxxx (raíz xxxx-, graf, «rayar, dibujar, escribir»), que, en conjunto, significa «escribir/grabar con la luz». Antes de que el término fotografía se utilizara, se conocía como daguerrotipia, ya que el descubrimiento fue hecho público por Louis Daguerre, aunque parte de su desarrollo se debió a experiencias previas inéditas de Joseph-Nicéphore Niépce. 288 cc/5 = 57.6 cc promedio. 22Q FT= 22Q ¬– 58 1Q – 2.5 FT= 2.5 LCA= 27/2.5 = 10.8Q O= (10.8) (1.5) = 16.2 Q Máx O= (16.2) (1.5) = 24.3Q Min O= (16.2) (.75) = 12.15Q

16.2 Q = 6.885 cm

55 cc 59 cc 60 cc 58 cc 56 cc 288 cc

Este libro terminĂł de imprimirse en septiembre de 2016 en Hiper Lumen Montevideo Poniente 140 No. 394, DelegaciĂłn Gustavo A.Madero, Col. Industrial Vallejo, 07720 Ciudad de MĂŠxico, D.F.

2 aĂąos despuĂŠs de graduarse de la universidad Sandra Bustos Decide escribir este libro con la intenciĂłn de acercar a alumnos y personas interesadas en tipografĂa a este mundo lleno de letras; lo hace con un lenguaje sencillo, el mensaje de cada capitulo es claro y conciso, ideal para principiantes.