Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Fonts
Design

Cómo combinar fuentes, cómo no y las mejores combinaciones

by
Length:LongLanguages:

Spanish (Español) translation by Viviana Brito (you can also view the original English article)

Final product image
What You'll Be Creating

Se dice que la tipografía es la parte más importante de un diseño gráfico. Tiene el poder de captar la atención de tus lectores, si tomaste las decisiones correctas. Tamaño, color, espacio entre líneas de texto o leading, ajuste del espacio entre las letras (kearning)— todos estos elementos forman parte del diseño. Pero antes de todo eso, está el proceso de selección de fuente.

La combinación de fuentes en bocetos, sitios web y logotipos, son increíblemente importantes ya que forman parte del primer paso para dar vida a tu diseño. Si hojeas un panfleto diseñado, vas a darte cuenta que los diseñadores tienden a usar dos o tres fuentes. Esto se debe a que la combinación de fuentes puede ser algo difícil, incluso para los diseñadores más experimentados.

Un buen emparejamiento de fuentes, es importante porque dicta cuán profesional, legible y estéticamente agradable es tu diseño. Si no combinas las fuentes correctas, afectará a tu diseño y el lector puede llegar a sentirse abrumado con las opciones y simplemente pasar por alto el texto.

Aplica la tipografía como una herramienta para hacer que tu diseño se destaque entre la multitud. Evita combinar fuentes, sólo porque a vos te gustan; intenta darles un sentido. En este artículo, te daré algunos consejos y trucos sobre cómo asociar fuentes y las mejores combinaciones que existen en Elementos Envato. Para este artículo, lo mejor sería que leas Los Diferentes Tipos de Fuentes para entender la clasificaciones que hay.

Por si no lo sabías, Elementos Envato tiene una gran librería de fuentes que incluyen serifs, sans serifs, fuentes decorativas y scripts.

Personalmente, mi favorita es la sección de fuentes decorativas. Si lo que buscas es animar tu diseño, las fuentes para títulos son esenciales, especialmente porque pueden transmitir un concepto y sentimientos específicos.

1. Usa una sola familia de fuentes

Si eres un diseñador novato y todavía no estás seguro sobre cómo combinar fuentes, toma el camino más seguro. Las superfamilias, son familias de fuentes que pueden tener varios anchos y estilos dentro del mismo tipo de letra. Al apegarte a una superfamilia, estás un paso más adelante en la creación de un diseño minimalista. Además, vas a conocer las fuentes con las que trabajarás porque, anatómicamente, son las mismas.

Echa un vistazo a la familia de fuentes Bw Modelica. Esta fuente minimalista tiene cuatro amplitudes y a su vez cada una de ellas viene con ocho pesos diferentes e incluye estilos en cursiva. Serás capaz de usar la más gruesa para encabezados o simplemente para llamar la atención, una más delgada para el copete y una normal para cuerpo del texto. Como esta familia incluye diferentes anchos, ¡puedes experimentar aún más!

La ventaja de emplear una superfamilia, es que el diseñador ya se ha ocupado de hasta los más mínimos detalles de la fuente, adaptándola a mayores o menores escalas. Así que si necesitas usar un sólo estilo para un titular y otro para el cuerpo, no tendrás duda que los caracteres serán legibles en ambos tamaños. Las superfamilias tienen interminables opciones que te permiten mezclarlas. Estas cualidades son geniales si estás buscando combinaciones de fuentes para un sitio web, o si estás diseñando una plantilla para un currículum.

Modelica Font Family
Familia de fuente Bw Modelica

2. Mantenlo minimalista

No a muchas personas les gusta establecer límites, pero cuando se trata de asociar fuentes, esto siempre es algo positivo. Intenta no gastar demasiado tiempo combinando múltiples estilos de fuentes. Intenta apegarte a dos o tres fuentes como máximo—te ahorrará tiempo y los lectores no van a omitir leer el contenido.

Las fuentes tienen personalidades y pueden competir por la atención en una página. Si eliges una superfamilia y te quedas solo con algunas opciones, ¡eso también sirve! Intenta combinar una serif con una sans serif o una script con un sans serif; eso te dará la cantidad adecuada de variedad para que tu diseño se mantenga atractivo.

Debajo, junté Tharon Brush Style con Berlin. Tharon es una fuente manuscrita energética y es perfecta para un logotipo o para el titular de un editorial periodístico. La fuente es audaz y fuerte, por lo que necesita algo moderno y básico para equilibrarla. Ahí es adonde entra Berlin—esta fuente sans serif es geométrica, estructurada y estéticamente lo opuesto a la fuente manuscrita. Berlin es simple y limpia, perfecta para emparejar con una fuente que insinúe movimiento.

Berlin
Berlin
Tharon
Tharon

3. Escoge fuentes contrastantes

Elegir un par de fuentes para tu diseño es un asunto serio. Deseas que las fuentes contrasten y se complementen una a la otra. Anatómicamente hablando, si no hay mucha diferencia entre ellas, esto puede considerarse como un error. Es común e incluso algunas personas pueden afirmar, que una regla de oro es usar una sans serif y una fuente serif porque estas son suficientemente diferentes para juntarlas en un diseño.

Otros diseñadores hasta pueden aventurarse a usar dos fuentes de la misma clasificación. Por ejemplo, si eliges usar dos sans serif, asegúrate de transmitir conceptos similares pero que sean completamente diferentes una de la otra.

Considera cómo estás usando las fuentes y qué hacer al respecto. Puedes lograr contraste mezclando peso, modificando el espacio entre las letras y los estilos. Si estás de verdad inclinado a usar dos tipos completamente diferentes de fuentes, puedes ir a lo clásico con una sans serif y una serif o dependiendo del tema, puedes usar una fuente script y una serif.

Debajo tenemos Ropstone, una fuente decorativa vintage, inspirada en los pósters clásicos. Hay un par de maneras de lograr esto: podemos combinarla con una fuente script o con una sans serif. Una fuente script muy buena que funciona con Ropstone es Ink Blank. La sensación caligráfica contrasta muy bien con las complejidades decorativas de Ropstone.

Si quieres mantenerlo más simple, elige una fuente sans serif como Noir Pro. Una sans serif va a ayudar a la fuente decorativa sin interferir demasiado. La fuente decorativa puede ser aplicada solamente en instancias especiales, como titulares. Mientras tanto, una fuente sans serif puede ser usada en el cuerpo del texto para mantenerlo legible y dejar que la fuente decorativa se destaque. Si estás trabajando con un tema vintage, esta es una buena combinación de fuentes para impresión y para un editorial periodístico.

Ropstone
Ropstone
Ink Blank
Ink Blank
Noir Pro
Noir Pro

4. Transmite el concepto deseado (texto y contenido)

Las fuentes son como los humanos: cada una tiene su propia personalidad y carácter. Si estás diseñando con una idea específica en mente, presta atención al tipo de letra que estás usando. Por ejemplo, la invitación al cumpleaños de un niño puede ser indulgente cuando se trata de usar fuentes decorativas. Pero no vas a querer usar la misma fuente en un documento formal como un currículum o para un restaurante de primera calidad.

Cada fuente tiene una historia y la mayoría de las veces transmite un periodo de tiempo específico. Evita usar una fuente sci-fi en un texto que trata sobre el proceso tradicional de impresión. En lugar de ello antes de elegir una fuente, lee el texto y entiende su significado, piensa qué fuentes pueden realzar la temática. Esto es aplicable para todos los estilos de fuentes.

Almeda es una fuente decorativa vintage que encajaría perfectamente en un texto de 1920, una invitación o un editorial periodístico. Una gran compañera para Almeda es Bw Vivant; esta fuente elegante transmite el glamour de los días Art Deco. Las formas limpias la hacen perfecta para el texto de un cuerpo y soportar las complejidades de Almeda.

Almeda
Almeda
Vivant
Vivant

5. Fuentes para títulos al rescate

Supongamos que elegiste una buena combinación de fuentes, pero la página todavía luce simple. O quieres destacar el titular de una página, pero ya tienes dos fuentes con las que estás trabajando. Está bien: las fuentes para títulos/decorativas están aquí al rescate y pueden animar tu diseño.

Si hojeas una revista, vas a notar que normalmente una fuente serif es usada para el texto del cuerpo y una sans serif para el copete o titulares. Pero si te sientes aventurero, está completamente OK usar una fuente decorativa para el encabezado. Evita usarlas en el texto del cuerpo; mantén las formas de textos largas lo más legibles posible.

Debajo tenemos Addington, una fuente clásica y versátil que es altamente legible en tamaño de punto pequeño. Mojita es una fuente geométrica compleja que está inspirada en el Art Deco Japonés y en los patrones de diseño Azteca y Maya. Para poder balancear el ruido visual que trae aparejado Mojita, Addington trae una calma tradicional. Veo esta asociación como una de las mejores combinaciones de fuentes para impresión, específicamente para una revista de moda.

Addington
Addington
Mojita
Mojita

6. Evita usar el mismo estilo de fuente

Usar el mismo estilo de fuentes puede crear un conflicto en el diseño. Esto se da porque, anatómicamente, lucen similares. Tenemos que tener en cuenta que los lectores no van a ser siempre diseñadores profesionales, así que no van a notar la mínima diferencia entre las fuentes.

Por ejemplo, si deseas usar dos serifs juntas, va a ser difícil hacer que funcionen en una misma página y esto puede parecer un error. En lugar de ello, intenta usar una slab serif con una serif. Slab serifs son más pesadas que las fuentes serif comunes y pueden convertise en la fuente principal en una pieza de diseño, mientras que la fuente serif puede actuar como una fuente de soporte.

Vamos a tomar Addington del ejemplo anterior (versátil, ¿recuerdas?) y mezclarla con Bw Glenn Slab. Esta slab robusta y resistente agrega una peculiaridad a la tradicional Addington. Puedes usar Bw Glenn Slab para titulares; tiene el peso y la personalidad para liderar una página. Muchos periódicos usan este emparejamiento y se debe a que es una de las mejores combinaciones de fuentes. Serif slab es lo suficientemente diferente para llamar la atención, mientras que la serif tradicional presta legibilidad para formas alargadas de texto.

Addington
Addington
Bw Glenn Slab
Bw Glenn Slab

7. Aplica jerarquía para tu beneficio

Hay muchas cualidades que considerar cuando se trata de la jerarquía. Tamaño, color, peso, espacio entre letras—estas variables pueden ayudarte a crear un diseño más fuerte.

Por ejemplo, un titular va a ser posicionado en un punto más alto que el texto del cuerpo. Por lo tanto, el ojo del lector irá primero al titular y luego al texto. Si el peso de la fuente del titular es similar a la del cuerpo, el diseño carecerá de contraste, y por lo tanto la página se verá monótona.

Escoge fuentes que provean la opción de jugar con su peso. Nista Grotesk y Antique tienen una variedad de anchos que te permitirán decidir cómo mezclar y combinar sus fuentes.

Por ejemplo, puedes usar Antique Regular en el cuerpo de un diseño y Nista Grotesk para titulares. La fuente moderna ayuda a mantener el diseño limpio y con siete anchos, puedes encontrar el sentimiento y la determinación que necesita un titular. Las nuevas tendencias en diseño, emplean una sans serif como el texto del cuerpo y una serif como el encabezado. Este aspecto moderno y contemporáneo es perfecto para impresión y currículums.

Nista Grotesk
Nista Grotesk
Antique Luxury
Antique Luxury

8. Quedate con un diseñador

Si eres un diseñador novato y todavía estás aprendiendo cómo combinar fuentes, intenta mezclar aquellas de un mismo diseñador. Mas allá de usar superfamilias, esta es la manera más fácil de aprender cómo emparejar fuentes. Los diseñadores tienen una visión particular y un estilo y esto se aplica también cuando se trata de diseñadores tipográficos.

Elementos Envato tiene increíbles diseñadores con un amplio rango de fuentes que puedes usar. Maulanacreative tiene una extensa librería de fuentes manuscritas y sans serif. Saturasi es un script energético que de seguro se destaca en cualquier diseño y aquí está combinado con Lostfield. Esta sans serif es una familia condensada con múltiples anchos que pueden verse bien en contraste con las líneas delgadas Saturasi.

Las redes sociales se están volviendo cada vez más populares, así que combinar dos de estas fuentes es fantástico si estás buscando un diseño con un fuerte impacto. Las combinaciones en sitios web tienden a ser estáticas, qué mejor manera de añadir movimiento con este increíble script.

Saturasi
Saturasi
Lostfield
Lostfield

9. Prueba dúos de fuentes

Los dúos de fuentes son populares en Elementos Envato. Los diseñadores ya han pasado por el riguroso proceso de encontrar las mejores combinaciones de fuentes. ¡Todos amamos aquello que nos ahorre tiempo! Estos emparejamientos son útiles si estás diseñando invitaciones de boda, publicaciones en redes sociales, artículos editoriales e incluso logotipos. Si estás buscando un concepto en particular, esta es la mejor manera de escoger fuentes.

Ripon es una serif clásica acompañada por una fuente script elegante. Este dúo de fuentes dan una sensación espaciosa y tradicional con un ribete. Perfecto para invitaciones de boda, papelería o material mediático inspirado en la moda.

El dúo de fuente Audacity, contiene una fuente sans serif y una script. Este par es perfecto si lo que estás buscando es un aspecto manuscrito y vintage en tus diseños. Los proyectos de desarrollo de una marca ¡se beneficiarán con esta opción!

Ripon font duo
Ripon
Audacity
Audacity

10. Confía en tu instinto

Como con cualquier otra habilidad, el emparejar fuentes requiere de práctica. Sólo vas a mejorar al probar y combinar fuentes por tu cuenta. Intenta emparejar las combinaciones más locas con las más tradicionales y ve cómo funcionan. No hay una ciencia cierta sobre cómo emparejar fuentes que funcionen perfectamente al juntarlas. Todo está basado en el contenido y el concepto que quieras transmitir. Prueba con múltiples fuentes, cambia su tamaño, usa diferentes colores y observa los caracteres como si fuesen imágenes. ¿Transmiten un sentimiento?

Este dúo increíble de fuentes Lemonade, es la mejor combinación para invitaciones de boda. No muchos pensarán en juntar un script con una serif, pero este emparejamiento funciona muy bien. Las modernas tipografías estilo manuscrito, mantienen el diseño actual, mientras que las serifs delgadas de la segunda fuente añaden glamour y contraste. Ambas fuentes son elegantes por sí mismas, pero al juntarlas son fantásticas compañeras. Así que, ¿qué sentimientos transmiten? Amistad, autenticidad, amor: todos ellos son sentimientos positivos que deben estar presentes en una invitación de boda.

Lemonade
Lemonade

Conclusión

Estos 10 qué hacer y qué no hacer son unos cuantos indicadores que pueden ayudarte a decidir cómo emparejar fuentes para tu próximo proyecto. Mientras estas son reglas de oro (hey! eso significa que puedes romperlas), también es bueno salir de tu zona de confort y experimentar.

Vamos a resumir los trucos y consejos mencionados en este artículo:

  • Usa una superfamilia y toma ventaja de la variedad.
  • Mantenlo minimalista al combinar sólo dos o tres fuentes.
  • Escoge fuentes y estilos contrastantes.
  • Intenta transmitir el concepto del contenido.
  • Añade sabor con fuentes para títulos.
  • Evita usar el mismo estilo de fuente como pares.
  • Utiliza anchos de fuentes para lograr una jerarquía.
  • Combina fuentes del mismo diseñador.
  • Usa dúos de fuentes (¡a quien no le gusta un buen consejo para ahorrar tiempo!).
  • Confía en tu instinto y practica, practica, practica.

Hay demasiadas opciones viables que puedes elegir que te ayudarán a evitar cometer errores. Una vez que te sientas cómodo, sal del molde y comienza a experimentar con las combinaciones más locas. Elementos Envato tiene una amplia librería para explorar, así que de seguro encontrarás algo para tus futuros proyectos.

Si te gustó este tutorial, tal vez te gusten estos:

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.