Estilos tipográficos para diseño web e impreso

La gran mayoría de las personas son bombardeadas con tipos de letra desde el momento en que se despiertan por la mañana hasta el momento en que se acuestan por la noche. Desde las aplicaciones en sus teléfonos hasta los productos de aseo en sus baños y los letreros que ven en su viaje matutino, la tipografía está en todas partes. Pero, ¿cuántas personas realmente notan los estilos tipográficos que los rodean todos los días?

Incluso los diseñadores subestiman los tipos de letra y, a menudo, toman decisiones de tipos basándose en una opinión poco fundamentada en lugar de una comprensión objetiva. ¿La mayoría de los diseñadores conocen los contextos industriales originales para los que se diseñaron varios tipos de letra? ¿Qué significan estos contextos e historias para determinar la legibilidad, el carácter apropiado y el uso de un tipo de letra determinado? No importa en qué disciplina de diseño esté trabajando, ya sea diseño visual, UX o diseño de impresión tradicional, los tipos de letra son elementos esenciales de prácticamente todos los diseños producidos.

Algunos de los tipos de letra más influyentes que se usan hoy en día a menudo se pasan por alto en favor de diseños de tipos de letra únicos que son más nuevos en el mercado, y a veces con razón. Cada uno de los tipos de letra en este artículo tiene décadas, si no siglos, y todos fueron diseñados para diferentes contextos tecnológicos. Por lo tanto, se han creado muchas alternativas o actualizaciones desde que se introdujeron. Incluso algunas de las fuentes diseñadas originalmente para pantallas se han vuelto obsoletas a medida que las pantallas y las impresoras tienen una resolución más alta y son capaces de mostrar formas más complejas con precisión.

Tipos de letra serif

Comprender la diferencia entre los estilos tipográficos serif y sans-serif es una de las reglas más fundamentales de la tipografía. Para muchos, esto puede ser obvio, pero la serifa es el trazo que se da al final de las principales líneas horizontales y verticales de un carácter. Hay muchas subclases dentro de las serifas, incluidas las serifas finas, de cuña y de losa, que describen las cualidades visuales de la serifa en sí.

En general, las serifas tienen una historia más larga que las san serifas, ya que fueron los primeros tipos de letra utilizados para imprimir libros después de la invención de Gutenberg Press. Esencialmente, las gracias permiten una lectura extensa más cómoda, ya que guían el ojo suavemente de un carácter a otro, lo que hace que la serif sea ideal para trabajos impresos de formato largo. Debido a esto, las serifas siguen siendo generalmente el tipo de letra preferido para trabajos impresos, como libros o informes, aunque no es una regla absoluta. Cada tipo de letra tiene sus propias cualidades específicas, y hay algunos tipos de letra serif que no son realmente adecuados para grandes porciones de cuerpo de texto (y algunos tipos de letra sans-serif que son perfectamente legibles y legibles para trabajos de formato largo).

Baskerville

Baskerville es una de las serifas clásicas que ha resistido la prueba del tiempo y todavía se usa ampliamente en la actualidad. Baskerville se diseñó en un período de transición entre los primeros tipos de letra (Bodoni y Didot) y los tipos de letra de los siglos XIX y XX por venir. Baskerville ha tenido éxito debido a sus formas de letras notablemente de alto contraste.

El diseñador, John Baskerville, era un perfeccionista intenso y, por lo tanto, creó una fuente con hermosos detalles. El tipo de letra solo podía imprimirse en sus propias máquinas para garantizar que las formas de las letras se transfirieran correctamente a la página. Esta historia es significativa, ya que Baskerville se ha adaptado a los diversos medios en los que trabajamos hoy. Los detalles incorporados en cada forma de letra hacen que Baskerville no sea adecuado para medios de baja resolución, incluidas pantallas de baja resolución o malas impresoras. Dicho esto, cuando a Baskerville se le da la oportunidad de expresar su calidad, es un tipo de letra serif excelente.

Un buen ejemplo de un tipo de letra digital moderno en el que Baskerville ha influido mucho es el tipo de letra que Amazon ha encargado para el Kindle, Bookerly. Si está buscando una alternativa a Baskerville que mantenga su riqueza de 200 años mientras se actualiza para que sea legible en pantalla, Bookerly podría ser una buena solución. Otras alternativas incluyen Mrs. Eaves y Plantin.

Times New Roman

Times New Roman, como muchas fuentes ampliamente utilizadas que han existido por un tiempo, es un tipo de letra polarizador que es amado por muchos, pero también detestado por algunos. A menudo, lo que la gente ama u odia de TNR es lo mismo: su neutralidad apática.

Matthew Butterick escribe: “Times New Roman no es tanto una elección de fuente como la ausencia de una elección de fuente, como la negrura del espacio profundo no es un color. Mirar Times New Roman es mirar al vacío”. Times New Roman se siente tan simple en gran parte debido a su abrumadora ubicuidad como resultado de su exposición del periódico para el que fue diseñado, el Times de Londres.

Times New Roman fue diseñado para los intereses comerciales del periódico, que era mantener la legibilidad mientras metía tantas palabras en una línea, y por lo tanto en una página, como fuera posible. Los diseñadores fueron muy públicos sobre el uso de la fuente con los periódicos, ya que es más estrecha y más legible en columnas delgadas, pero no es ideal para libros con líneas más largas. Esta eficiencia se logró aumentando la altura x y redujo significativamente el seguimiento o espacio entre caracteres.

Debido al éxito del tipo de letra con el Times, Times New Roman fue adoptado poco después por la mayoría de los periódicos estadounidenses, convirtiéndolo así en uno de los tipos de letra más omnipresentes. Debido a esta ubicuidad, algunos diseñadores desaconsejan el uso de Times New Roman, ya que puede dar la impresión de apatía o tacañería. Algunas otras fuentes de estilo editorial que podría considerar son Arnhem, Le Monde Journal o Plantin.

Garamond

Garamond Antiqua es un tipo de letra purista de estilo antiguo diseñado por el icónico punzonador parisino Claude Garamond. Garamond fue una de las primeras caras diseñadas para la tipografía, lo que significa que era ideal para los textos de cuerpo largo de la última moda de su tiempo: las novelas.

Como una cualidad inherente de la era en la que fue diseñado, Garamond le da al texto una sensación de estilo del viejo mundo. Sin embargo, sus serifas redondeadas mantienen el texto más informal que muchas de sus contrapartes serifas. Garamond se ha mantenido como una fuente prolífica en virtud de sus formas claras, lo que permite a los usuarios leer extensamente sin cansarse. Los cuerpos grandes de los personajes y las altas alturas de las x crean mucho espacio alrededor de cada letra, lo que hace que las palabras sean perceptiblemente más grandes y, por lo tanto, más legibles.

Aunque muchos diseñadores argumentarían a favor de la atemporalidad de Garamond, sus formas simplemente no son ideales para la tipografía web. Las virtudes impresas de Garamond incluyen sus suaves curvas que se mezclan de un carácter a otro, haciéndolo más legible durante largos períodos de tiempo. La desventaja es que estas curvas se vuelven borrosas en tamaños más pequeños en la pantalla, lo que dificulta su legibilidad. Por lo tanto, a pesar de las numerosas recreaciones de Garamond que puede encontrar en línea, la mayoría de los diseñadores para la pantalla creen que se ha vuelto obsoleto. Dicho esto, los diseñadores de EB Garamond todavía piensan lo contrario y están tratando de revitalizar este clásico en la comunidad de código abierto.

Si buscas alternativas a Garamond, echa un vistazo a Sabon o Minion.

Georgia

Quizás en respuesta a tipos de letra como el fracaso de Garamond en la pantalla, Microsoft encargó a Matthew Carter en la década de 1990 que diseñara un tipo de letra específicamente para la legibilidad en pantalla. Y nació Georgia.

Muchos creen que Georgia carece de la calidad neutral de otras serifas producidas en masa, como TNR, y le da al texto una calidad amigable y encantadora. Por lo tanto, la impresionante hazaña de diseño de Carter es que logró resolver el problema de la legibilidad en pantalla manteniendo el carácter atractivo de las caras impresas.

La historia es que Carter diseñó Georgia mientras trabajaba en una nueva versión de la fuente Scotch Roman del siglo XIX. Georgia mantiene muchas de las cualidades de su predecesor. Sin embargo, para crear a Georgia para la pantalla, Carter hizo algunos cambios esenciales: aumentó la altura de la x, redondeó los números y creó ligeras desalineaciones para mantener el sentido del carácter.

Aunque Georgia ahora se ha establecido como un clásico, también se considera que tiene una sensación más moderna que muchos otros tipos de letra serif. Miller y Abril tienen una sensación similar y son buenas alternativas.

Tipos de letra Sans-Serif

Aunque algunos pueden argumentar que el estilo tipográfico sans-serif apareció por primera vez en la antigüedad, no se incorporaron oficialmente al uso generalizado y a la sociedad moderna hasta el siglo XIX. Con el auge de la publicidad, los periódicos y los medios de comunicación, surgió la necesidad de tipos de letra que pudieran leerse como encabezados claros desde la distancia y que fueran representativos de una nueva era de la industria.

verdana

Verdana comparte una historia similar con su prima, Georgia, ya que ambos fueron diseñados por Matthew Carter para Microsoft en los años 90. Por lo tanto, Verdana es un sans-serif diseñado específicamente para la pantalla. Al igual que muchas fuentes que buscan claridad, Verdana tiene una gran altura x para aumentar la legibilidad. Verdana se conoce como humanista sans-serif, lo que significa que mantiene algunas de las cualidades y la lógica de diseño de los tipos de letra serif.

Sin embargo, Matthew Carter era consciente de los espacios potencialmente restrictivos en los que algunos textos pueden abarrotarse en la pantalla, por lo que los tamaños de los caracteres de Verdana están lo suficientemente equilibrados para evitar abarrotarlos en aplicaciones o plataformas sin un encabezado estable. Teniendo en cuenta que Verdana fue diseñado para su uso en los años 90, es especialmente efectivo aún en dispositivos de baja resolución. Sin embargo, a medida que las pantallas aumentan en calidad, las fortalezas de Verdana se pierden y no funciona tan bien como antes.

Si usa Verdana impresa, su espacio amplio le da la calidad de una fuente de máquina de escribir monoespaciada. Esta cualidad hace que Verdana sea una mala elección para grandes cuerpos de texto impreso. Una alternativa que podría considerar ahora es Colfax. Los diseñadores de Colfax tienen en cuenta la falta de restricciones mecánicas en el diseño de tipos de hoy y han creado una fuente que es más apropiada tanto para pantallas de alta resolución como para impresión de inyección de tinta.

Gesta y PT Sans son buenas alternativas a Verdana.

franklin gótico

Franklin Gothic es un tipo de letra sans-serif realista que fue creado originalmente en 1902 por Morris Fuller Benton de American Type Founders (ATF) y ampliado para incluir más pesos en las décadas de 1970 y 1990 por ITC. Las versiones digitales del tipo de letra han sido creadas por Adobe, International Typeface Corporation (ITC), Monotype Imaging y URW.

El tipo de letra original, que Benton admitió que fue diseñado como un homenaje a Benjamin Franklin, era más adecuado para titulares y uso comercial en lugar de largos bloques de cuerpo de texto. Desde entonces, las actualizaciones con pesos y estilos adicionales han ampliado las opciones de uso.

La calidad atemporal de Franklin Gothic aún lo convierte en una opción popular para muchos medios de comunicación, más de un siglo después de su lanzamiento original. La revista Time y The New York Times lo usan para varios titulares, las fichas de Scrabble en las versiones del juego de EE. UU. y Canadá lo presentan, y la versión condensada incluso se usó para el texto de apertura en las películas de Star Wars.

Si bien Franklin Gothic sigue siendo increíblemente popular, una alternativa popular es News Gothic, el popular sucesor del original de Benton, con una construcción más estrecha y menos contraste de trazos. Otras alternativas incluyen Trade Gothic, Benton Sans y Maple.

futura

Futura, lanzada en 1927, es el resultado directo de uno de los primeros tipos de letra sans-serif geométricos (a diferencia de sans-serif humanista). El mayor competidor de Futura, Erbar Grotesk (lanzado en 1926), fue diseñado en la enormemente influyente Bauhaus, con la intención de comunicar todo lo que la escuela consideraba moderna a principios del siglo XX. Esto significó que la lógica geométrica eliminó cualquier indicio de ornamentación y apuntó a la lógica pura en las formas de las letras creadas.

Al igual que Erbar Grotesk, Futura incluye formas de letras basadas en formas geométricas, principalmente el círculo (aunque también cuadrados y triángulos donde los círculos no eran apropiados). Incluye bajo contraste entre sus trazos, con letras ascendentes altas en minúsculas y caracteres en mayúsculas que comparten proporciones similares a las mayúsculas romanas. Su diseñador, Paul Renner, creía que los tipos de letra modernos deberían tener sensibilidades modernas en lugar de ser simplemente reiteraciones de diseños anteriores.

Futura ha experimentado mucha fama a lo largo del siglo XX, ya que los astronautas del Apolo 11 dejaron una placa en la luna en Futura; Volkswagen y muchas otras marcas lo han adoptado; y varios cineastas, incluidos Stanley Kubrick y Wes Anderson, se han reapropiado de ella. Si aprecia la calidad moderna de Futura pero lo encuentra un poco usado en exceso, considere probar FF Super Grotesk, HK Grotesk (código abierto) o Neuzeit.

branquia sans

Monotype, la misma fundición tipográfica que nos trajo Times New Roman, encargó al erudito Eric Gill (escultor, tipógrafo y artista gráfico) que produjera una fuente para la señalización moderna de Londres. Gill Sans, al contrario de Futura, es una fuente humanista con un estilo menos reglamentado que sus contemporáneos alemanes. La "R" está ligeramente ensanchada y la "g" minúscula de las "gafas" es casi icónica. La calidad de negrita natural de la fuente funciona bien para pantallas y encabezados, sin embargo, los pesos más ligeros lanzados más tarde son adecuados para el cuerpo del texto.

Su historia en el metro de Londres, la BBC y la Iglesia de Inglaterra, además de su calidad moderna pero humana, hacen que el tipo de letra sea esencialmente británico. Aunque la fuente es clásica en proporción, tiene algunos destellos artísticos que la hacen más alegre que su austera contraparte alemana, DIN.

Dicho esto, muchos de estos destellos artísticos han hecho que Gill Sans no sea deseable para algunos diseñadores gráficos. Específicamente, la minúscula "a'" a menudo se critica por estar desequilibrada y perder legibilidad.

¿Buscando alternativas a Gill Sans? Echa un vistazo a ITC Johnston o P22 Underground.

Helvética

Helvetica es el único tipo de letra que inspiró su propia película (2007). Podría decirse que es la fuente más famosa/ubicua en la actualidad. La fuente nació de una competencia generalizada en los años 50 por nuevas versiones de las fuentes Grotesk ampliamente populares.

Las fuentes Grotesk habían evolucionado gradualmente para aumentar la legibilidad. Sin embargo, no todos los tipos de letra funcionaron bien tanto con los linotipos manuales como con los mecánicos. La máquina de linotipia requería que tanto los caracteres regulares como los cursivos se configuraran con el mismo ancho, lo que obligaba a que las cursivas parecieran demasiado anchas y los regulares demasiado angostos.

Helvetica se diseñó específicamente con ajustes precisos de los caracteres para mantener la belleza y la legibilidad modernas de los tipos de letra Grotesk y, al mismo tiempo, permitir a los diseñadores los beneficios de la producción en masa. Lanzada por primera vez en la feria comercial "Graphic 57", la fuente se hizo omnipresente en todo el diseño suizo.

Otros tipos de letra que son buenas alternativas a Helvetica incluyen Maison Neue, Univers y Folio.

Tipos de letra monoespaciados

Los estilos tipográficos monoespaciados se diseñaron originalmente para la máquina de escribir. La principal cualidad que hay que entender sobre esta categoría de tipo de letra es que la máquina de escribir requería que cada carácter se escribiera con el mismo espacio. Por lo tanto, cada carácter se coloca dentro de una sola matriz organizadora en un cuerpo de texto mientras que, a menudo, otras fuentes varían en espaciado para administrar la legibilidad.

En última instancia, fuera del contexto de la máquina de escribir, existen pocas aplicaciones en las que tenga sentido utilizar tipos de letra monoespaciados. El espaciado igual significa que son menos eficientes y, en general, también menos legibles. Una excepción a esta regla son las aplicaciones diseñadas para escribir código, donde el espacio uniforme puede ayudar a la legibilidad.

Algunos ejemplos de estos son Courier, Consolas, Letter Gothic o Source Code Pro (gratis). Sin embargo, algunos diseñadores simplemente no pueden negar la estética nostálgica; por lo tanto, siguen siendo populares.

Tipos de letra del sistema

Los tipos de letra del sistema son los que vienen con su dispositivo o programa. Hay diferentes tipos de letra del sistema para Mac, Windows e incluso productos de Adobe. Todos los tipos de letra incluidos en este artículo tienen al menos algunas variaciones que son fuentes del sistema.

Hay algunos inconvenientes en el uso de fuentes del sistema. La más grande es que estos tipos de letra generalmente están increíblemente sobreexpuestos. Debido a que están incluidos en la computadora de casi todos, la gente los ve día tras día, tanto en diseños buenos como malos. Si bien no todos los proyectos tipográficos deben estar a la vanguardia de la originalidad, es importante comprender que si se supone que la marca para la que está diseñando es única y original, el uso de una fuente del sistema a menudo lo socavará.

Otro inconveniente importante de usar fuentes del sistema es que algunas de ellas simplemente no son muy buenas. Arial me viene a la mente...

Finalmente, muchas fuentes del sistema están diseñadas específicamente para ser altamente legibles en la pantalla y pueden no ser particularmente legibles en forma impresa. Puede que esto no sea un problema para todos los proyectos que emprende un diseñador, pero es algo que debe tenerse en cuenta.

Elegir un gran tipo de letra para el trabajo de diseño

Al diseñar para una marca en particular, elegir un tipo de letra profesional apropiado es un trabajo crítico para cualquier diseñador, especialmente si se considera que las licencias para algunas familias tipográficas pueden superar los $1000.

Elegir una familia tipográfica que incluya una gran variedad de pesos, anchos e incluso variaciones tanto serif como sans-serif es una buena idea para muchos proyectos. Esto brinda a los diseñadores muchas opciones para cualquier proyecto que pueda surgir para una marca en particular e incluso permite actualizaciones de material de marketing utilizando fuentes "diferentes" que en realidad no son tan diferentes (y, por lo tanto, es menos probable que molesten a los consumidores y a los leales a la marca). , como ha sucedido en muchos grandes rediseños de grandes marcas). Una familia de fuentes profunda se puede combinar fácilmente y tener una variedad de personalidades.

Cuando busque un tipo de letra para combinar con una biblioteca de tipos existente para un uso más general en proyectos, concéntrese en elegir fuentes con características similares. Esto significa considerar todas las cualidades de las mayúsculas y minúsculas, las alturas x y la geometría formal. Los sitios como Typewolf pueden ser invaluables para encontrar fuentes que combinen con las opciones existentes que ya están disponibles (así como excelentes alternativas para aquellos momentos en que un cliente dice que quiere algo "como" Helvetica pero definitivamente no Helvetica).