{"id":31435,"date":"2024-05-29T16:17:18","date_gmt":"2024-05-29T13:17:18","guid":{"rendered":"https:\/\/typetype.org\/es\/?p=31435"},"modified":"2026-02-03T09:00:12","modified_gmt":"2026-02-03T06:00:12","slug":"universitty-lesson-8-designing-basic-latin-characters-uppercase-characters","status":"publish","type":"post","link":"https:\/\/typetype.org\/es\/blog\/universitty-lesson-8-designing-basic-latin-characters-uppercase-characters\/","title":{"rendered":"UniversiTTy: Lecci\u00f3n 8. Dise\u00f1o de caracteres latinos b\u00e1sicos. Caracteres en may\u00fasculas"},"content":{"rendered":"\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/UniversiTTy_8_1_eng.gif\" alt=\"\" class=\"wp-image-10000031436\"\/><\/figure>\n\n\n\n<p>\u00a1Bienvenido a&nbsp;la&nbsp;octava lecci\u00f3n de&nbsp;nuestra \u00abUniversiTTy\u00bb! Te&nbsp;recomendamos revisar los art\u00edculos anteriores antes de&nbsp;sumergirte en&nbsp;este.<\/p>\n\n\n\n<p>En&nbsp;la&nbsp;\u00faltima lecci\u00f3n, hablamos sobre las compensaciones \u00f3pticas, las alturas de&nbsp;los caracteres en&nbsp;may\u00fascula y&nbsp;min\u00fascula, y&nbsp;el&nbsp;concepto de&nbsp;contraste. Determinar todos los tama\u00f1os y&nbsp;pesos&nbsp;es, sin duda, una etapa crucial en&nbsp;el&nbsp;dise\u00f1o tipogr\u00e1fico, pero sigue siendo preparatoria. En&nbsp;este art\u00edculo, por fin nos centraremos espec\u00edficamente en&nbsp;el&nbsp;dise\u00f1o de&nbsp;glifos.<\/p>\n\n\n\n<p>Antonina Zhulkova, l\u00edder de&nbsp;dise\u00f1o en&nbsp;TypeType, ser\u00e1 quien te&nbsp;gu\u00ede en&nbsp;este proceso. Antonina lleva m\u00e1s de&nbsp;5&nbsp;a\u00f1os trabajando en&nbsp;el&nbsp;dise\u00f1o tipogr\u00e1fico. Es&nbsp;autora conceptual y&nbsp;dise\u00f1adora principal de&nbsp;proyectos como TT&nbsp;Neoris, TT&nbsp;Ricordi Allegria, TT&nbsp;Globs e&nbsp;Ivi Sans Display. Adem\u00e1s, ha&nbsp;participado en&nbsp;la&nbsp;creaci\u00f3n de&nbsp;TT&nbsp;Fellows, TT&nbsp;Fors, TT&nbsp;Interphases Pro, TT&nbsp;Commons y&nbsp;muchas otras fuentes.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Dise\u00f1ando caracteres en&nbsp;may\u00fasculas<\/h2>\n\n\n\n<p>Para comenzar, volvamos a&nbsp;analizar nuestras letras principales \u00ab<strong>\u041d<\/strong>\u00bb, \u00ab<strong>\u041e<\/strong>\u00bb y&nbsp;\u00ab<strong>\u0410<\/strong>\u00bb para examinar sus proporciones y&nbsp;entender c\u00f3mo influyen en&nbsp;otros caracteres. As\u00ed comprender\u00e1s por qu\u00e9 nos centramos en&nbsp;estas letras en&nbsp;la&nbsp;lecci\u00f3n anterior.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/UniversiTTy_8_2.gif\" alt=\"\" class=\"wp-image-10000031437\"\/><\/figure>\n\n\n\n<p>Las proporciones de&nbsp;los glifos son una de&nbsp;las caracter\u00edsticas clave de&nbsp;una fuente. Estas influyen en&nbsp;el&nbsp;dise\u00f1o general de&nbsp;los caracteres, la&nbsp;calidad visual y&nbsp;los par\u00e1metros de&nbsp;legibilidad. Esto est\u00e1 relacionado con los dise\u00f1os convencionales de&nbsp;las letras utilizados a&nbsp;nivel global, ya&nbsp;que nuestra percepci\u00f3n de&nbsp;los glifos depende en&nbsp;gran medida de&nbsp;su&nbsp;imagen \u00abtradicional\u00bb.<\/p>\n\n\n\n<p>Por ejemplo, existen estudios sobre la&nbsp;legibilidad de&nbsp;la&nbsp;<em>blackletter<\/em>. Dichos estudios han demostrado que las personas expuestas a&nbsp;esta fuente como parte de&nbsp;su&nbsp;cultura no&nbsp;experimentan dificultades al&nbsp;leer textos en&nbsp;ella. En&nbsp;cambio, quienes provienen de&nbsp;contextos culturales y&nbsp;ling\u00fc\u00edsticos distintos suelen encontrarla mucho m\u00e1s dif\u00edcil de&nbsp;leer.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/UniversiTTy_8_3.png\" alt=\"\" class=\"wp-image-10000031438\" srcset=\"https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_3.png 2133w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_3-1024x470.png 1024w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_3-768x352.png 768w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_3-1200x551.png 1200w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_3-1536x705.png 1536w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_3-2048x940.png 2048w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_3-420x193.png 420w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_3-600x275.png 600w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_3-80x37.png 80w\" sizes=\"(max-width: 2133px) 100vw, 2133px\" \/><\/figure>\n\n\n\n<p>No&nbsp;obstante, no&nbsp;temas desviarte de&nbsp;las proporciones visuales habituales. Modificar este par\u00e1metro puede convertirse en&nbsp;un&nbsp;recurso gr\u00e1fico interesante para captar la&nbsp;atenci\u00f3n. Lo&nbsp;fundamental es&nbsp;hacerlo de&nbsp;manera intencionada y&nbsp;bien pensada. Por ello, comenzar\u00e9 explicando las proporciones desde los principios cl\u00e1sicos, centr\u00e1ndome principalmente en&nbsp;la&nbsp;Antiqua, la&nbsp;categor\u00eda tipogr\u00e1fica m\u00e1s antigua. La&nbsp;sans serif, un&nbsp;estilo hist\u00f3ricamente m\u00e1s moderno, se&nbsp;basa en&nbsp;gran medida en&nbsp;las proporciones de&nbsp;la&nbsp;Antiqua, aunque introduce algunas transformaciones que tambi\u00e9n analizaremos.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">L\u00f3gica principal del dise\u00f1o de&nbsp;glifos y&nbsp;proporciones<\/h2>\n\n\n\n<p>El&nbsp;dise\u00f1o tipogr\u00e1fico se&nbsp;basa en&nbsp;gran medida en&nbsp;la&nbsp;caligraf\u00eda y&nbsp;en&nbsp;diversos estilos de&nbsp;escritura manual, por lo&nbsp;que los ecos de&nbsp;este arte est\u00e1n siempre presentes en&nbsp;las conversaciones sobre tipograf\u00eda.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/UniversiTTy_8_4.png\" alt=\"\" class=\"wp-image-10000031439\" srcset=\"https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_4.png 2000w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_4-1024x319.png 1024w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_4-768x239.png 768w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_4-1200x374.png 1200w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_4-1536x478.png 1536w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_4-420x131.png 420w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_4-600x187.png 600w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_4-80x25.png 80w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/><\/figure>\n\n\n\n<p>Las proporciones est\u00e1ndar de&nbsp;la&nbsp;Antiqua tienen su&nbsp;origen en&nbsp;la&nbsp;caligraf\u00eda cl\u00e1sica. Toda la&nbsp;caligraf\u00eda europea se&nbsp;fundamenta en&nbsp;las may\u00fasculas cuadradas romanas. Este art\u00edculo no&nbsp;pretende profundizar en&nbsp;la&nbsp;historia de&nbsp;la&nbsp;caligraf\u00eda ni&nbsp;en&nbsp;sus principios, pero esta informaci\u00f3n es&nbsp;esencial para comprender el&nbsp;origen y&nbsp;la&nbsp;evoluci\u00f3n de&nbsp;las formas de&nbsp;las letras. Si&nbsp;deseas aprender m\u00e1s sobre las may\u00fasculas cuadradas romanas y&nbsp;la&nbsp;historia de&nbsp;la&nbsp;caligraf\u00eda, te&nbsp;recomendamos los siguientes libros:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Roman Lettering&nbsp;\u2014 L.C. Evetts<\/li>\n\n\n\n<li>The Art of&nbsp;Calligraphy&nbsp;\u2014 David Harris<\/li>\n\n\n\n<li>The Calligrapher\u2019s Bible&nbsp;\u2014 David Harris<\/li>\n<\/ul>\n\n\n\n<p>Solo abordar\u00e9 los aspectos principales de&nbsp;las proporciones que surgieron a&nbsp;partir de&nbsp;las may\u00fasculas cuadradas romanas y&nbsp;que influyen en&nbsp;el&nbsp;car\u00e1cter de&nbsp;la&nbsp;fuente. As\u00ed que este es&nbsp;el&nbsp;momento de&nbsp;volver a&nbsp;nuestros caracteres principales: \u00ab<strong>H<\/strong>\u00bb, \u00ab<strong>O<\/strong>\u00bb y&nbsp;\u00ab<strong>A<\/strong>\u00bb.<\/p>\n\n\n\n<p>\u00bfPor qu\u00e9 siempre me&nbsp;refiero a&nbsp;ellas? Una fuente puede visualizarse como un&nbsp;\u00e1rbol o&nbsp;un&nbsp;paraguas, donde las letras est\u00e1n vinculadas por grupos de&nbsp;caracteres. Al&nbsp;dise\u00f1ar cualquier glifo, es&nbsp;fundamental dividirlos en&nbsp;grupos y&nbsp;analizar constantemente c\u00f3mo se&nbsp;conectan entre&nbsp;s\u00ed. Esta estructura puede representarse de&nbsp;la&nbsp;siguiente manera: cada grupo tiene \u00abprogenitores\u00bb \u2014caracteres de&nbsp;referencia para los glifos verticales, redondeados y&nbsp;triangulares\u2014 y&nbsp;todas las dem\u00e1s letras est\u00e1n directamente asociadas con ellos o&nbsp;se&nbsp;encuentran en&nbsp;la&nbsp;frontera entre grupos.<\/p>\n\n\n\n<p>Adem\u00e1s, en&nbsp;la&nbsp;fase de&nbsp;dibujo, nos basamos tanto en&nbsp;la&nbsp;clasificaci\u00f3n general como en&nbsp;diversos elementos gr\u00e1ficos espec\u00edficos de&nbsp;la&nbsp;fuente, como la&nbsp;apertura, caracter\u00edsticas estructurales similares (\u00f3valos, l\u00ednea de&nbsp;la&nbsp;cintura, terminales, etc.), proporciones o&nbsp;distintas rimas gr\u00e1ficas entre letras. Si&nbsp;comprendes la&nbsp;l\u00f3gica de&nbsp;la&nbsp;divisi\u00f3n de&nbsp;caracteres en&nbsp;grupos (m\u00e1s adelante exploraremos diferentes ejemplos), podr\u00e1s crear tus propios grupos seg\u00fan los objetivos de&nbsp;una fuente en&nbsp;particular.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/UniversiTTy_8_5.png\" alt=\"\" class=\"wp-image-10000031440\" srcset=\"https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_5.png 2000w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_5-931x1024.png 931w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_5-768x845.png 768w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_5-1091x1200.png 1091w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_5-1396x1536.png 1396w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_5-1862x2048.png 1862w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_5-382x420.png 382w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_5-600x660.png 600w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_5-73x80.png 73w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/><\/figure>\n\n\n\n<p>Esta es&nbsp;una forma general de&nbsp;subdividir los caracteres. M\u00e1s adelante, exploraremos cada grupo y&nbsp;explicaremos las razones detr\u00e1s de&nbsp;esta clasificaci\u00f3n. Pero esta lecci\u00f3n comenz\u00f3 con las may\u00fasculas cuadradas romanas. \u00bfQu\u00e9 relaci\u00f3n tienen con los grupos de&nbsp;caracteres?<\/p>\n\n\n\n<p>La&nbsp;discusi\u00f3n sobre proporciones y&nbsp;grupos de&nbsp;caracteres est\u00e1 estrechamente ligada a&nbsp;esta tradici\u00f3n caligr\u00e1fica, y&nbsp;ambos par\u00e1metros deben considerarse al&nbsp;dise\u00f1ar glifos. Me&nbsp;centrar\u00e9 espec\u00edficamente en&nbsp;las proporciones de&nbsp;las may\u00fasculas cuadradas romanas, ya&nbsp;que han tenido una gran influencia en&nbsp;el&nbsp;dise\u00f1o tipogr\u00e1fico y&nbsp;representan un&nbsp;ejemplo de&nbsp;proporciones \u00abcl\u00e1sicas\u00bb.<\/p>\n\n\n\n<p>Sin embargo, muchas fuentes se&nbsp;apartan de&nbsp;la&nbsp;l\u00f3gica de&nbsp;las may\u00fasculas cuadradas romanas. Esto puede afectar las similitudes y&nbsp;diferencias en&nbsp;el&nbsp;ancho de&nbsp;los caracteres. Adem\u00e1s, los grupos de&nbsp;letras con el&nbsp;mismo ancho pueden volverse m\u00e1s anchos o&nbsp;m\u00e1s estrechos en&nbsp;relaci\u00f3n con el&nbsp;modelo cl\u00e1sico.<\/p>\n\n\n\n<p>Desde una perspectiva conceptual, podemos dividir todas las letras may\u00fasculas del alfabeto latino en&nbsp;proporciones cl\u00e1sicas dentro de&nbsp;cuatro categor\u00edas, de&nbsp;la&nbsp;m\u00e1s ancha a&nbsp;la&nbsp;m\u00e1s estrecha. Estas categor\u00edas son similares a&nbsp;los grupos que obtenemos al&nbsp;clasificar los caracteres por su&nbsp;forma.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>El&nbsp;primer grupo, que incluye las letras m\u00e1s anchas, est\u00e1 formado por los caracteres redondeados (\u00ab<strong>O<\/strong>\u00bb, \u00ab<strong>C<\/strong>\u00bb, \u00ab<strong>G<\/strong>\u00bb, \u00ab<strong>Q<\/strong>\u00bb, \u00ab<strong>D<\/strong>\u00bb), que pueden encajar dentro de&nbsp;un&nbsp;cuadrado. En&nbsp;este contexto, el&nbsp;cuadrado act\u00faa como una unidad simb\u00f3lica de&nbsp;ancho.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/UniversiTTy_8_6.png\" alt=\"\" class=\"wp-image-10000031441\" srcset=\"https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_6.png 2000w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_6-1024x256.png 1024w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_6-768x192.png 768w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_6-1200x300.png 1200w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_6-1536x384.png 1536w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_6-420x105.png 420w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_6-600x150.png 600w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_6-80x20.png 80w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/><\/figure>\n\n\n\n<p>2. Otro grupo est\u00e1 compuesto por caracteres cuyo ancho es&nbsp;\u00abligeramente superior a&nbsp;un&nbsp;cuarto del tama\u00f1o del cuadrado\u00bb. Estas letras son \u00ab<strong>A<\/strong>\u00bb, \u00ab<strong>V<\/strong>\u00bb, \u00ab<strong>W<\/strong>\u00bb y&nbsp;\u00ab<strong>M<\/strong>\u00bb. Evidentemente, los anchos de&nbsp;\u00ab<strong>M<\/strong>\u00bb y&nbsp;\u00ab<strong>W<\/strong>\u00bb no&nbsp;son exactamente iguales a&nbsp;los de&nbsp;\u00ab<strong>A<\/strong>\u00bb y&nbsp;\u00ab<strong>V<\/strong>\u00bb, pero desde el&nbsp;punto de&nbsp;vista tanto sem\u00e1ntico como formal, pueden agruparse en&nbsp;una misma categor\u00eda.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/UniversiTTy_8_7.png\" alt=\"\" class=\"wp-image-10000031442\" srcset=\"https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_7.png 2000w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_7-1024x256.png 1024w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_7-768x192.png 768w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_7-1200x300.png 1200w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_7-1536x384.png 1536w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_7-420x105.png 420w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_7-600x150.png 600w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_7-80x20.png 80w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/><\/figure>\n\n\n\n<p>3. El\u00a0ancho de\u00a0los caracteres del tercer grupo ocupa tres cuartos del cuadrado. Este grupo incluye las letras \u00ab<strong>H<\/strong>\u00bb, \u00ab<strong>N<\/strong>\u00bb, \u00ab<strong>U<\/strong>\u00bb, \u00ab<strong>T<\/strong>\u00bb, \u00ab<strong>X<\/strong>\u00bb, \u00ab<strong>Y<\/strong>\u00bb y\u00a0\u00ab<strong>Z<\/strong>\u00bb.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/UniversiTTy_8_8.png\" alt=\"\" class=\"wp-image-10000031445\" srcset=\"https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_8.png 2000w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_8-1024x256.png 1024w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_8-768x192.png 768w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_8-1200x300.png 1200w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_8-1536x384.png 1536w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_8-420x105.png 420w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_8-600x150.png 600w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_8-80x20.png 80w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/><\/figure>\n\n\n\n<p>4. El&nbsp;\u00faltimo grupo est\u00e1 compuesto por los caracteres m\u00e1s estrechos, cuyo ancho ocupa aproximadamente la&nbsp;mitad del cuadrado. Este grupo incluye las letras \u00ab<strong>B<\/strong>\u00bb, \u00ab<strong>P<\/strong>\u00bb, \u00ab<strong>E<\/strong>\u00bb, \u00ab<strong>F<\/strong>\u00bb, \u00ab<strong>R<\/strong>\u00bb, \u00ab<strong>S<\/strong>\u00bb, \u00ab<strong>L<\/strong>\u00bb y&nbsp;\u00ab<strong>K<\/strong>\u00bb.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/UniversiTTy_8_9.png\" alt=\"\" class=\"wp-image-10000031446\" srcset=\"https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_9.png 2000w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_9-1024x256.png 1024w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_9-768x192.png 768w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_9-1200x300.png 1200w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_9-1536x384.png 1536w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_9-420x105.png 420w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_9-600x150.png 600w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_9-80x20.png 80w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/><\/figure>\n\n\n\n<p>Esta divisi\u00f3n basada en&nbsp;el&nbsp;ancho sent\u00f3 las bases del dise\u00f1o de&nbsp;letras, y&nbsp;las fuentes modernas siguen en&nbsp;gran medida los principios establecidos entre los siglos I&nbsp;y V. Sin embargo, reitero que pertenecer a&nbsp;un&nbsp;grupo no&nbsp;significa que los caracteres tengan exactamente el&nbsp;mismo ancho, sino que comparten proporciones similares y&nbsp;una ubicaci\u00f3n en&nbsp;el&nbsp;\u00abeje de&nbsp;ancho\u00bb, desde los m\u00e1s anchos hasta los m\u00e1s estrechos.<\/p>\n\n\n\n<p>\u00bfQu\u00e9 m\u00e1s se&nbsp;debe considerar al&nbsp;trabajar con fuentes? Una de&nbsp;las categor\u00edas clave en&nbsp;el&nbsp;dise\u00f1o tipogr\u00e1fico es&nbsp;la&nbsp;cantidad de&nbsp;espacio negativo dentro de&nbsp;los glifos. No&nbsp;profundizaremos en&nbsp;el&nbsp;espacio blanco exterior, pero el&nbsp;espacio interno es&nbsp;un&nbsp;aspecto fundamental en&nbsp;la&nbsp;etapa de&nbsp;dibujo. Nuestra percepci\u00f3n visual capta tanto el&nbsp;negro como el&nbsp;blanco dentro de&nbsp;los caracteres, por lo&nbsp;que es&nbsp;esencial tener esto en&nbsp;cuenta al&nbsp;dise\u00f1ar todas las formas de&nbsp;letras y&nbsp;s\u00edmbolos. Dado que la&nbsp;escritura en&nbsp;los sistemas europeos sigue una direcci\u00f3n de&nbsp;izquierda a&nbsp;derecha y&nbsp;de&nbsp;arriba hacia abajo, nuestros ojos est\u00e1n acostumbrados a&nbsp;leer las letras en&nbsp;diagonal, desde la&nbsp;esquina superior izquierda hasta la&nbsp;inferior derecha. Adem\u00e1s, la&nbsp;segmentaci\u00f3n horizontal dentro de&nbsp;una forma tambi\u00e9n influye en&nbsp;su&nbsp;percepci\u00f3n. Los caracteres abiertos en&nbsp;la&nbsp;parte superior y&nbsp;sin intersecciones parecen m\u00e1s anchos, por lo&nbsp;que, para lograr una uniformidad visual en&nbsp;los anchos de&nbsp;las letras, es&nbsp;necesario aplicar compensaciones. Por ejemplo, si&nbsp;comparamos las letras \u00ab<strong>A<\/strong>\u00bb y&nbsp;\u00ab<strong>V<\/strong>\u00bb, veremos que la&nbsp;\u00ab<strong>V<\/strong>\u00bb casi siempre se&nbsp;dise\u00f1a m\u00e1s estrecha para que sus proporciones se&nbsp;asemejen a&nbsp;las de&nbsp;la&nbsp;\u00ab<strong>A<\/strong>\u00bb, que tiene menos espacio blanco en&nbsp;su&nbsp;interior.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/UniversiTTy_8_10.png\" alt=\"\" class=\"wp-image-10000031447\" srcset=\"https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_10.png 2000w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_10-1024x333.png 1024w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_10-768x250.png 768w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_10-1200x390.png 1200w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_10-1536x499.png 1536w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_10-420x137.png 420w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_10-600x195.png 600w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_10-80x26.png 80w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/><\/figure>\n\n\n\n<p>Es&nbsp;posible dibujar los caracteres latinos b\u00e1sicos de&nbsp;manera intuitiva, sin conocer los fundamentos. Sin embargo, el&nbsp;conocimiento te\u00f3rico mejora significativamente los resultados. Comprender las relaciones entre las proporciones de&nbsp;los caracteres permite transmitir con mayor precisi\u00f3n el&nbsp;concepto gr\u00e1fico. Dado que ya&nbsp;identificamos la&nbsp;idea principal despu\u00e9s de&nbsp;la&nbsp;fase de&nbsp;abocetado y&nbsp;determinamos las caracter\u00edsticas de&nbsp;los glifos base (\u00ab<strong>H<\/strong>\u00bb, \u00ab<strong>O<\/strong>\u00bb, \u00ab<strong>A<\/strong>\u00bb), propongo avanzar en&nbsp;el&nbsp;dise\u00f1o de&nbsp;las dem\u00e1s letras may\u00fasculas, dividi\u00e9ndolas en&nbsp;grupos y&nbsp;teniendo en&nbsp;cuenta las proporciones.<\/p>\n\n\n\n<p>\u00bfC\u00f3mo m\u00e1s podemos subdividir los caracteres? Nuestros grupos b\u00e1sicos pueden dividirse en&nbsp;subgrupos m\u00e1s peque\u00f1os para abordar el&nbsp;trabajo de&nbsp;manera m\u00e1s detallada. A&nbsp;continuaci\u00f3n, se&nbsp;muestra un&nbsp;ejemplo de&nbsp;la&nbsp;divisi\u00f3n en&nbsp;grupos que utilizamos en&nbsp;TypeType para dise\u00f1ar caracteres. A&nbsp;estos conjuntos a\u00f1adimos nuestros glifos base para comparar los nuevos caracteres con las letras ya&nbsp;terminadas y&nbsp;as\u00ed mantener la&nbsp;coherencia y&nbsp;el&nbsp;concepto general de&nbsp;la&nbsp;fuente (aunque no&nbsp;necesariamente pertenezcan a&nbsp;los grupos):<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u00abH\u00bb<\/strong>, <strong>\u00abA\u00bb<\/strong>, <strong>\u00abO\u00bb<\/strong>&nbsp;\u2014 trabajo con los caracteres base, sus proporciones, formas y&nbsp;la&nbsp;relaci\u00f3n entre los principales tipos de&nbsp;letras.<\/li>\n\n\n\n<li><strong>\u00abA\u00bb<\/strong>, <strong>\u00abV\u00bb<\/strong>, <strong>\u00abW\u00bb<\/strong>, <strong>\u00abY\u00bb<\/strong>, <strong>\u00abX\u00bb<\/strong>, <strong>\u00abZ\u00bb<\/strong>, <strong>\u00abH\u00bb<\/strong>&nbsp;\u2014 trabajo con caracteres triangulares, sus proporciones, relaciones y&nbsp;el&nbsp;peso de&nbsp;los trazos diagonales.<\/li>\n\n\n\n<li><strong>\u00abH\u00bb<\/strong>, <strong>\u00abM\u00bb<\/strong>, <strong>\u00abN\u00bb<\/strong>, <strong>\u00abV\u00bb<\/strong>\u00a0\u2014 trabajo con caracteres verticales y\u00a0diagonales, que deben dise\u00f1arse en\u00a0referencia tanto a\u00a0las formas verticales (<strong>\u00abH\u00bb<\/strong>) como a\u00a0las diagonales (<strong>\u00abV\u00bb<\/strong>).<\/li>\n\n\n\n<li><strong>\u00abO\u00bb<\/strong>, <strong>\u00abC\u00bb<\/strong>, <strong>\u00abG\u00bb<\/strong>, <strong>\u00abQ\u00bb<\/strong>&nbsp;\u2014 trabajo con caracteres redondeados y&nbsp;sus relaciones entre&nbsp;s\u00ed.<\/li>\n\n\n\n<li><strong>\u00abH\u00bb<\/strong>, <strong>\u00abD\u00bb<\/strong>, <strong>\u00abO\u00bb<\/strong>&nbsp;\u2014 trabajo con la&nbsp;letra <strong>\u00abD\u00bb<\/strong>, que es&nbsp;a&nbsp;la&nbsp;vez vertical y&nbsp;redondeada.<\/li>\n\n\n\n<li><strong>\u00abH\u00bb<\/strong>, <strong>\u00abB\u00bb<\/strong>, <strong>\u00abR\u00bb<\/strong>, <strong>\u00abP\u00bb<\/strong>, <strong>\u00abS\u00bb<\/strong>, <strong>\u00abO\u00bb<\/strong>&nbsp;\u2014 trabajo con caracteres que contienen panza o&nbsp;buche (<em>bowl<\/em>) y&nbsp;presentan formas m\u00e1s complejas. En&nbsp;esta secuencia, el&nbsp;sistema de&nbsp;anchos se&nbsp;organiza de&nbsp;mayor a&nbsp;menor entre las letras <strong>\u00abB\u00bb<\/strong>, <strong>\u00abR\u00bb<\/strong>, <strong>\u00abP\u00bb<\/strong> y&nbsp;<strong>\u00abS\u00bb<\/strong>. La&nbsp;forma de&nbsp;la&nbsp;panza debe corresponder al&nbsp;car\u00e1cter del redondeo en&nbsp;<strong>\u00abO\u00bb<\/strong>.<\/li>\n\n\n\n<li><strong>\u00abH\u00bb<\/strong>, <strong>\u00abB\u00bb<\/strong>, <strong>\u00abE\u00bb<\/strong>, <strong>\u00abF\u00bb<\/strong>, <strong>\u00abL\u00bb<\/strong>, <strong>\u00abT\u00bb<\/strong>, <strong>\u00abV\u00bb<\/strong>&nbsp;\u2014 trabajo con caracteres verticales que incluyen trazos horizontales y&nbsp;letras similares. <strong>\u00abH\u00bb<\/strong> y&nbsp;<strong>\u00abB\u00bb<\/strong> sirven como referencia para los caracteres de&nbsp;dos niveles <strong>\u00abE\u00bb<\/strong> y&nbsp;<strong>\u00abF\u00bb<\/strong>, que a&nbsp;su&nbsp;vez funcionan como referencia para la&nbsp;letra <strong>\u00abL\u00bb<\/strong>. Aunque la&nbsp;letra <strong>\u00abT\u00bb<\/strong> solo tiene trazos verticales y&nbsp;horizontales, la&nbsp;cantidad de&nbsp;espacio negativo en&nbsp;ella se&nbsp;asemeja m\u00e1s a&nbsp;los caracteres triangulares, por lo&nbsp;que tambi\u00e9n puede compararse con <strong>\u00abV\u00bb<\/strong>.<\/li>\n\n\n\n<li><strong>\u00abH\u00bb<\/strong>, <strong>\u00abR\u00bb<\/strong>, <strong>\u00abK\u00bb<\/strong>, <strong>\u00abX\u00bb<\/strong>&nbsp;\u2014 trabajo con elementos de&nbsp;glifos: las piernas de&nbsp;<strong>\u00abR\u00bb<\/strong>, <strong>\u00abK\u00bb<\/strong> y&nbsp;<strong>\u00abX\u00bb<\/strong> deben coincidir en&nbsp;forma y&nbsp;car\u00e1cter.<\/li>\n\n\n\n<li><strong>\u00abH\u00bb<\/strong>, <strong>\u00abU\u00bb<\/strong>, <strong>\u00abJ\u00bb<\/strong>, <strong>\u00abI\u00bb<\/strong>, <strong>\u00abO\u00bb<\/strong>&nbsp;\u2014 trabajo con la&nbsp;letra <strong>\u00abU\u00bb<\/strong> y&nbsp;con <strong>\u00abJ\u00bb<\/strong>, que es&nbsp;similar al&nbsp;lado derecho de&nbsp;<strong>\u00abU\u00bb<\/strong>.<\/li>\n\n\n\n<li><strong>\u00abC\u00bb<\/strong>, <strong>\u00abG\u00bb<\/strong>, <strong>\u00abS\u00bb<\/strong>, <strong>\u00abJ\u00bb<\/strong>&nbsp;\u2014 trabajo con terminales y&nbsp;sus relaciones.<\/li>\n<\/ol>\n\n\n\n<p>Todos los caracteres deben probarse en&nbsp;combinaciones como HH*glifo*HHOO*glifo*OO y&nbsp;otras similares, adem\u00e1s de&nbsp;en&nbsp;composici\u00f3n tipogr\u00e1fica (en&nbsp;la&nbsp;siguiente secci\u00f3n hablaremos m\u00e1s sobre la&nbsp;prueba de&nbsp;dise\u00f1o de&nbsp;glifos). Durante el&nbsp;proceso de&nbsp;dibujo, es&nbsp;fundamental avanzar paso a&nbsp;paso, desde las caracter\u00edsticas generales hasta los detalles m\u00e1s espec\u00edficos.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/UniversiTTy_8_11.png\" alt=\"\" class=\"wp-image-10000031448\" srcset=\"https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_11.png 2000w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_11-1024x282.png 1024w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_11-768x211.png 768w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_11-1200x330.png 1200w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_11-1536x422.png 1536w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_11-420x116.png 420w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_11-600x165.png 600w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_11-80x22.png 80w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/><\/figure>\n\n\n\n<p>Los grupos de&nbsp;caracteres mencionados anteriormente son solo la&nbsp;punta del iceberg, ya&nbsp;que el&nbsp;dise\u00f1o de&nbsp;cada glifo implica numerosos aspectos. Aqu\u00ed nos centramos \u00fanicamente en&nbsp;el&nbsp;enfoque general del dibujo. Para obtener informaci\u00f3n m\u00e1s detallada, puedes consultar otras fuentes, como el&nbsp;libro \u00abDesigning Type\u00bb.<\/p>\n\n\n\n<p>Ahora, veamos c\u00f3mo se&nbsp;reflejan las proporciones y&nbsp;los grupos de&nbsp;caracteres en&nbsp;fuentes terminadas. Comenzaremos con una tipograf\u00eda con proporciones din\u00e1micas, como Palatino, y&nbsp;luego analizaremos nuestros ejemplos de&nbsp;fuentes: una <a href=\"https:\/\/typetype.org\/es\/fonts\/serif\/\">serif<\/a> para texto y&nbsp;una <a href=\"https:\/\/typetype.org\/es\/fonts\/sans-serif\/\">sans serif<\/a> para interfaces.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/UniversiTTy_8_12.png\" alt=\"\" class=\"wp-image-10000031449\" srcset=\"https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_12.png 2000w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_12-1024x571.png 1024w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_12-768x428.png 768w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_12-1200x669.png 1200w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_12-1536x856.png 1536w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_12-420x234.png 420w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_12-600x335.png 600w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_12-80x45.png 80w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/UniversiTTy_8_13_eng.png\" alt=\"\" class=\"wp-image-10000031450\" srcset=\"https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_13_eng.png 2000w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_13_eng-864x1024.png 864w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_13_eng-768x910.png 768w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_13_eng-1013x1200.png 1013w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_13_eng-1296x1536.png 1296w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_13_eng-1728x2048.png 1728w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_13_eng-354x420.png 354w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_13_eng-600x711.png 600w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_13_eng-68x80.png 68w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/UniversiTTy_8_14_eng.png\" alt=\"\" class=\"wp-image-10000031451\" srcset=\"https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_14_eng.png 2000w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_14_eng-1024x666.png 1024w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_14_eng-768x499.png 768w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_14_eng-1200x780.png 1200w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_14_eng-1536x998.png 1536w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_14_eng-420x273.png 420w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_14_eng-600x390.png 600w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_14_eng-80x52.png 80w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/UniversiTTy_8_15.png\" alt=\"\" class=\"wp-image-10000031452\" srcset=\"https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_15.png 2000w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_15-1024x420.png 1024w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_15-768x315.png 768w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_15-1200x492.png 1200w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_15-1536x630.png 1536w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_15-420x172.png 420w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_15-600x246.png 600w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_15-80x33.png 80w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Proporciones en serif y sans serif<\/h2>\n\n\n\n<p>El dise\u00f1o de fuentes est\u00e1 en constante evoluci\u00f3n, al igual que las proporciones. Tanto las fuentes hist\u00f3ricas como las modernas presentan anchos variados con proporciones que se han alejado significativamente de sus antecesores romanos. Existen dos caracter\u00edsticas principales en las proporciones: din\u00e1mica y est\u00e1tica, y las proporciones de los glifos dentro de una fuente pueden situarse entre estos dos extremos.<\/p>\n\n\n\n<p>Bas\u00e1ndonos en una clasificaci\u00f3n muy simplificada de las fuentes, tanto las <a href=\"https:\/\/typetype.org\/es\/fonts\/serif\/\">serif<\/a> como las <a href=\"https:\/\/typetype.org\/es\/fonts\/sans-serif\/\">sans serif<\/a> pueden presentar ambas caracter\u00edsticas, y en las fuentes <a href=\"https:\/\/typetype.org\/es\/fonts\/display\/\">display<\/a>, las proporciones pueden variar a\u00fan m\u00e1s.<\/p>\n\n\n\n<p>En las serif, las proporciones han ido transform\u00e1ndose gradualmente, alej\u00e1ndose del principio din\u00e1mico, lo que ha hecho que las letras sean cada vez m\u00e1s uniformes en sus proporciones. La secci\u00f3n de clasificaci\u00f3n profundiza m\u00e1s en este aspecto. Aqu\u00ed solo abordo los par\u00e1metros superficiales, que se ilustran mejor mediante ejemplos visuales.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/UniversiTTy_8_16_eng.png\" alt=\"\" class=\"wp-image-10000031453\" srcset=\"https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_16_eng.png 2000w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_16_eng-910x1024.png 910w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_16_eng-768x864.png 768w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_16_eng-1067x1200.png 1067w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_16_eng-1365x1536.png 1365w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_16_eng-1820x2048.png 1820w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_16_eng-373x420.png 373w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_16_eng-600x675.png 600w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_16_eng-71x80.png 71w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/><\/figure>\n\n\n\n<p>Las sans serif tambi\u00e9n pueden tener fuentes tanto est\u00e1ticas como din\u00e1micas. Las diferencias en las proporciones son m\u00e1s comunes en las sans serif humanistas y geom\u00e9tricas, mientras que las neo-grotescas tienden a ser est\u00e1ticas. En el art\u00edculo sobre clasificaci\u00f3n, analizamos las fuentes m\u00e1s populares de estos tipos. Puedes revisarlas y analizar sus diferencias.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/UniversiTTy_8_17_eng.png\" alt=\"\" class=\"wp-image-10000031457\" srcset=\"https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_17_eng.png 2000w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_17_eng-910x1024.png 910w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_17_eng-768x864.png 768w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_17_eng-1067x1200.png 1067w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_17_eng-1365x1536.png 1365w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_17_eng-1820x2048.png 1820w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_17_eng-373x420.png 373w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_17_eng-600x675.png 600w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_17_eng-71x80.png 71w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/><\/figure>\n\n\n\n<p>Es momento de volver a nuestros par\u00e1metros y explorar las diferentes opciones de ancho en los caracteres en may\u00fascula. Dado que la serif para texto y la sans serif para interfaz tienen proporciones muy similares, comparar\u00e9 una sans serif con proporciones din\u00e1micas con la versi\u00f3n de texto de nuestra serif, que tiene proporciones est\u00e1ticas.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/UniversiTTy_8_18_eng.png\" alt=\"\" class=\"wp-image-10000031455\" srcset=\"https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_18_eng.png 2000w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_18_eng-1024x768.png 1024w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_18_eng-768x576.png 768w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_18_eng-1200x900.png 1200w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_18_eng-1536x1152.png 1536w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_18_eng-420x315.png 420w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_18_eng-600x450.png 600w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_18_eng-80x60.png 80w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/UniversiTTy_8_19_eng.png\" alt=\"\" class=\"wp-image-10000031459\" srcset=\"https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_19_eng.png 2000w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_19_eng-864x1024.png 864w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_19_eng-768x910.png 768w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_19_eng-1013x1200.png 1013w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_19_eng-1296x1536.png 1296w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_19_eng-1728x2048.png 1728w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_19_eng-354x420.png 354w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_19_eng-600x711.png 600w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_19_eng-68x80.png 68w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/UniversiTTy_8_20_eng.png\" alt=\"\" class=\"wp-image-10000031460\" srcset=\"https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_20_eng.png 2000w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_20_eng-1024x666.png 1024w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_20_eng-768x499.png 768w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_20_eng-1200x780.png 1200w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_20_eng-1536x998.png 1536w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_20_eng-420x273.png 420w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_20_eng-600x390.png 600w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_20_eng-80x52.png 80w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/UniversiTTy_8_21_eng.png\" alt=\"\" class=\"wp-image-10000031461\" srcset=\"https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_21_eng.png 2000w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_21_eng-864x1024.png 864w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_21_eng-768x910.png 768w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_21_eng-1013x1200.png 1013w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_21_eng-1296x1536.png 1296w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_21_eng-1728x2048.png 1728w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_21_eng-354x420.png 354w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_21_eng-600x711.png 600w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_21_eng-68x80.png 68w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/UniversiTTy_8_22_eng.png\" alt=\"\" class=\"wp-image-10000031462\" srcset=\"https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_22_eng.png 2000w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_22_eng-1024x666.png 1024w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_22_eng-768x499.png 768w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_22_eng-1200x780.png 1200w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_22_eng-1536x998.png 1536w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_22_eng-420x273.png 420w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_22_eng-600x390.png 600w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_22_eng-80x52.png 80w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/><\/figure>\n\n\n\n<p>Tambi\u00e9n presta atenci\u00f3n a los grupos de letras y a las diferencias en los detalles entre estas dos fuentes.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/UniversiTTy_8_23.png\" alt=\"\" class=\"wp-image-10000031463\" srcset=\"https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_23.png 2000w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_23-1024x711.png 1024w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_23-768x533.png 768w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_23-1200x833.png 1200w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_23-1536x1067.png 1536w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_23-420x292.png 420w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_23-600x417.png 600w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_23-80x56.png 80w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/UniversiTTy_8_24.png\" alt=\"\" class=\"wp-image-10000031464\" srcset=\"https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_24.png 2000w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_24-1024x681.png 1024w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_24-768x511.png 768w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_24-1200x798.png 1200w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_24-1536x1021.png 1536w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_24-420x279.png 420w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_24-600x399.png 600w, https:\/\/typetype.org\/es\/wp-content\/uploads\/UniversiTTy_8_24-80x53.png 80w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/><\/figure>\n\n\n\n<p>Al comparar estos dos tipos, podemos entender c\u00f3mo trabajar con las proporciones y c\u00f3mo var\u00edan en diferentes fuentes. Tener en cuenta las proporciones al dise\u00f1ar letras ayudar\u00e1 a crear un producto bien pensado y calculado, por lo que recomiendo prestar especial atenci\u00f3n a este aspecto. Lo que quiero a\u00f1adir es que existen muchos tipos de fuentes con distintas caracter\u00edsticas gr\u00e1ficas; intenta analizar cada caso espec\u00edfico en lugar de simplemente dibujar letras siguiendo patrones establecidos. Las reglas cl\u00e1sicas no siempre funcionan para tu idea, as\u00ed que debes abordar cualquier soluci\u00f3n de manera cr\u00edtica.<\/p>\n\n\n\n<p>La pr\u00f3xima lecci\u00f3n estar\u00e1 dedicada al refinamiento detallado del contorno, \u00a1as\u00ed que estate atento!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00a1Bienvenido a la octava lecci\u00f3n de nuestra \u00abUniversiTTy\u00bb! En la \u00faltima lecci\u00f3n, hablamos sobre las compensaciones \u00f3pticas, las alturas de los caracteres en may\u00fascula y min\u00fascula, y el concepto de contraste. En este art\u00edculo, por fin nos centraremos espec\u00edficamente en el dise\u00f1o de glifos.<\/p>\n","protected":false},"author":1590,"featured_media":10000031467,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[188,892],"class_list":["post-31435","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","tag-work-with-fonts","tag-universitett"],"acf":{"show_sidebar":true},"_links":{"self":[{"href":"https:\/\/typetype.org\/es\/wp-json\/wp\/v2\/posts\/31435","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/typetype.org\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/typetype.org\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/typetype.org\/es\/wp-json\/wp\/v2\/users\/1590"}],"replies":[{"embeddable":true,"href":"https:\/\/typetype.org\/es\/wp-json\/wp\/v2\/comments?post=31435"}],"version-history":[{"count":5,"href":"https:\/\/typetype.org\/es\/wp-json\/wp\/v2\/posts\/31435\/revisions"}],"predecessor-version":[{"id":47684,"href":"https:\/\/typetype.org\/es\/wp-json\/wp\/v2\/posts\/31435\/revisions\/47684"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/typetype.org\/es\/wp-json\/wp\/v2\/media\/10000031467"}],"wp:attachment":[{"href":"https:\/\/typetype.org\/es\/wp-json\/wp\/v2\/media?parent=31435"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/typetype.org\/es\/wp-json\/wp\/v2\/categories?post=31435"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/typetype.org\/es\/wp-json\/wp\/v2\/tags?post=31435"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}