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

  • Harry James
  • 0
  • 1510
  • 296
Anuncio

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

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

La clave es 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 realmente el tipo de letra perfecto Los 8 mejores sitios web de fuentes gratuitas para fuentes gratuitas en línea Los 8 mejores sitios web de fuentes gratuitas para fuentes gratuitas en línea No todos pueden permitirse una fuente con licencia. Estos sitios web lo ayudarán a encontrar la fuente gratuita perfecta para su próximo proyecto. puede ser un poco sensible y varía de un diseñador a otro, pero al final lo único que importará es si el tipo de letra es apropiado para el mensaje.

Una cartilla de tipografía

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

Fuente vs. Tipografía

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

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

Clasificaciones de tipo

Las clasificaciones de tipo son una categoría de fuentes según 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 tipos de sitios web, fundiciones y más.

Serif contra 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 las puntas de las letras. Una fuente sans-serif no tiene características extendidas.

Superfamilias

Las superfamilias son un grupo de tipos de letra que se clasifican en varias clasificaciones. 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 hacen que su vida sea un poco más fácil al parecer que solo tienen un propósito en la vida. Si está considerando Copperplate Gothic, probablemente esté diseñando un menú de asador o algo relacionado con un banco.

Desafortunadamente, rara vez es tan fácil. Si tiene problemas para encontrar un candidato apropiado, considere investigar un poco. Busque ejemplos que puedan ayudarlo a orientarse en la dirección correcta.

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

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

Encontrar su segundo tipo de letra

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 absolutamente cuando se trata de emparejar fuentes (como usar 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. Mantenlo en la familia

Una de las cosas más fáciles que puede hacer es limitar sus elecciones 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 forma más sencilla 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. Combine Bebas Neue Bold con Bebas Neue Light en diferentes tamaños y estará un paso más cerca de un gran diseño..

Si bien Bebas Neue es un tipo de letra solo con mayúsculas, también puede jugar con las mayúsculas como una forma de agregar algo de interés a su diseño.

Si desea un poco más de variedad, pero encuentra que mantenerlo 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. Combina Serifs y Sans-Serifs

Un enfoque común para combinar tipos de letra es emparejar 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 una sans-serif a continuación (Calibri):

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

3. Limite a dos o tres fuentes

Te resultará difícil encontrar un diseñador profesional que no cumpla con esta regla fundamental de la tipografía. Si combina fuentes, querrá limitarse a dos o tres.

Si su diseño contiene un encabezado, subtítulo y cuerpo, puede usar tres fuentes diferentes. Probablemente quieras quedarte con solo dos si tu diseño tiene menos texto.

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 desea utilizar opciones que sean demasiado similares. Simplemente no agregará nada a su diseño o se verá un poco apagado.

En cambio, empareje una fuente swirly con una negrita. Combina una fuente ligera y aireada con una gruesa. Conecte su tipo de letra serif con una opción elegante y cursiva. Combine un sif serif con una opción de fuente manuscrita 15 Fuentes de escritura a mano gratuitas que debe descargar ahora 15 Fuentes de escritura a mano gratuitas 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 de forma gratuita. elección, como en el ejemplo anterior.

Encontrar inspiración e ideas

Finalmente, si aún encuentra desalentadora la idea de emparejar fuentes, hay muchas herramientas 5 Herramientas para comparar tipos de letra y elegir la fuente correcta para su trabajo 5 Herramientas para comparar tipos de letra y elegir la fuente correcta para su trabajo Las fuentes y los tipos de letra están por todas partes nosotros. Si es diseñador web, debe seleccionarlos cuidadosamente. Cuando intentamos seleccionar una fuente, comparamos bastante entre ... 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 debería ser su socio.

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:

Y la otra sección presenta listas de fuentes que se emparejan bien según la función, como si se usarán para el texto del encabezado o del cuerpo:

Solo mi tipo

Si se encuentra diseñando en el conjunto de programas de Adobe, Just My Type 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” Recomiendan combinar fuentes del mismo período histórico con diferentes características o calidad de línea similar con diferentes texturas. Las sugerencias de fuentes provienen de Hoefler & Co. pero puede aplicar las reglas a otras fuentes.

Pinterest

Como con la mayoría de las cosas visuales, Pinterest es una gran fuente de inspiración para combinar fuentes. Solo busca “emparejamiento de fuentes” o “tipografía” y encontrarás un montón de excelentes sugerencias:

Tipo de conexión

Hacer un juego Una prueba de carácter: 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. Te encantarán estos juegos si te gusta el sonido del rápido zorro marrón que saltó sobre el perro perezoso. Descubre de qué estamos hablando. de emparejar fuentes con Type Connection. El sitio web le permite elegir su primera fuente, y seleccionar la segunda se convierte en una especie de “elige tu propia aventura.”

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

Tipo de Google

Si la fuente de su elección es Google Fonts, Google Type es una gran fuente de inspiración para saber cómo se combinan bien estas fuentes. Usando el texto de las fábulas de Esopo y las fotos de Unsplash, el sitio es una inspiración visual de cómo las fuentes de Google funcionan bien juntas.

Font Pair es otra herramienta útil para la fuente web de Google Cómo usar las fuentes de Google en su próximo proyecto web y por qué debería hacerlo Cómo usar las fuentes de Google en su próximo proyecto web y por qué debería elegir la fuente es una decisión de diseño integral en cualquier sitio web, aún la mayoría de las veces estamos contentos con la misma familia serif y sans-serif. Si bien el cuerpo principal del texto siempre debe ser algo ... usuarios, haciendo sugerencias para las opciones de fuente de encabezado y cuerpo que se combinan bien.

Mecanografía

Typepiration le brinda ideas no solo sobre cómo combinar fuentes, sino que también incluye esquemas de color para una buena medida.

Web Font Blender

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

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 sin la que no pueda vivir para ayudarlo a emparejar sus muchas opciones de fuente? ¿Cuáles son tus consejos para encontrar la pareja perfecta? Háganos saber en los comentarios.

Haber de imagen: mrdoomits / Depositphotos




Nadie ha comentado sobre este artículo todavía.

Sobre tecnología moderna, simple y asequible.
Tu guía en el mundo de la tecnología moderna. Aprenda a usar las tecnologías y los dispositivos que nos rodean todos los días y aprenda a descubrir cosas interesantes en Internet.