{"id":29442,"date":"2024-04-11T15:04:17","date_gmt":"2024-04-11T12:04:17","guid":{"rendered":"https:\/\/typetype.org\/es\/?p=29442"},"modified":"2026-02-03T08:59:46","modified_gmt":"2026-02-03T05:59:46","slug":"universitty-lesson-7-designing-basic-latin-characters-glyph-height-contrast-optical-sizes","status":"publish","type":"post","link":"https:\/\/typetype.org\/es\/blog\/universitty-lesson-7-designing-basic-latin-characters-glyph-height-contrast-optical-sizes\/","title":{"rendered":"UniversiTTy: Lecci\u00f3n 7. Dise\u00f1o de caracteres latinos b\u00e1sicos. Altura de glifos, contraste, tama\u00f1os \u00f3pticos"},"content":{"rendered":"\n
\"\"<\/figure>\n\n\n\n

\u00a1Bienvenido a la s\u00e9ptima lecci\u00f3n de nuestra \u00abUniversiTTy\u00bb! Este art\u00edculo contin\u00faa nuestra fascinante exploraci\u00f3n del proceso de creaci\u00f3n de fuentes. Te recomendamos revisar los art\u00edculos anteriores de la serie antes de sumergirte en este.<\/em><\/em><\/p>\n\n\n\n

Hoy seguiremos hablando de las compensaciones \u00f3pticas, descubriremos c\u00f3mo determinar las alturas de los caracteres en may\u00fasculas y min\u00fasculas, y profundizaremos en la esencia del contraste. Antonina Zhulkova, l\u00edder de dise\u00f1o en TypeType, te explicar\u00e1 todos estos procesos.<\/em> Antonina lleva m\u00e1s de 5 a\u00f1os trabajando en el dise\u00f1o tipogr\u00e1fico. Es autora conceptual y dise\u00f1adora principal de proyectos como TT Neoris, TT Ricordi Allegria, TT Globs e Ivi Sans Display. Adem\u00e1s, ha participado en la creaci\u00f3n de TT Fellows, TT Fors, TT Interphases Pro, TT Commons y muchas otras fuentes.<\/em><\/p>\n\n\n\n

Compensaciones \u00f3pticas: Peso y altura de los caracteres<\/h2>\n\n\n\n

En el art\u00edculo anterior, nos centramos en que los trazos diagonales de los caracteres triangulares deben ser un poco m\u00e1s delgados que el grosor del asta principal de la letra H <\/strong>y en que cada letra debe colocarse junto a las dem\u00e1s para realizar pruebas. Casi todos los caracteres triangulares con trazos diagonales tienen puntos de intersecci\u00f3n donde estos se cruzan, lo que siempre da la impresi\u00f3n de mayor grosor (esto tambi\u00e9n ocurre en letras como B<\/strong>, M<\/strong>, N<\/strong>, R<\/strong>, etc.). Por ello, es necesario equilibrarlos reduciendo el peso de los trazos en la zona de intersecci\u00f3n.<\/p>\n\n\n\n

Otro aspecto fundamental a tener en cuenta es la diferencia visual en la percepci\u00f3n de los trazos ascendentes y descendentes. Los trazos ascendentes son l\u00edneas diagonales que siguen un flujo l\u00f3gico de abajo hacia arriba (por ejemplo, el trazo izquierdo de la letra A), mientras que los trazos descendentes siguen la l\u00f3gica opuesta y van de arriba hacia abajo (como el trazo derecho de la letra A). Para los dise\u00f1adores de fuentes principiantes, puede resultar complicado recordar a qu\u00e9 tipo (ascendente o descendente) pertenece cada trazo diagonal. Mi consejo es dibujar la letra en un papel con cualquier herramienta: el movimiento natural de la mano te indicar\u00e1 c\u00f3mo deben progresar los trazos.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Los trazos ascendentes parecen m\u00e1s pesados (gruesos) debido a su movimiento ascendente, que visualmente atrae m\u00e1s la atenci\u00f3n. Esto se debe a que leemos de izquierda a derecha, y las l\u00edneas que se mueven en direcci\u00f3n opuesta captan m\u00e1s nuestra mirada. Por esta raz\u00f3n, en las sans serif, donde el contraste no es tan pronunciado, los trazos descendentes siempre se dise\u00f1an ligeramente m\u00e1s gruesos que los ascendentes. En las tipograf\u00edas con serifas, la diferencia de peso entre los trazos ascendentes y descendentes es m\u00e1s notable: los trazos ascendentes suelen ser delgados, mientras que los descendentes son pesados. Este principio tambi\u00e9n depende de la tradici\u00f3n caligr\u00e1fica.<\/p>\n\n\n\n

Volvamos ahora a nuestras formas geom\u00e9tricas. La altura de los caracteres triangulares tambi\u00e9n debe determinarse en comparaci\u00f3n con otras formas. El punto donde los trazos horizontales se cruzan tiene menos densidad de negro, lo que visualmente lo hace parecer m\u00e1s ligero y da la impresi\u00f3n de que el glifo es m\u00e1s bajo que los dem\u00e1s. Para compensarlo, se pueden aplicar dos estrategias de dise\u00f1o. La primera consiste en realizar un corte horizontal en el punto de intersecci\u00f3n (recortar la parte superior del tri\u00e1ngulo). La segunda opci\u00f3n es extender el v\u00e9rtice o \u00e1pice afilado por encima de la altura de las letras verticales. Los ejemplos de sans serif y serifas ilustran claramente todos estos detalles.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Al determinar los pesos, tambi\u00e9n puedes utilizar tus bocetos para definir la altura de los caracteres en may\u00fasculas y min\u00fasculas, as\u00ed como el nivel de compensaciones visuales. Como resultado, deber\u00edas obtener varios valores b\u00e1sicos que servir\u00e1n de referencia en tu proceso de dise\u00f1o:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
    \n
  1. La altura de los caracteres en may\u00fasculas, que corresponde a la altura de la letra H<\/strong>. Cada dise\u00f1ador tipogr\u00e1fico aplica su propia l\u00f3gica para definir esta medida, pero generalmente oscila entre 680 y 730 puntos. Si la fuente est\u00e1 destinada a un prop\u00f3sito espec\u00edfico (por ejemplo, uso en interfaces), se recomienda analizar fuentes de la competencia para alinearla con ellas.<\/li>\n\n\n\n
  2. El grosor del asta en los caracteres may\u00fasculos verticales (H)<\/strong>.<\/li>\n\n\n\n
  3. El grosor del asta en los caracteres redondeados (O)<\/strong>, y si este difiere del grosor del asta de la letra H<\/strong>, as\u00ed como en qu\u00e9 medida. La diferencia de pesos puede determinarse probando los glifos en un bloque de texto. Para ello, transfiere varios caracteres desde los bocetos al software de edici\u00f3n tipogr\u00e1fica y pru\u00e9balos en palabras y texto corrido, ajustando los tama\u00f1os en puntos hasta encontrar el equilibrio \u00f3ptimo.<\/li>\n\n\n\n
  4. La profundidad del voladizo en los caracteres redondeados.<\/li>\n\n\n\n
  5. El grosor de los trazos diagonales (A)<\/strong>.<\/li>\n\n\n\n
  6. El grosor de los trazos horizontales (<\/strong>en H, A <\/strong>y O)<\/strong>, y si difieren entre s\u00ed, en qu\u00e9 medida.<\/li>\n\n\n\n
  7. La altura de los caracteres en min\u00fascula, determinada por la altura de la letra n<\/strong> o x<\/strong> (sin contar el arco, que a menudo se iguala con la profundidad del voladizo). En los editores tipogr\u00e1ficos, el tama\u00f1o est\u00e1ndar para la altura de los caracteres en min\u00fascula suele ser de 500 puntos (y 700 puntos para las may\u00fasculas), lo que puede servir como punto de partida. Para definir la altura de los glifos en min\u00fascula, utiliza tus bocetos y ten en cuenta la clasificaci\u00f3n tipogr\u00e1fica de la fuente. En las serifas cl\u00e1sicas de estilo antiguo (Old Style<\/em>), los caracteres en min\u00fascula suelen ser relativamente bajos. En fuentes neutrales, las min\u00fasculas suelen dise\u00f1arse un poco m\u00e1s grandes para mejorar la legibilidad, ajustando el tama\u00f1o de los ascendentes para que no parezcan demasiado peque\u00f1os. En cambio, en las fuentes de exhibici\u00f3n (display<\/em>), el tama\u00f1o de las min\u00fasculas puede variar libremente para enfatizar mejor la idea gr\u00e1fica.

    \"\"<\/figure><\/li>\n\n\n\n
  8. El grosor del asta en los caracteres verticales, como la n<\/strong>, y en los caracteres redondeados, como la o<\/strong>, as\u00ed como el grosor de los trazos diagonales en la v<\/strong>, deben ser m\u00e1s ligeros que los de los caracteres en may\u00fascula para lograr una composici\u00f3n tipogr\u00e1fica m\u00e1s equilibrada. Sin embargo, es fundamental que mantengan una relaci\u00f3n coherente con los valores de los glifos en may\u00fascula.<\/li>\n\n\n\n
  9. La profundidad del voladizo en los caracteres redondeados suele coincidir con la profundidad del voladizo en may\u00fasculas. No obstante, en algunas fuentes o estilos tipogr\u00e1ficos, este par\u00e1metro puede ser menor en los caracteres en min\u00fascula. Para determinar el valor \u00f3ptimo, es necesario probar la fuente observando la suavidad y consistencia de la l\u00ednea tipogr\u00e1fica.<\/li>\n\n\n\n
  10. Las alturas de los ascendentes y descendentes deben calcularse despu\u00e9s de establecer los principales par\u00e1metros de altura de los caracteres en min\u00fascula. Desde un punto de vista gr\u00e1fico, la mejor decisi\u00f3n es mantener alturas similares para los ascendentes y descendentes, evitando que los ascendentes sean significativamente m\u00e1s altos o m\u00e1s bajos que las may\u00fasculas. M\u00e1s adelante, en este art\u00edculo profundizar\u00e9 en los tama\u00f1os y formas de los ascendentes y descendentes.<\/li>\n<\/ol>\n\n\n\n

    Los valores se expresan en funci\u00f3n de 1000 unidades por Em, una unidad de medida utilizada en tipograf\u00eda y dise\u00f1o de fuentes. Representa la cantidad de puntos en un Em-square, un espacio abstracto cuya altura indica la distancia estimada entre l\u00edneas de texto con el mismo tama\u00f1o de fuente. Esta es la cuadr\u00edcula y el n\u00famero de puntos que se utilizan al dibujar los glifos. La cuadr\u00edcu\n1f40\nla m\u00e1s com\u00fanmente empleada es la de 1000 puntos, aunque tambi\u00e9n existen cuadr\u00edculas de 1024, 2048 y otros valores. Este par\u00e1metro se encuentra dentro del archivo de fuente, en la pesta\u00f1a Font info.<\/em><\/em><\/p>\n\n\n\n

    Todos estos valores sirven como base y deben mantenerse uniformes en los dem\u00e1s caracteres seg\u00fan el grupo al que pertenezcan: verticales, redondeados o triangulares. Es importante aplicar compensaciones especiales en los diferentes grosores de los glifos para equilibrar la densidad del negro. Esta misma recomendaci\u00f3n se aplica a los caracteres con m\u00faltiples trazos y a los estilos de fuente en negrita.<\/p>\n\n\n\n

    Ahora es momento de volver a nuestra sans serif neutral para interfaces y a la tipograf\u00eda con serifas que est\u00e1bamos creando, y observar c\u00f3mo se implementan todas estas alturas en ellas.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    La tarea principal al trabajar con pesos y alturas es probar constantemente las letras en textos y compararlas entre s\u00ed. Es fundamental mantener el equilibrio entre el negro y el blanco dentro de los par\u00e1metros elegidos. Los glifos no deben parecer fuera de lugar, y los pesos deben ajustarse al prop\u00f3sito y concepto principal de la fuente. <\/p>\n\n\n\n

    Al construir una fuente, es importante lograr una consistencia en la densidad del negro y el blanco de los caracteres para garantizar una apariencia uniforme en el texto.<\/em><\/em><\/p>\n\n\n\n

    Contraste<\/h3>\n\n\n\n

    El contraste es un elemento visual fundamental en el dise\u00f1o de cualquier glifo. Todas las fuentes tienen un par\u00e1metro de contraste, y al modificarlo se pueden lograr efectos completamente diferentes en el dise\u00f1o de los caracteres. El contraste se define por la relaci\u00f3n entre los grosores de los trazos primarios y secundarios. Generalmente, este t\u00e9rmino hace referencia a la diferencia entre las astas y los trazos horizontales.<\/p>\n\n\n\n

    Existen varias propiedades del contraste:<\/p>\n\n\n\n