¿Cuáles son las mejores prácticas para elegir y emparejar fuentes?


69

Siempre he encontrado que la selección de fuentes es un poco misteriosa. ¿Qué factores deben considerarse al elegir una fuente? ¿Cómo se incorporan con éxito dos fuentes en un diseño?

Me doy cuenta de que algunos factores incluirán cosas como:

  • Legibilidad
  • Escalabilidad
  • Adecuación / Estado de ánimo / Emoción

Sin embargo, ¿cómo juzga objetivamente la legibilidad o adecuación? ¿Existen principios objetivos que se puedan aplicar para la selección de fuentes? Si es posible, enumere recursos o ejemplos en sus respuestas. Los estudios centrados en la efectividad de las diferentes fuentes también serían extremadamente útiles.

Respuestas:


44

Smashing Magazine tiene un muy buen artículo sobre la combinación de tipos de letra :

  • Intente hacer coincidir un tipo de título Sans-Serif con un tipo de cuerpo Serif
  • Evite clasificaciones similares (no use 2 tipos de letra de losa o 2 tipos de letra condensados)
  • Asigne roles distintos a cada tipo de letra / fuente
  • Contrastar los pesos de las fuentes
  • Crea una variedad de colores tipográficos
  • No mezcles estados de ánimo
  • Contraste distinto con neutro (en lugar de con otra fuente distintiva)
  • Evite combinaciones que sean demasiado dispares (por ejemplo, estrechas y expandidas)
  • Haz las cosas simples (prueba solo 2 tipos de letra)
  • Variar tamaños de puntos

23

Lo principal que tengo en cuenta al emparejar fuentes es esta: ¿la segunda fuente dice algo diferente?

La respuesta no determinará necesariamente si debe o no emparejar las fuentes, pero es muy importante. a menudo, agregar otra fuente al diseño no agrega nada más que complejidad y actividad innecesarias. También es importante que la fuente que está utilizando sea lo suficientemente diferente como para garantizar el cambio. Si dos fuentes se parecen demasiado, corre el riesgo de verse descuidado y no agrega nada.

Si una fuente está muy basada en un estilo o período particular, a menudo no será una buena idea emparejarla con una fuente de un período reconocible diferente ... será discordante. Una fuente más neutral funciona mejor como contrapunto.


16

Además de las reglas obvias (debe ser cómodo de leer si se va a usar para texto largo, tiene que encajar con el tema del resto del diseño, etc.), no hay reglas estrictas sobre la elección de una fuente. Elegir una fuente se trata de elegir algo que se ajuste estéticamente con el resto del diseño (y otras fuentes en el diseño), atrae al lector con su legibilidad y, sobre todo, es cómodo de leer. Por supuesto, para las fuentes web, también es importante que un número decente de sus lectores tenga la fuente instalada, lo que limita sus opciones.

En cuanto a las fuentes de emparejamiento, nuevamente hay reglas absolutamente fijas. En general, probablemente no quieras poner a Mosh con Times New Roman, pero siempre podría haber una excepción.

Recomiendo leer la pieza de I Love Typrography sobre cómo elegir las fuentes:

http://ilovetypography.com/2008/04/04/on-choosing-type/


12

Comprender la tipografía es vital para tener éxito en el diseño gráfico. El primer paso de una gran tipografía es elegir el tipo de letra correcto. Solo puede elegir el tipo de letra correcto si tiene en cuenta la naturaleza del contenido y el público objetivo. Aquí hay cinco pautas para elegir y usar fuentes

1. ¿Cuál es el estado de ánimo que quieres transmitir?

¿Estás diseñando una presentación, un sitio web o un informe de libro? ¿Cuál es el estado de ánimo que quieres transmitir?

Elegir un tipo de letra no es diferente a elegir un atuendo para el día. Al igual que con la ropa, hay una distinción entre los tipos de letra que son expresivos y elegantes frente a los que son útiles y apropiados para muchas situaciones. ¿Es divertido? ¿Casual? ¿Grave? ¿Fresco? ¿Anticuado? Elija un tipo de letra que capture ese sentimiento.

ingrese la descripción de la imagen aquí

Ejemplo: si está creando un logotipo para un banco, deberá seleccionar un tipo de letra que cree una sensación de seguridad y protección. Por lo tanto, un tipo de letra formal y tradicional como Adobe pro Garamond será una mejor opción.

2. Fuentes de agrupamiento: la familia de fuentes

Una forma rápida de organizar posibles elecciones de tipo de letra es utilizar la categorización de tipografía más utilizada: serif o sans serif. Dicen que las fuentes serif proporcionan continuidad y compromiso, y por lo tanto mejoran la legibilidad, pero los partidarios de sans serif lo llaman un mito de la tipografía. En general, las fuentes serif son más tradicionales y de 'estilo antiguo', mientras que las tipografías sans serif se consideran modernas y futuristas.

ingrese la descripción de la imagen aquí

Ya sea que elija Serif o Sans, hay una gran cantidad de excelentes opciones dentro de ambas categorías. Para obtener más información sobre las clasificaciones de tipos, comience buscando categorías de uso común como geométrico, humanista, estilo antiguo, moderno, transición y serif de losa.

Las Sans-Serif geométricas son esas caras tipo que se basan en formas geométricas estrictas. Las formas de letras individuales de un Sans geométrico a menudo tienen trazos que son todos del mismo ancho y con frecuencia evidencian una especie de minimalismo "menos es más" en su diseño.

Ejemplos de geométricos / realistas / Grotesk Sans: Helvetica, Univers, Futura, Avant Garde, Akzidenz Grotesk, Franklin Gothic, Gotham.

ingrese la descripción de la imagen aquí

Humanista

Estos son los rostros que se derivan de la escritura a mano: tan limpios y modernos como algunos de ellos pueden parecer, aún conservan algo ineludiblemente humano en su raíz. Las formas de letras de una fuente humanista generalmente tienen más detalles, menos consistencia y con frecuencia involucran pesos de Stoke más delgados y más gruesos.

Ejemplos de humanistas sin: Gill Sans, Frutiger, Myriad, Optima, Verdana.

ingrese la descripción de la imagen aquí

Viejo estilo

Estos tipos de letra están marcados por poco contraste entre grueso y delgado, y las formas de letras curvas tienden a inclinarse hacia la izquierda (al igual que la caligrafía se inclina). Las caras de estilo antiguo en su mejor momento son clásicas, tradicionales y legibles.

Ejemplos de estilo antiguo: Jenson, Bembo, Palatino y Garamond.

ingrese la descripción de la imagen aquí

Transicional y moderno

Las formas de letras de transición y modernas son más geométricas, nítidas y virtuosas que las caras sin pretensiones del período del viejo estilo. En su mejor momento, los rostros modernos y de transición parecen fuertes, elegantes y dinámicos.

Ejemplos de tipografías de transición: Times New Roman, Baskerville.

ingrese la descripción de la imagen aquí

Ejemplos de serif modernas: Bodoni, Didot.

ingrese la descripción de la imagen aquí

Serif de losa

Slab Serif también se llama mecanicista, serif cuadrado o tipografía egipcia es un tipo de tipo de letra serif que se caracteriza por serif gruesas en forma de bloque. Los terminales serif pueden ser romos y angulares (Rockwell) o redondeados (Courier).

Ejemplos de Serif de losa: Clarendon, Rockwell, Courier, Lubalin Graph, Archer.

ingrese la descripción de la imagen aquí

3. Elegir Serif y Sans serif

El título principal de su proyecto podría escribirse en negrita sans-serif. Puede ser una buena idea usar una fuente serif con su copia del cuerpo. Desea que haya algún contraste para mostrar la diferencia entre las dos secciones de su proyecto. Combinar dos o más tipos de letra puede ser complicado. La regla general es usar una combinación neutral serif y san serif. Es seguro, fácil y funciona. ¡Establezca el título en "Helvetica" y la copia del cuerpo en "Times New Roman" y listo!

ingrese la descripción de la imagen aquí

Si eso es demasiado aburrido para ti, intenta combinar una tipografía antigua con una moderna. ¿Qué tal un guión con un san serif? Si hace esto, es importante prestar atención al contraste entre los tipos de letra que elija. Asegúrese de que el contraste entre ellos sea lo suficientemente grande como para separarlos. Si los tipos de letra son demasiado similares, se verán incómodos y fuera de lugar. La combinación de "Helvetica" y "Arial", por ejemplo, se verá más como un error descuidado que como una elección de diseño consciente.

4. Una pizca de sabor al diseño.

La pantalla y los tipos de letra decorativos deben usarse con moderación. Una pequeña fuente "Shanghai" es muy útil. Funciona en este menú en los encabezados de logotipo y categoría. Ahora, imagine que un menú completo con la fuente "Shanghai" hace que sea difícil de leer. A menos que no le preocupe la legibilidad, estos tipos de letra no son una opción adecuada para grandes bloques de texto. Estas fuentes se aplican con moderación a los titulares, una fuente de pantalla puede agregar un toque de sabor muy necesario a un diseño, pero puede desgastarse rápidamente si se usa demasiado.

ingrese la descripción de la imagen aquí

Estas fuentes se aplican con moderación a los titulares, una fuente de pantalla puede agregar un toque de sabor muy necesario a un diseño, pero puede desgastarse rápidamente si se usa demasiado.

ingrese la descripción de la imagen aquí

5. La regla número cinco es "no hay reglas"

Solo hay convenciones; no hay reglas estrictas sobre cómo usar el tipo de letra, al igual que no hay reglas sobre cómo debemos vestirnos por la mañana. Vale la pena intentarlo todo solo para ver qué sucede. La tipografía es algo que aprende con el tiempo y requiere un sinfín de prueba y error. Finalmente, se convierte en un proceso fácil y natural. Mientras tanto, ¡diviértete!

ingrese la descripción de la imagen aquí

En conclusión

Espero que estos cinco principios le hayan dado algunas pautas para seleccionar, aplicar, mezclar tipos de letra y si debe mezclarlos. Al final, elegir tipos de letra requiere una combinación de comprensión, intuición y práctica para exigir habilidades.

Fuente




1

Buen sitio web de referencia para ver cómo las personas han emparejado las fuentes. I Font You También dan el nombre de cada fuente en la descripción. Otro buen recurso es una aplicación de teléfono inteligente llamada "WhatTheFont", puede tomar una foto de una fuente e intentará encontrar el nombre correcto. Es genial si ves alguna tipografía que disfrutas o encuentras efectiva.

Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.