7 tipografías modernas y cómo combinarlas en tus diseños

Tipos Móviles

No sé si a vosotros os pasa lo mismo que a mí, pero cuando me encargan un trabajo o cuando necesito maquetar algo, una de las primeras decisiones creativas que me gusta tomar es qué tipografías voy a utilizar. Para ello, suelo acudir a Google Fonts, banco tipográfico por excelencia, y me puedo tirar una hora intentando encontrar la más adecuada.

Hay miles y miles de fuentes, y no siempre es fácil combinarlas. Por eso, al final he optado por hacerme una lista de tipografías que me gustan y tipografías que quedan bien juntas. Una mala combinación tipográfica puede arruinar un diseño.

Para inspirarte, voy a compartir en este post parte de mi lista, te contaré cuales son las 7 tipografías modernas que más me gustan y para qué suelo utilizarlas, además, te facilitaré algunas combinaciones con estas tipografías que quedan de escándalo. Pero antes de entrar en materia, definamos qué son las tipografías o fuentes modernas.

¿Qué son las tipografías modernas?

Paradójicamente, cuando hablamos de tipografías modernas no nos referimos a tipografías “nuevas”, si no a aquellas fuentes tipográficas creadas a partir de principios del siglo XX que, inspiradas en el diseño gráfico moderno, marcaron un antes y un después en la historia del diseño tipográfico. Son tipos muy legibles y limpios. Las hay con y sin serifas, pero en ambos casos, con más o menos decoración, no se sacrifica la legibilidad por la belleza. Hoy en día, las tipografías modernas están muy presentes en el diseño web.

Diseño moderno y diseño modernista

Antes de seguir, creo que debemos recordar que no es lo mismo el diseño gráfico moderno que el diseño gráfico basado en el modernismo o Art Nouveau. El Art Nouveau es un movimiento artístico que se desarrolla a finales del siglo XIX y principios del siglo XX, que se caracteriza por su ornamentación y su inspiración en la naturaleza. Tuvo gran influencia en el diseño gráfico, diseñadores como Alphonse Mucha pertenecen a esta corriente.

Pero… ¿A qué nos referimos entonces cuando hablamos de diseño gráfico moderno? Pues, también a principios del XX, surge la necesidad de simplificar y depurar los diseños para hacerlos más funcionales. Algunos diseñadores optaron por liberar a sus piezas de artificios, adoptando un estilo más sencillo. Los antecedentes debemos buscarlo en la escuela de la Bauhaus que, bajo el lema “la forma sigue a la función”, reformó las bases del diseño gráfico.

Todas estas características que mencionamos del diseño moderno pueden atribuirse también al diseño de la tipografía. En palabras del tipógrafo Douglas McMurtrie, “la función principal de la tipografía es transmitir un mensaje de modo que lo comprendan los lectores a quienes está dirigido”. Así, el diseño tipográfico, abrazará esta función de las fuentes para adaptar su forma a ella. La tipografía moderna se caracterizará por cuidar la legibilidad por encima de todo.

Mis 7 tipografías modernas favoritas y cómo combinarlas

Lato

Tipografía moderna Lato

Lato es una familia de fuentes tipográficas creada en 2010 por el tipógrafo polaco Lukasz Dziedzic. La familia Lato se ha convertido en una de las más utilizadas para el diseño web, es gratuita y se compone de 18 estilos tipográficos. 

Lato Regular

Lo que más me gusta de la Lato Regular es su versatilidad, es una fuente muy neutra, de palo seco y que es adecuada para casi todo tipo de proyectos. Normalmente, la utilizo para el cuerpo de texto y, como en esto de la combinación tipográfica funcionan muy bien los contrastes, suelo acompañarla de letras con serifas y curvas.  Comparto con vosotros dos combinaciones a las que suelo recurrir muy a menudo. 

Combinación tipografía moderna Lato Regular con Merriweather BoldCombinación tipografía moderna Lato Regular con Abril Fatface

Lato Bold y Lato Black

Estos estilos de la familia Lato son una buena opción para tus titulares y textos de mayor jerarquía. Me gusta utilizar una tipografía de palo seco y gruesa, como la Lato Bold, para los titulares y acompañarla de una tipografía con serifa, muy fina, como la Merriweather Light. Esta combinación me parece una bomba.

Combinación fuente moderna Lato Bold con Merriweather Ligth

Al principio, no me atrevía a combinar tipografías de la misma familia.  Sin embargo, es algo que, si se hace bien, jugando con el contraste de grosor y tamaño, funciona. Combinar, por ejemplo, la Lato Black y la Lato Light, me parece interesante.

Combinación tipografías modernas Lato Black y Lato Light

Futura

Tipografía Moderna Futura de Paul Renner

La familia Futura, compuesta por tipografías de palo seco, fue creada en 1927 por Paul Renner, uno de los diseñadores gráficos y tipógrafos más importantes de la historia. Basada en formas geométricas y en línea con el estilo de la Bauhaus, esta familia tipográfica continúa siendo una de las más utilizadas. Tanto es así que empresas y entidades muy reconocidas como IKEA, Volkswagen e incluso la NASA la han utilizado en algún momento en sus diseños corporativos. Si quieres una combinación elegante y atractiva, te recomiendo que pruebes a utilizar la Bodoni Bold, tipografía serif que te sonará por el logotipo de la revista Vogue, junto a la Futura Medium para textos de menor jerarquía.

Tiografía Moderna Futura y Bodoni

Archivo Black

Archivo Black es una fuente tipográfica sans serif de Omnibus-Type, una distribuidora de tipografías que pone a disposición del usuario tipografías gratuitas y libres. Lo que más me gusta de esta fuente es que funciona muy bien en papel y web. Por tanto, si estás buscando tipografías para un proyecto que se desarrolla simultáneamente en estos dos soportes, esta fuente podría ser una buena opción. Normalmente, no suelo combinar tipografías que se parecen, es una decisión demasiado arriesgada. Sin embargo, he de reconocer que me gustas bastante la combinación de la Archivo Black para títulos con la Montserrat para el cuerpo de texto, bajo mi punto de vista, funciona.

Combinación tipografía Moderna Archivo Black y Monserrat Regular

Bebas Neue

Esta tipografía es una de las que más utilizo para titulares. Creada por el diseñador japonés Ryoichi Tsunekawa, es una fuente que destaca por su forma alargada y su sencillez. El único inconveniente que le encuentro es que solo dispone de letras mayúsculas, por lo que no podrás utilizarla para cuerpos de texto, está pensada para frases cortas, titulares, slogans…  Sin embargo, la familia cuenta con distintos estilos y es muy versátil, es difícil combinarla mal, queda bien con fuentes muy distintas, desde tipografías con serifa, tales como la Georgia, a tipografías de palo seco, como por ejemplo la Montserrat Light.

Combinación de tipografía Moderna Bebas Neue y Georgia

Bebas Neue + Georgia

Tipografía Moderna Bebas Neue y Montserrat Light

Bebas Neue + Montserrat Light

Univers

Tipografía Moderna Univers

Esta maravillosa familia tipográfica fue creada por el suizo Adrian Frutiger en 1957. Es una de esas fuentes nacidas en el contexto de la renovación del estilo tipográfico y la revalorización de las tipografías de palo seco. Llegó a ser muy reconocida a finales del siglo XX. 

La Univers es una tipografía limpia y geométrica, tiene mucha presencia, por lo que es muy buena opción para tus titulares y combina a la perfección con tipografías serif más clásicas como las basadas en la Caslon o la Baskerville.

Tipografía Moderna Univers Bod y Libre Caslon

Univers Bold + Libre Caslon Regular

Tipografía Moderna Univers Bold y Baskerville

Univers Bold + Baskerville

Helvetica

Tipografía moderna Helvetica

La Helvetica es otra de las familias tipográficas que aparecieron en el siglo XX para quedarse en nuestras vidas. Fue creada en 1957 por los tipógrafos Max Miedinger y Eduard Hoffman por encargo de la fundición Hass, que pretendía modernizar sus tipos de palo seco.

Hoy en día continúa siendo una de las tipografías más utilizadas por los profesionales del diseño gráfico. Grandes marcas como Jeep, Toyota o Panasonic han utilizado la Helvetica en sus logotipos.

Es una familia tipográfica muy versátil, sans serif y redondeada. Dispone de numerosos estilos de distinto peso, por lo que su uso es muy versátil. Una combinación a la que yo recurro mucho es a la Helvética, para titulares, con la Garamond, para cuerpo de texto.

 

Combinación tipografía moderna Helvetica y Garamond

Roboto

Fuente tipográfica moderna Roboto

Cerraré mi lista de 7 tipografías modernas con la Roboto. Esta familia de tipografías sans serif fue creada para Google por el diseñador de interfaces Christian Robertson, como fuente del sistema operativo Android 4.0. Lo que más me gusta de la Roboto es su legibilidad y que es una tipografía relativamente fácil de combinar. Además, es una de las tipografías más utilizadas en internet, por lo que, al estar presente en numerosas webs, nos produce una sensación de familiaridad que puede jugar muy a nuestro favor si la implementamos en nuestros diseños. Combinar una tipografía de palo seco, como la Roboto, en un estilo grueso con una tipografía serif como la Rockwell me parece un gran acierto.

Combinación tipografía moderna Roboto Bold y Rockwell

Recuerda que la lista de 7 tipografías modernas que te ofrezco y las pistas sobre cómo combinarlas son solo algunas sugerencias que pueden servirte de inspiración. La elección y combinación tipográfica es una tarea que requiere probar y probar, hasta que das con fuentes que armonizan perfectamente. Así, te recomiendo que experimentes y busques las combinaciones que te resulten más útiles, personales y adecuadas para tus proyectos. Sírvete de reglas sencillas, busca el contraste, ten en cuenta la jerarquía de los textos, cuida la legibilidad y, sobretodo, da rienda sueltas a tu imaginación para crear tu mejor diseño. 

 

 

 

 

 

 

 


El contenido del artículo se adhiere a nuestros principios de ética editorial. Para notificar un error pincha aquí.

2 comentarios, deja el tuyo

Deja tu comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

*

*

  1. Responsable de los datos: Miguel Ángel Gatón
  2. Finalidad de los datos: Controlar el SPAM, gestión de comentarios.
  3. Legitimación: Tu consentimiento
  4. Comunicación de los datos: No se comunicarán los datos a terceros salvo por obligación legal.
  5. Almacenamiento de los datos: Base de datos alojada en Occentus Networks (UE)
  6. Derechos: En cualquier momento puedes limitar, recuperar y borrar tu información.

  1.   LORENA dijo

    Muy buen artículo!!! Súper importante agregar también para nosotros, los de habla hispana, es elegir tipografías que cuenten con los caracteres que necesitamos, sobre todo tíldes y eñes… me ha pasado más de una vez que elijo una que no los tiene y luego tengo que volver atrás por no notarlo!

    1.    Lola Curiel dijo

      Gracias por tu comentario Lorena. Muy buen apunte el que haces, a todos nos ha pasado alguna vez ¡Da mucha rabia!