1

Espaciado

Tipografía II

2

Espaciado

La tipografía constituye un sistema que, en su resolución, tiene en cuenta dos partes importantes en el diseño:

- La visible, en la que se considera el dibujo en sí. - La invisible, el espaciado que se genera entre las letras.

Además, se suman a este sistema los siguientes aspectos:

- La prosa: se considera prosa a la adición de espacios laterales que cada signo posee a la izquierda y a la derecha. El objetivo primordial es que el ritmo se perciba de manera armoniosa y predecible.

- Acoplamiento o kerning: constituye el ajuste inevitable que debe realizarse para que la prosa muestre un espaciamiento óptimo.

Figura 1: Acoplamiento

Fuente: [Imagen sin título sobre acoplamiento]. (s. f.). Recuperado de https://goo.gl/34JEcK

Constituye un trabajo singular, ya que le confiere un carácter fundamental al diseño y permite que la tipografía cumpla con su objetivo. Para algunos diseñadores, es tan importante el manejo del espacio como el diseño de los tipos, haciendo un paralelo con la música, el juego entre acordes y silencios en una partitura o el juego entre el yin y el yang. Es real que dibujar letras resulta un desafío más interesante y espaciar resulta un trabajo más tedioso; quizás, de ahí, las diferencias de opinión. Como conclusión de este debate y diferencias de posturas, el éxito del espaciado radica en su carácter de invisibilidad, es decir, en no llamar nunca la atención.

Gerrit Noordzij Es reconocido como un ilustre tipógrafo, diseñador gráfico, que desarrolló su actividad entre 1960 y 1990 fue profesor en la Royal Academy of Fine Arts, de Kabk. Se destacó por sus clases y teorías sobre la escritura, ya que han sido consideradas fundamentales para la tipografía del siglo XX. (1960 – 1990 Diseñador grafico, reconocido como ilustre tipógrafo debido al desarrollo de conceptos paradigmáticos sobre las teorías de la escritura aplicadas al ejercicio y el aprendizaje de la tipografía del XX en sus clases teorico prácticas en la Royal Academy of Fine Arts de Kabk.

3

Ajuste de la prosa Figura 2: Espacio entre palabras

Fuente: La interpalabra debe permitir la lectura cómoda del texto. Para ello tamaño de la misma se relaciona con las contraformas internas de los signos y con la interletra.

Este método aplica como referencia el enunciado de Walter Tracy y se basa en varios puntos desarrollados a continuación:

- Los caracteres de control ideales son los considerados como letras que poseen estructura similar a izquierda y derecha; en este aspecto, las elecciones más seguras corresponden a las letras n, N, O.

- El primer paso corresponde a colocarlas de manera alternada, para verificar si el espacio entre las curvas es similar al existente entre las rectas.

4

Figura 3: Espaciado entre curvas y rectas

Fuente: Elaboración propia”.

- Colocar una nueva letra en medio de los caracteres de control: el objetivo es verificar la alineación de los caracteres que no debe modificarse.

Figura 4: Nueva letra entre caracteres de control

Nnannoooaoo

Fuente: Elaboración propia

- El espaciamiento de una curva debe tener, en primer lugar, una relación con el carácter de control curvo; el espaciado de una parte recta debe tener relación con el carácter de control recto.

Figura 5: Espaciamiento de una curva

Oaoooaaaa aaaannnn

5

Fuente: Elaboración propia

- La prosa redonda no es útil para determinar la prosa de las cursivas;

en este caso, se debe volver a realizar el procedimiento. Figura 6: Fuente cursiva

aaaaaaoooooonnnnnnoananan

Fuente: Elaboración propia

- La fuente cursiva puede servir de referencia para el desarrollo de la

cursiva negrita.

Espaciado de los numerales

Cuando se definen la escala y la magnitud del desarrollo del trabajo, se determina si la fuente solo va a ir acompañada por un solo juego de numerales; esto es significativo a la hora de facilitar la composición de tablas.

Figura 7: Diseño de numerales y signos de puntuación

Fuente: Fernández, Ibarra, Romero y Vázquez, 10 de septiembre de 2012, https://goo.gl/UnfVS2

- Si todos los números comparten el mismo ancho, se generan espacios blancos en el texto corrido, ya que algunos, como el 1, poseen una morfología más estrecha y otros, como el 8, son más anchos.

6

Figura 8: Diseño de numerales y signos de puntuación

Fuente: Fernández, Ibarra, Romero y Vázquez, 10 de septiembre de 2012, ttps://goo.gl/UnfVS2

- Algunos tienen anchos compensados para mantener una armonía

en el texto corrido. - Existen números alineados y desalineados, lo que nos lleva a la

necesidad de crear cuatro juegos distintos. - También forman parte de esta categoría los números voladitos,

subíndices, numeradores, denominadores y números versalitas

Figura 9: Denominadores y numeradores

Fuente: Fernández, Ibarra, Romero y Vázquez, 10 de septiembre de 2012, ttps://goo.gl/UnfVS2

Fuente tipográfica digital La creación de una fuente digital requiere medidas especiales; este tipo de diseño se determina por unidades denominadas eme.

7

Figura 10: Tipo móvil. Medida eme

Fuente: Romero, 10 de enero de 2012, https://goo.gl/uD82PW

Figura 11: Definición de espacio eme

Fuente: Chauca y Huallpa, 2009, https://goo.gl/D7souF

El nombre de este sistema de medición hace referencia a la medida del bloque de metal móvil que contenía a una letra M, constituido por 12 puntos de ancho y que asignaba con esta referencia a la M de 12 puntos. Con base en esta relación, se considera a un bloque de imprimir vacío de la misma medida con ese ancho como espacio eme; este espacio dentro del campo digital puede dividirse en un número infinito de unidades. La tipografía digital presenta hoy los siguientes inconvenientes: Si el número de celdas en que se divide es muy grande, la grilla es muy fina y permite mayor precisión.

- Los nodos que queden determinados entre la grilla estarán sujetos a un proceso de ajuste del programa que los llevara automáticamente a la unidad más cercana.

- Las fuentes PostScript dividían el espacio eme en 1000 unidades. - Las fuentes TrueType, lo hacían en 2048.

8

- Para tener una referencia en los tipos con muchos detalles y características caligráficas, como podrían ser los tipos árabes, 2048 unidades son insuficientes.

Figura 12: Tipografía árabe

Fuente: Yasin, 2 de noviembre de 2015, https://goo.gl/EAnXLm

- Los tipos latinos poseen características morfológicas más sencillas y

simples; con 1000 unidades, a veces, alcanzamos un buen desarrollo e incluso nos sobran.

Figura 13: Tipografía latina

Fuente: Depositphotos Inc., 20 de junio de 2017, https://goo.gl/XddcXL

- Un problema a tener en cuenta es la acentuación de las mayúsculas. Esto requiere un tratamiento particular, los diacríticos colocados encima de las mayúsculas llegan más arriba de las ascendentes y esto genera colisiones con los descendentes de la línea anterior, cuando se compone un texto. Para estos casos en particular, se recomiendan dos soluciones: 1. Dibujar las tildes más horizontales que las letras de caja baja

para que no lleguen tan alto. 2. Reducir los elementos que llevan tilde, lo que genera confusión

en el usuario, ya que los percibe más pequeños.

9

Figura 14: Dibujar tildes

Fuente: Fernández, Ibarra, Romero y Vázquez, 10 de septiembre de 2012, ttps://goo.gl/UnfVS2

Acoplamiento Para verificar el acoplamiento, se debe partir de una lista de signos que deben ser tratados de manera especial; como resulta imposible analizar la totalidad de infinitas soluciones posibles, generalmente, se toma como referencia a las que tienen mayores posibilidades. El método de referencia desarrollado a continuación usó como modelo base de análisis es Kern King. En él, pueden observarse las resoluciones más problemáticas comunes, ya que se mezclan palabras de caja baja con otras con iniciales altas. La aplicación de Kern King se basa en la siguiente secuencia.

1. Primero, se requiere instalar la fuente en la computadora. 2. Componer el texto señalado en un programa de composición

editorial con el texto debidamente justificado a la izquierda. 3. Verificar, a continuación, que la prosa haya sido bien juzgada; si la

aparición de signo siempre genera el inconveniente o solo en algunas combinaciones.

4. Generar la muestra impresa con los problemas detectados. 5. Corregir esos pares en el programa de creación tipográfica. 6. Generar una nueva instalación de la fuente y repetir los pasos hasta

que la anomalía desaparezca.

10

La desventaja de la aplicación de este método es que no permite incluir caracteres acentuados ni otro diacrítico. El proceso de espaciar fuentes resulta tedioso, no es rápido y, si lo tomamos en detalle, resulta interminable. El límite de tiempo depende de la paciencia del diseñador y sus estándares de perfección. Figura 15: Definicion de diacritos y caracteres acentuados

Fuente: Fernández, Ibarra, Romero y Vázquez, 10 de septiembre de 2012, ttps://goo.gl/UnfVS2

11

Referencias Chauca y Huallpa. (2009). Tipografía de la técnica a la tecnología. Recuperado de https://es.slideshare.net/designmaster345/libro-de-diseo-tipogrfico Depositphotos Inc. (20 de junio de 2017). Estrecha sans serif font basado en caligrafía antigua de slavic. Latina minúsculas aisladas sobre fondo blanco. Vector de– ilustración de stock [Imagen]. Recuperado de https://sp.depositphotos.com/157545412/stock-illustration-narrow-sans-serif-font-based.html Fernández, N., Ibarra, P., Romero, M., Vázquez, S. (10 de septiembre de 2012). Mayúsculas, minúsculas, números y signos [Imagen]. Recuperado de http://www.oert.org/mayusculas-minusculas-numeros-y-signos/ Henestrosa, C., Meseguer, L. y Scaglione, J. (2015). Cómo crear tipografías. Del boceto a la pantalla (3.a ed.). pag 83 Madrid, ES: Tipo E. [Imagen sin título sobre Acoplamiento]. (s. f.). Recuperado de https://www.naturprint.com/wp-content/uploads/2016/05/kerning-tracking.jpg Kane, J. (2012). Letras, palabras, frases. En Autor, Manual de tipografía, (2.a ed., pp. 52-63). Barcelona, ES: Gustavo Gili. Romero, M. (10 de enero de 2012). Cuerpo tipográfico, unidades e instrumentos de medición [Imagen]. Recuperado de http://www.oert.org/cuerpo-tipografico-unidades-e-instrumentos-de-medicion/ Yasin, T [Nombre de usuario]. (2 de noviembre de 2015). How to use ConTEXt to typeset Arabic, and color diactrical marks? [Imagen]. Recuperado de https://tex.stackexchange.com/questions/276115/how-to-use-context-to-typeset-arabic-and-color-diactrical-marks Recuperado de