¡Bienvenido a la octava lección de nuestra «UniversiTTy»! Te recomendamos revisar los artículos anteriores antes de sumergirte en este.
En la última lección, hablamos sobre las compensaciones ópticas, las alturas de los caracteres en mayúscula y minúscula, y el concepto de contraste. Determinar todos los tamaños y pesos es, sin duda, una etapa crucial en el diseño tipográfico, pero sigue siendo preparatoria. En este artículo, por fin nos centraremos específicamente en el diseño de glifos.
Antonina Zhulkova, líder de diseño en TypeType, será quien te guíe en este proceso. Antonina lleva más de 5 años trabajando en el diseño tipográfico. Es autora conceptual y diseñadora principal de proyectos como TT Neoris, TT Ricordi Allegria, TT Globs e Ivi Sans Display. Además, ha participado en la creación de TT Fellows, TT Fors, TT Interphases Pro, TT Commons y muchas otras fuentes.
Diseñando caracteres en mayúsculas
Para comenzar, volvamos a analizar nuestras letras principales «Н», «О» y «А» para examinar sus proporciones y entender cómo influyen en otros caracteres. Así comprenderás por qué nos centramos en estas letras en la lección anterior.
Las proporciones de los glifos son una de las características clave de una fuente. Estas influyen en el diseño general de los caracteres, la calidad visual y los parámetros de legibilidad. Esto está relacionado con los diseños convencionales de las letras utilizados a nivel global, ya que nuestra percepción de los glifos depende en gran medida de su imagen «tradicional».
Por ejemplo, existen estudios sobre la legibilidad de la blackletter. Dichos estudios han demostrado que las personas expuestas a esta fuente como parte de su cultura no experimentan dificultades al leer textos en ella. En cambio, quienes provienen de contextos culturales y lingüísticos distintos suelen encontrarla mucho más difícil de leer.
No obstante, no temas desviarte de las proporciones visuales habituales. Modificar este parámetro puede convertirse en un recurso gráfico interesante para captar la atención. Lo fundamental es hacerlo de manera intencionada y bien pensada. Por ello, comenzaré explicando las proporciones desde los principios clásicos, centrándome principalmente en la Antiqua, la categoría tipográfica más antigua. La sans serif, un estilo históricamente más moderno, se basa en gran medida en las proporciones de la Antiqua, aunque introduce algunas transformaciones que también analizaremos.
Lógica principal del diseño de glifos y proporciones
El diseño tipográfico se basa en gran medida en la caligrafía y en diversos estilos de escritura manual, por lo que los ecos de este arte están siempre presentes en las conversaciones sobre tipografía.
Las proporciones estándar de la Antiqua tienen su origen en la caligrafía clásica. Toda la caligrafía europea se fundamenta en las mayúsculas cuadradas romanas. Este artículo no pretende profundizar en la historia de la caligrafía ni en sus principios, pero esta información es esencial para comprender el origen y la evolución de las formas de las letras. Si deseas aprender más sobre las mayúsculas cuadradas romanas y la historia de la caligrafía, te recomendamos los siguientes libros:
- Roman Lettering — L.C. Evetts
- The Art of Calligraphy — David Harris
- The Calligrapher’s Bible — David Harris
Solo abordaré los aspectos principales de las proporciones que surgieron a partir de las mayúsculas cuadradas romanas y que influyen en el carácter de la fuente. Así que este es el momento de volver a nuestros caracteres principales: «H», «O» y «A».
¿Por qué siempre me refiero a ellas? Una fuente puede visualizarse como un árbol o un paraguas, donde las letras están vinculadas por grupos de caracteres. Al diseñar cualquier glifo, es fundamental dividirlos en grupos y analizar constantemente cómo se conectan entre sí. Esta estructura puede representarse de la siguiente manera: cada grupo tiene «progenitores» —caracteres de referencia para los glifos verticales, redondeados y triangulares— y todas las demás letras están directamente asociadas con ellos o se encuentran en la frontera entre grupos.
Además, en la fase de dibujo, nos basamos tanto en la clasificación general como en diversos elementos gráficos específicos de la fuente, como la apertura, características estructurales similares (óvalos, línea de la cintura, terminales, etc.), proporciones o distintas rimas gráficas entre letras. Si comprendes la lógica de la división de caracteres en grupos (más adelante exploraremos diferentes ejemplos), podrás crear tus propios grupos según los objetivos de una fuente en particular.
Esta es una forma general de subdividir los caracteres. Más adelante, exploraremos cada grupo y explicaremos las razones detrás de esta clasificación. Pero esta lección comenzó con las mayúsculas cuadradas romanas. ¿Qué relación tienen con los grupos de caracteres?
La discusión sobre proporciones y grupos de caracteres está estrechamente ligada a esta tradición caligráfica, y ambos parámetros deben considerarse al diseñar glifos. Me centraré específicamente en las proporciones de las mayúsculas cuadradas romanas, ya que han tenido una gran influencia en el diseño tipográfico y representan un ejemplo de proporciones «clásicas».
Sin embargo, muchas fuentes se apartan de la lógica de las mayúsculas cuadradas romanas. Esto puede afectar las similitudes y diferencias en el ancho de los caracteres. Además, los grupos de letras con el mismo ancho pueden volverse más anchos o más estrechos en relación con el modelo clásico.
Desde una perspectiva conceptual, podemos dividir todas las letras mayúsculas del alfabeto latino en proporciones clásicas dentro de cuatro categorías, de la más ancha a la más estrecha. Estas categorías son similares a los grupos que obtenemos al clasificar los caracteres por su forma.
- El primer grupo, que incluye las letras más anchas, está formado por los caracteres redondeados («O», «C», «G», «Q», «D»), que pueden encajar dentro de un cuadrado. En este contexto, el cuadrado actúa como una unidad simbólica de ancho.
2. Otro grupo está compuesto por caracteres cuyo ancho es «ligeramente superior a un cuarto del tamaño del cuadrado». Estas letras son «A», «V», «W» y «M». Evidentemente, los anchos de «M» y «W» no son exactamente iguales a los de «A» y «V», pero desde el punto de vista tanto semántico como formal, pueden agruparse en una misma categoría.
3. El ancho de los caracteres del tercer grupo ocupa tres cuartos del cuadrado. Este grupo incluye las letras «H», «N», «U», «T», «X», «Y» y «Z».
4. El último grupo está compuesto por los caracteres más estrechos, cuyo ancho ocupa aproximadamente la mitad del cuadrado. Este grupo incluye las letras «B», «P», «E», «F», «R», «S», «L» y «K».
Esta división basada en el ancho sentó las bases del diseño de letras, y las fuentes modernas siguen en gran medida los principios establecidos entre los siglos I y V. Sin embargo, reitero que pertenecer a un grupo no significa que los caracteres tengan exactamente el mismo ancho, sino que comparten proporciones similares y una ubicación en el «eje de ancho», desde los más anchos hasta los más estrechos.
¿Qué más se debe considerar al trabajar con fuentes? Una de las categorías clave en el diseño tipográfico es la cantidad de espacio negativo dentro de los glifos. No profundizaremos en el espacio blanco exterior, pero el espacio interno es un aspecto fundamental en la etapa de dibujo. Nuestra percepción visual capta tanto el negro como el blanco dentro de los caracteres, por lo que es esencial tener esto en cuenta al diseñar todas las formas de letras y símbolos. Dado que la escritura en los sistemas europeos sigue una dirección de izquierda a derecha y de arriba hacia abajo, nuestros ojos están acostumbrados a leer las letras en diagonal, desde la esquina superior izquierda hasta la inferior derecha. Además, la segmentación horizontal dentro de una forma también influye en su percepción. Los caracteres abiertos en la parte superior y sin intersecciones parecen más anchos, por lo que, para lograr una uniformidad visual en los anchos de las letras, es necesario aplicar compensaciones. Por ejemplo, si comparamos las letras «A» y «V», veremos que la «V» casi siempre se diseña más estrecha para que sus proporciones se asemejen a las de la «A», que tiene menos espacio blanco en su interior.
Es posible dibujar los caracteres latinos básicos de manera intuitiva, sin conocer los fundamentos. Sin embargo, el conocimiento teórico mejora significativamente los resultados. Comprender las relaciones entre las proporciones de los caracteres permite transmitir con mayor precisión el concepto gráfico. Dado que ya identificamos la idea principal después de la fase de abocetado y determinamos las características de los glifos base («H», «O», «A»), propongo avanzar en el diseño de las demás letras mayúsculas, dividiéndolas en grupos y teniendo en cuenta las proporciones.
¿Cómo más podemos subdividir los caracteres? Nuestros grupos básicos pueden dividirse en subgrupos más pequeños para abordar el trabajo de manera más detallada. A continuación, se muestra un ejemplo de la división en grupos que utilizamos en TypeType para diseñar caracteres. A estos conjuntos añadimos nuestros glifos base para comparar los nuevos caracteres con las letras ya terminadas y así mantener la coherencia y el concepto general de la fuente (aunque no necesariamente pertenezcan a los grupos):
- «H», «A», «O» — trabajo con los caracteres base, sus proporciones, formas y la relación entre los principales tipos de letras.
- «A», «V», «W», «Y», «X», «Z», «H» — trabajo con caracteres triangulares, sus proporciones, relaciones y el peso de los trazos diagonales.
- «H», «M», «N», «V» — trabajo con caracteres verticales y diagonales, que deben diseñarse en referencia tanto a las formas verticales («H») como a las diagonales («V»).
- «O», «C», «G», «Q» — trabajo con caracteres redondeados y sus relaciones entre sí.
- «H», «D», «O» — trabajo con la letra «D», que es a la vez vertical y redondeada.
- «H», «B», «R», «P», «S», «O» — trabajo con caracteres que contienen panza o buche (bowl) y presentan formas más complejas. En esta secuencia, el sistema de anchos se organiza de mayor a menor entre las letras «B», «R», «P» y «S». La forma de la panza debe corresponder al carácter del redondeo en «O».
- «H», «B», «E», «F», «L», «T», «V» — trabajo con caracteres verticales que incluyen trazos horizontales y letras similares. «H» y «B» sirven como referencia para los caracteres de dos niveles «E» y «F», que a su vez funcionan como referencia para la letra «L». Aunque la letra «T» solo tiene trazos verticales y horizontales, la cantidad de espacio negativo en ella se asemeja más a los caracteres triangulares, por lo que también puede compararse con «V».
- «H», «R», «K», «X» — trabajo con elementos de glifos: las piernas de «R», «K» y «X» deben coincidir en forma y carácter.
- «H», «U», «J», «I», «O» — trabajo con la letra «U» y con «J», que es similar al lado derecho de «U».
- «C», «G», «S», «J» — trabajo con terminales y sus relaciones.
Todos los caracteres deben probarse en combinaciones como HH*glifo*HHOO*glifo*OO y otras similares, además de en composición tipográfica (en la siguiente sección hablaremos más sobre la prueba de diseño de glifos). Durante el proceso de dibujo, es fundamental avanzar paso a paso, desde las características generales hasta los detalles más específicos.
Los grupos de caracteres mencionados anteriormente son solo la punta del iceberg, ya que el diseño de cada glifo implica numerosos aspectos. Aquí nos centramos únicamente en el enfoque general del dibujo. Para obtener información más detallada, puedes consultar otras fuentes, como el libro «Designing Type».
Ahora, veamos cómo se reflejan las proporciones y los grupos de caracteres en fuentes terminadas. Comenzaremos con una tipografía con proporciones dinámicas, como Palatino, y luego analizaremos nuestros ejemplos de fuentes: una serif para texto y una sans serif para interfaces.
Proporciones en serif y sans serif
El diseño de fuentes está en constante evolución, al igual que las proporciones. Tanto las fuentes históricas como las modernas presentan anchos variados con proporciones que se han alejado significativamente de sus antecesores romanos. Existen dos características principales en las proporciones: dinámica y estática, y las proporciones de los glifos dentro de una fuente pueden situarse entre estos dos extremos.
Basándonos en una clasificación muy simplificada de las fuentes, tanto las serif como las sans serif pueden presentar ambas características, y en las fuentes display, las proporciones pueden variar aún más.
En las serif, las proporciones han ido transformándose gradualmente, alejándose del principio dinámico, lo que ha hecho que las letras sean cada vez más uniformes en sus proporciones. La sección de clasificación profundiza más en este aspecto. Aquí solo abordo los parámetros superficiales, que se ilustran mejor mediante ejemplos visuales.
Las sans serif también pueden tener fuentes tanto estáticas como dinámicas. Las diferencias en las proporciones son más comunes en las sans serif humanistas y geométricas, mientras que las neo-grotescas tienden a ser estáticas. En el artículo sobre clasificación, analizamos las fuentes más populares de estos tipos. Puedes revisarlas y analizar sus diferencias.
Es momento de volver a nuestros parámetros y explorar las diferentes opciones de ancho en los caracteres en mayúscula. Dado que la serif para texto y la sans serif para interfaz tienen proporciones muy similares, compararé una sans serif con proporciones dinámicas con la versión de texto de nuestra serif, que tiene proporciones estáticas.
También presta atención a los grupos de letras y a las diferencias en los detalles entre estas dos fuentes.
Al comparar estos dos tipos, podemos entender cómo trabajar con las proporciones y cómo varían en diferentes fuentes. Tener en cuenta las proporciones al diseñar letras ayudará a crear un producto bien pensado y calculado, por lo que recomiendo prestar especial atención a este aspecto. Lo que quiero añadir es que existen muchos tipos de fuentes con distintas características gráficas; intenta analizar cada caso específico en lugar de simplemente dibujar letras siguiendo patrones establecidos. Las reglas clásicas no siempre funcionan para tu idea, así que debes abordar cualquier solución de manera crítica.
La próxima lección estará dedicada al refinamiento detallado del contorno, ¡así que estate atento!
