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

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

Su elección de fuentes marca la pauta de la apariencia de su documento, sitio web u otro diseño. ¿Es divertido y amigable, hábil y creativo, o serio y formal?





Como regla general, querrá utilizar dos o tres fuentes en su proyecto. Pero, ¿cómo saber cuál elegir y qué pares de fuentes van bien juntos?





En este artículo, analizaremos las estrategias y herramientas de emparejamiento de fuentes que lo ayudarán a encontrar las combinaciones de fuentes perfectas para usar en su proyecto.





Una cartilla de tipografía

Hay términos que usamos a lo largo de esta guía que pueden ser útiles para explicar ...

Fuente vs.Tipo de letra

Los términos fuente y tipografía a menudo se usan indistintamente, pero en realidad son cosas diferentes. A tipografia es una familia de fuentes; a hacen es una de las variaciones de estilo individuales dentro de esa familia. Entonces, Times New Roman es un tipo de letra, y Times New Roman Regular y Times New Roman Medium Italic son fuentes.



crear un usb de arranque desde iso

Clasificaciones de tipo

Las clasificaciones de tipos son categorías de fuentes basadas en su apariencia. Algunas clasificaciones incluyen:

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

Estas son simplemente las categorías de tipos que encontrará en varios tipos de sitios web, fundiciones y más. Un buen punto de partida para elegir fuentes es elegir una clasificación que sea apropiada para su proyecto y su tema.





serifas 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 las puntas de las letras. Una fuente sans-serif no tiene funciones de extensión.

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 se le agregarán elementos para adaptarse a una clasificación específica. Un ejemplo común de una superfamilia es el Superfamilia brillante .





Además, si está interesado en el aspecto técnico de las fuentes, puede leer sobre la diferencia entre las fuentes OTF y TTF .

Elegir su primer tipo de letra

Algunos tipos de letra facilitan un poco las cosas porque parecen tener un solo propósito en la vida. Si está considerando Copperplate Gothic, probablemente esté diseñando un menú de parrilla o algo relacionado con un banco.

Desafortunadamente, rara vez es tan fácil. Si tiene problemas para encontrar un candidato adecuado, considere investigar un poco. 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.

Elegir un emparejamiento de fuentes

Hay muchas pautas para determinar qué fuentes 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 usar demasiadas fuentes), hay 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 para tener en cuenta.

1. Crear contraste

'Los opuestos se atraen' es definitivamente cierto cuando se trata de fuentes. No desea utilizar opciones que sean demasiado similares. O simplemente no agregará nada a su diseño o se verá un poco apagado.

En su lugar, combine una fuente en forma de remolino con una en negrita. Combina una fuente luminosa y aireada con una gruesa. Conecte su tipo de letra serif con una elegante opción cursiva. Empareje un serif de losa con un fuente de escritura a mano , como en el ejemplo anterior.

O combine estrecho con ancho: una buena combinación de fuentes para Copperplate es algo más delgado como Helvetica Condensed.

2. Manténgalo en familia

Una de las cosas más fáciles que puede hacer es limitar sus opciones a un solo 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 de fuentes bastante extenso. El nuevo de Beba , 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 en 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. los Superfamilia brillante incluye Sans, Serif, Typewriter Sans, Typewriter Serif, Math y otros tipos de letra.

3. Combinar Serif y Sans-Serif

Una forma rápida y eficaz de crear contraste es emparejar una fuente serif con una fuente sans-serif. Como puede ver en el siguiente ejemplo, una buena combinación de fuentes Calibri es una fuente serif como Times New Roman:

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

4. Limítese a dos o tres fuentes

Será difícil encontrar un diseñador profesional que no se rija por esta regla cardinal de la tipografía. Si está combinando fuentes, querrá limitarse a dos o tres.

Si su diseño contiene un encabezado, un subtítulo y un cuerpo, puede usar tres fuentes diferentes. Probablemente querrá limitarse a solo dos si su diseño tiene menos texto.

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

Ideas e inspiración para combinar fuentes

Finalmente, si la idea de emparejar fuentes aún le parece desalentadora, existen muchas herramientas de emparejamiento de fuentes para ayudarlo a asegurarse de que el pequeño Calibri no termine corriendo con una mala multitud.

Combinaciones de fuentes de Canva

Combinaciones de fuentes de Canva le permite seleccionar su primera opción y hace sugerencias sobre cuál debería ser su socio. Utiliza las fuentes disponibles a través de la herramienta de diseño de Canva, por lo que no se incluyen algunos tipos de letra comunes.

Typ.io

los Typ.io El sitio web está dividido en dos secciones. Características de la primera sección combinaciones de fuentes de toda la web como fuente de inspiración. Las otras características de la sección listas de fuentes que se combinan bien en función de la función, por ejemplo, si se utilizarán para el encabezado o el texto del cuerpo.

Solo mi tipo

Si se encuentra diseñando en el conjunto de programas de Adobe, Solo mi tipo será muy útil. El sitio ofrece sugerencias de emparejamiento para Adobe Fuentes Typekit así como de Hoefler and Co's Servicio de tipografía en la nube .

Hoefler and Co. también tiene una guía muy útil sobre recolección ' hacer paletas 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 and Co., pero puede aplicar las reglas a otras fuentes.

Pinterest

Como ocurre con la mayoría de las cosas visuales, Pinterest es una gran fuente de inspiración para combinar fuentes. Simplemente busque 'combinación de fuentes' o 'tipografía' y encontrará un montón de excelentes sugerencias.

Tipo de conexión

Haz un juego de emparejar fuentes con Tipo de conexión . El sitio web te permite elegir tu primera fuente y seleccionar la segunda se convierte en una especie de 'elige tu propia aventura'.

cómo conseguir tu propio wifi

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

Tipo de Google

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

Par de fuentes es otra herramienta útil para los usuarios de fuentes de Google Web, que ofrece sugerencias para las opciones de fuentes de encabezado y cuerpo que combinan bien.

Tipopiración

Tipopiración le brinda ideas no solo sobre cómo combinar fuentes, sino que también incluye esquemas de color por si acaso. Es especialmente bueno para el diseño web, ya que las muestras te dan una idea de cómo se verán tus artículos usando ciertas combinaciones.

Mezclador de fuentes web

Mezclador de fuentes web no hace las sugerencias por usted, pero le permite jugar con diferentes fuentes de Google y obtener una vista previa con el encabezado, el subtítulo y el texto del cuerpo de muestra. Como beneficio adicional, genera el CSS que necesitaría para usar estas fuentes en un diseño en línea.

Encuentra las fuentes adecuadas

Así que ahora sabe qué buscar al elegir las fuentes para su proyecto. Pero, ¿cuál es el mejor lugar para encontrar esas fuentes para usar?

Nuestra guía para las mejores fuentes de Google le ayudará a encontrar fantásticas fuentes gratuitas para sitios web y presentaciones.

Y si desea una gama aún mayor para elegir, consulte nuestra lista de los mejores sitios web para descargar y utilizar fuentes gratuitas .

Crédito de la imagen: mrdoomits / Depositphotos

Cuota Cuota Pío Correo electrónico Canon vs.Nikon: ¿Qué marca de cámara es mejor?

Canon y Nikon son los dos nombres más importantes de la industria de las cámaras. Pero, ¿qué marca ofrece la mejor gama de cámaras y lentes?

Leer siguiente
Temas relacionados
  • Creativo
  • Fuentes
  • Tipografía
  • Web Design
  • Diseño gráfico
Sobre el Autor Andy Betts(221 Artículos publicados)

Andy es un ex periodista impreso y editor de revistas que ha estado escribiendo sobre tecnología durante 15 años. En ese tiempo ha contribuido a innumerables publicaciones y ha realizado trabajos de redacción publicitaria para grandes empresas de tecnología. También ha proporcionado comentarios de expertos para los medios de comunicación y ha organizado paneles en eventos de la industria.

Más de Andy Betts

Suscríbete a nuestro boletín

¡Únase a nuestro boletín de noticias para obtener consejos técnicos, reseñas, libros electrónicos gratuitos y ofertas exclusivas!

Haga clic aquí para suscribirse