Estrategias y herramientas de emparejamiento de fuentes para combinaciones de fuentes perfectas

El emparejamiento de fuentes es parte arte y parte ciencia. Estas estrategias y herramientas de emparejamiento de fuentes le ayudarán a elegir el emparejamiento de fuentes perfecto para cualquier tarea.

El emparejamiento de fuentes es parte arte y parte ciencia.  Estas estrategias y herramientas de emparejamiento de fuentes le ayudarán a elegir el emparejamiento de fuentes perfecto para cualquier tarea.
Anuncio

Las tipografías no son criaturas solitarias. Les gusta pasar el rato, y depende de usted asegurarse de que jueguen bien juntos.

Elegir un tipo de letra es como vestirse para salir. Si vas a la ópera, la elección es bastante fácil. Pero a veces lo invitan a un restaurante / pista de patinaje con estrellas Michelin y la elección se vuelve un poco menos clara.

La clave está en descifrar el mensaje y la audiencia. Una vez que haya determinado esas dos cosas, puede comenzar a refinar sus opciones.

La mecánica de elegir el tipo de letra perfecto ¿Quieres hermosas fuentes gratuitas? Aquí hay más de 25 sitios donde los encontrarás ¿Quieres hermosas fuentes gratuitas? Aquí hay más de 25 sitios donde los encontrará En lugar de pasar por cientos de tipos de letra, aquí hay algunos sitios que lo ayudarán a mantenerse actualizado con todas las fuentes nuevas que desea usar en su próximo diseño. Leer más puede ser un poco sensible, y varía de diseñador a diseñador, pero al final lo único que importa es si el tipo de letra es apropiado para el mensaje.

Una cartilla de tipografía

Hay un par de términos que usaremos a lo largo de esta guía que podrían ser útiles para explicar.

Fuente vs. Tipografía

El primero es la diferencia entre una fuente y un tipo de letra . Si bien a menudo se usan indistintamente, en realidad no son la misma cosa.

Un tipo de letra se refiere a un conjunto general de fuentes. Entonces, por ejemplo, Times New Roman es un tipo de letra. Pero si desea utilizar la versión en negrita o cursiva de un tipo de letra, esa es una fuente . Entonces, por ejemplo, Times New Roman Bold es una fuente.

Clasificaciones de tipo

Las clasificaciones de tipo son una categoría de fuentes basada en su apariencia. Algunas clasificaciones incluyen:

  • Serif
  • Sans-serif
  • gótico
  • Máquina de escribir
  • Guión
  • Decorativo

Estas son simplemente las categorías de tipos que encontrará en varios sitios web de tipo, fundiciones y más.

Serif vs. Sans-Serif

Una de las clasificaciones más comunes para los tipos de letra es serif versus sans-serif. ¿No hay seguridad de cuál es la diferencia? Una fuente serif tiene líneas finas en la punta de las letras. Una fuente sans-serif no tiene funciones extendidas.

Superfamilias

Las superfamilias son un grupo de tipografías que se clasifican en varias categorías. El tipo de letra comenzará con la misma forma básica y luego tendrá elementos agregados para ajustarse a una clasificación específica. Un ejemplo común de una superfamilia es la Superfamilia Lucida.

Elegir tu primer tipo de letra

Algunos tipos de letra te hacen la vida un poco más fácil ya que parecen tener un solo propósito en la vida. Si está considerando Copperplate Gothic, probablemente esté diseñando un menú de steakhouse o algo relacionado con un banco.

estrategias y herramientas para combinaciones de fuentes perfectas copperplate gothic

Desafortunadamente, rara vez es tan fácil. Si tiene problemas para encontrar un candidato adecuado, considere hacer una pequeña investigación. Busque ejemplos que puedan ayudarlo a orientarlo en la dirección correcta.

Recuerde, no está buscando copiar, está buscando inspiración. Lo más probable es que alguien haya resuelto este problema antes, y su solución podría ayudar a informar el suyo.

Una vez que haya elegido ese primer tipo de letra, es hora de pensar en su complemento.

Encontrar su segunda tipografía

Hay muchas pautas para descubrir qué fuentes se combinan bien. Algunas de estas pautas se pueden combinar, y otras se contradicen entre sí.

Si bien hay algunas cosas que deben evitarse por completo cuando se trata del emparejamiento de fuentes (como utilizar demasiadas fuentes), existen otras pautas que son más flexibles y dependen en gran medida del estado de ánimo o el propósito de su diseño.

Aquí hay algunos a tener en cuenta.

1. Mantenerlo en la familia

Una de las cosas más fáciles que puede hacer es simplemente limitar sus opciones a un tipo de letra y variar las fuentes cambiando el tamaño, el peso o la inclinación. Puede que esta no sea la opción más creativa, pero es la manera más simple de crear un poco de diversidad con su texto.

Algunos tipos de letra tienen un conjunto bastante extenso de fuentes. Bebas Neue, por ejemplo, viene en una variedad de pesos. Combina Bebas Neue Bold con Bebas Neue Light en diferentes tamaños y estarás un paso más cerca de un gran diseño.

estrategias y herramientas para combinaciones de fuentes perfectas bebas neue

Mientras que Bebas Neue es un tipo de letra solo para mayúsculas, también puede jugar con mayúsculas como una forma de agregar cierto interés a su diseño.

Si desea un poco más de variedad, pero descubra que mantenerla en la familia funciona mejor para usted, busque superfamilias. La Superfamilia Lucida incluye Sans, Serif, Typewriter Sans, Typewriter Serif, Math y otros tipos de letra.

2. Combine Serifs y Sans-Serifs

Un enfoque común para combinar tipos de letra es combinar un serif con un sans serif. Puede ver en el ejemplo a continuación la diferencia entre una fuente serif en la parte superior (Times New Roman) y un sans-serif debajo (Calibri):

estrategias y herramientas para combinaciones de fuentes perfectas sans with serif

Una de las formas más fáciles de seleccionar las opciones complementarias serif y sans serif es mantenerlo en la superfamilia. Viget proporciona una extensa lista de superfamilias que pueden ser útiles. Esta es una de las maneras más fáciles de asegurarse de que sus fuentes serif y sans serif se complementan entre sí.

3. Limite a dos o tres fuentes

Será difícil encontrar un diseñador profesional que no viva según esta regla cardinal de la tipografía. Si combina fuentes, querrá limitarse a dos o tres.

Si su diseño contiene un encabezado, subencabezado y cuerpo, puede usar tres fuentes diferentes. Probablemente querrás mantenerte solo dos si tu diseño tiene menos texto pesado.

Hay excepciones a la regla, pero solo en tipos de diseño muy particulares.

4. Crear contraste

"Los opuestos se atraen" es definitivamente cierto cuando se trata de fuentes. No quiere usar opciones que son muy similares. Simplemente no agregará nada a su diseño o se verá un poco apagado.

estrategias y herramientas para combinaciones de fuentes perfectas bosquejar fuentes manuscritas

En cambio, empareja una fuente swirly con una negrita. Combina una fuente ligera y espaciosa con una fuente gruesa. Enganche la tipografía serif arriba con una elegante y cursiva opción. Empareje una serifa de losa con una fuente manuscrita 15 Fuentes de caligrafía gratuitas que debe descargar ahora 15 fuentes gratuitas de escritura a mano que debe descargar ahora Ya sea que esté creando una infografía o creando un logotipo, es posible que necesite una buena fuente de escritura a mano. ¡Mira esto! Son algunos de los mejores gratis. Lea más opciones, como en el ejemplo anterior.

Encontrar inspiración e ideas

Finalmente, si todavía te resulta desalentadora la idea de emparejar fuentes, hay muchas herramientas 5 Herramientas para comparar tipos de letra y elegir la fuente adecuada para tu trabajo 5 Herramientas para comparar tipos de letra y elegir la fuente adecuada para tu trabajo Las fuentes y tipos de letra están por todas partes nos. Si eres un diseñador web, debes seleccionarlos cuidadosamente. Cuando intentamos seleccionar una fuente, hacemos una gran cantidad de comparación entre ... Lea más por ahí para ayudarlo a asegurarse de que el pequeño Calibri no termine corriendo con una mala multitud.

Combinaciones de fuentes de Canva

Las combinaciones de fuentes de Canva le permiten seleccionar su primera opción y hacer sugerencias sobre cuál debe ser su compañero.

estrategias y herramientas para combinaciones de fuentes perfectas canva

Typ.io

El sitio web de Typ.io está dividido en dos secciones. La primera sección presenta combinaciones de fuentes de toda la web como fuente de inspiración:

estrategias y herramientas para combinaciones de fuentes perfectas typ.io

Y la otra sección incluye listas de fuentes que se emparejan bien en función de la función, como por ejemplo si se usarán para encabezado o cuerpo de texto:

estrategias y herramientas para combinaciones de fuentes perfectas typ.io

Solo mi tipo

Si te encuentras diseñando en el conjunto de programas de Adobe, Just My Type te será muy útil. El sitio ofrece sugerencias de emparejamiento para las fuentes Typekit de Adobe, así como del servicio Cloud Typography de Hoefler & Co.

Hoefler & Co. también tiene una guía muy útil para elegir "paletas de fuentes". Recomienda combinar fuentes del mismo período histórico con diferentes características o una calidad de línea similar con diferentes texturas. Las sugerencias de fuentes provienen de Hoefler & Co. pero puede aplicar las reglas a otras fuentes.

estrategias y herramientas para combinaciones de fuentes perfectas hoefler and co

Pinterest

Al igual que con la mayoría de las cosas visuales, Pinterest es una gran fuente de inspiración de emparejamiento de fuentes. Solo busque "emparejamiento de fuentes" o "tipografía" y encontrará una gran cantidad de excelentes sugerencias:

estrategias y herramientas para combinaciones de fuentes perfectas pinterest

Tipo de conexión

Haz un juego Una prueba de personaje: 10 juegos de fuentes que prueban que la tipografía puede ser divertida Una prueba de personaje: 10 juegos de fuentes que prueban que la tipografía puede ser divertida Jugar con la tipografía puede ser divertido. Le encantará estos juegos si le gusta el sonido del zorro marrón rápido que saltó sobre el perro perezoso. Descubre de lo que estamos hablando. Lea más de fuentes de emparejamiento con Tipo de conexión. El sitio web le permite elegir su primera fuente y seleccionar su segundo se convierte en algo así como "elija su propia aventura".

¿Quieres ir con algo que proviene de la misma familia, una fuente similar, una fuente contrastante o sumergirnos en el pasado?

estrategias y herramientas para combinaciones de fuentes perfectas typeconnection

Tipo de Google

Si la fuente de su elección de fuente es Google Fonts, Google Type es una gran fuente de inspiración sobre cómo estas fuentes se combinan bien. Usando el texto de Fábulas de Aesop y fotos de Unsplash, el sitio es una inspiración visual de cómo Google Fonts funciona bien juntos.

estrategias y herramientas para combinaciones de fuentes perfectas google type

Font Pair es otra herramienta útil para Google Web font Cómo utilizar Google Fonts en su próximo proyecto web y por qué debería usar Google Fonts en su próximo proyecto web y por qué debería La opción de fuente es una decisión de diseño integral en cualquier sitio web, aún la mayoría de las veces nos contentamos con la misma familia de serif y sans-serif. Si bien el cuerpo principal de texto siempre debe ser algo ... Leer más usuarios, hacer sugerencias para las opciones de fuentes de encabezado y cuerpo que combinan bien.

Typespiration

Typespiration le ofrece ideas no solo sobre cómo combinar fuentes, sino también sobre combinaciones de colores para una buena medida.

estrategias y herramientas para la combinación de fuentes perfectas

Web Blender de fuentes

Web Font Blender no hace las sugerencias por usted, pero le permite jugar con diferentes fuentes de Google y obtener una vista previa con encabezado de muestra, subtítulo y texto del cuerpo.

estrategias y herramientas para combinaciones de fuentes perfectas web font blender

Como beneficio adicional, genera el CSS que necesitaría para usar estas fuentes en un diseño en línea.

¿Cuáles son tus combinaciones favoritas? ¿Hay alguna herramienta con la que no pueda vivir para ayudarlo a emparejar sus muchas opciones de fuentes? ¿Cuáles son tus consejos para encontrar la pareja perfecta? Háganos saber en los comentarios.

Crédito de la imagen: mrdoomits / Depositphotos

In this article