Ocho maneras de combinar tipos de letra
Una buena tipografía es primordial para cualquier buen diseño.
Un diseño por lo demás hermoso realmente puede sufrir si las opciones de tipografía son incorrectas. Pero combinar fuentes más allá del emparejamiento básico serif / sans-serif puede ser complicado y confuso para muchos diseñadores.
Si bien muchas de las características de una buena tipografía son subjetivas, existen algunas pautas que pueden orientarlo en la dirección correcta. A partir de ahí, depende de ti experimentar y probar cosas diferentes.
No tengas miedo de probar cosas nuevas en tu tipografía, pero confía en tu ojo y tus instintos como diseñador. A veces, incluso las cosas que siguen todas las "reglas" de la tipografía todavía pueden parecer horribles (y viceversa).
Coincide con el estado de ánimo
Cada tipo de letra tiene un estado de ánimo. Algunos son alegres y divertidos, otros son serios, algunos son elegantes y otros son muy profesionales. Las tipografías con estados de ánimo similares tienen más probabilidades de ser compatibles y menos de ser estéticamente discordantes.
Tome los ejemplos a continuación. Los tipos de letra utilizados a la izquierda, Tahoma para la copia del cuerpo y Snidely para el título, no coinciden. Snidely es una fuente decorativa con un aspecto estrafalario y funky, mientras que Tahoma es sobria y moderna. Si bien no son la peor pareja del mundo, definitivamente tampoco son óptimos.
Los tipos de letra a la derecha, Neuton para la copia del cuerpo y Nevis para el titular, ambos tienen estados de ánimo casuales similares. Ninguno de los dos es sofocante o excesivamente formal, lo que los hace funcionar bien juntos a pesar de ser exteriormente muy diferentes en apariencia.
Match Letterforms
Las formas de letras que componen un tipo de letra pueden ser increíblemente variadas, basadas en una serie de factores, como la influencia histórica o el estilo general. Hacer coincidir estas formas de letras es una buena forma de encontrar tipos de letra compatibles, aunque en general también querrás combinarlos según el estilo u otros factores.
Una de las formas más rápidas de comprobar las formas de letras compatibles es verificar las letras "a", "g" y "e". En el siguiente ejemplo, puede ver cómo Aller y Gentium tienen formas de letras similares, como lo hacen Helvetica y Museo. Las cuatro fuentes tienen formas de letras "a" similares. Las formas de letras "g" son donde vemos las mayores diferencias.
Otras letras que quizás desee verificar incluyen la "t" minúscula (algunas fuentes tendrán una cola en la "t" mientras que otras no), minúscula "f" y minúscula "q". Las diferencias en las formas de las letras no son necesariamente un factor decisivo entre las fuentes, pero querrás las fuentes que tienen más similitudes que diferencias en estos casos.
El combo Serif clásico / Sans-Serif
La combinación de una fuente serif y una fuente sans-serif es probablemente una de las combinaciones tipográficas más comunes. Es una combinación relativamente fácil de llevar a cabo, ya que hay menos posibilidades de conflicto. Siempre que preste atención al peso y la proporción, es una combinación bastante difícil equivocarse.
El siguiente texto muestra un par de formas diferentes de mezclar las fuentes serif y sans-serif. El ejemplo de la izquierda muestra que puedes mezclar pesos de fuentes si cosas como la proporción son muy similares. La fuente del título, ChunkFive, es una serifa de losa, mientras que la fuente de la copia del cuerpo, Junction, es un sans-serif simple. Sin embargo, ambos tienen estilos visuales fuertes, lo que evita que se supere la unión.
El emparejamiento de la derecha es un poco más tradicional, con fuentes muy parecidas. Junction se usa como la fuente del título aquí, con Prociono para el cuerpo. Ambos son un poco delgados, y tienen formas de letras similares.
Usa color para unirlo
Si combina muchas fuentes muy dispares, intente vincularlas con el color. Mantener todo en un color (o tonos de un solo color) agrega armonía y unidad que podría faltar en las fuentes mismas.
Puede ver en la imagen a continuación que el color puede tener un gran impacto en la apariencia de la tipografía. Ambas líneas de texto en la imagen a continuación son idénticas, con la excepción de los colores de las letras. Si bien ninguno de los dos es lo que normalmente se consideraría una "buena" tipografía, la más alta podría funcionar al menos en el contexto correcto. El de abajo, sin embargo, parece algo que un estudiante de jardín de infantes podría diseñar durante el tiempo de coloración.
Muestra cuán importante es usar colores similares, especialmente si no tiene en cuenta muchas de las otras pautas de este artículo. Por el contrario, si está buscando agregar un poco más de contraste entre los tipos de letra que pueden ser demasiado similares, usar diferentes colores puede hacer eso.
Usar colores ligeramente diferentes realmente agrega interés visual a la tipografía aquí, que está compuesta por Fontin y Fontin Sans, dos fuentes de la misma familia que son casi idénticas.
Proporciones similares
La proporción es probablemente la cosa más importante a considerar, especialmente cuando se combinan tipos de letra en una sola línea (como en un encabezado o logotipo). Las fuentes que son proporcionalmente similares se mezclarán más fácilmente y se verán más uniformes que las fuentes con proporciones variables.
La forma más rápida de verificar la proporción es comparando x-alturas. En general, las fuentes con x-alturas similares tendrán proporciones similares en general. En la imagen a continuación, puede ver que Helvetica y Neuton tienen virtualmente idénticas alturas x.
Por el contrario, la altura x de Bolton es mucho más alta y Primer es mucho más corta que las otras dos fuentes. Verifique otras letras para asegurarse de que sean compatibles o incompatibles, pero la altura x es un buen lugar para comenzar.
También querrá ver el ancho de los caracteres dentro del tipo de letra. Compruebe el ancho de caracteres más anchos como "m", "w" o "o", así como los caracteres más angostos, como "t", "f" y "j". Para la mejor compatibilidad, estas letras deben tener anchuras similares entre los dos tipos de letra.
Pesos similares
Las fuentes con pesos radicalmente diferentes pueden funcionar juntas, pero es mucho más probable que sean compatibles si los pesos son similares.
El problema que suele presentarse cuando las fuentes tienen pesos radicalmente diferentes es que las fuentes más livianas a menudo se pierden, visualmente, cuando se combinan con fuentes mucho más pesadas. Esto se vuelve aún más pronunciado si la fuente más pesada se usa para un título, y la fuente más clara es la copia del cuerpo.
Mira el texto a continuación. La fuente de "título" aquí (Charlie Brown M54) domina por completo la fuente "cuerpo" (TitilliumText14L Regular).
Aumentar el peso de la fuente del cuerpo lo compensa. Esa es siempre una opción, aunque puede limitar sus opciones para usar diferentes estilos en su diseño. Es mucho más simple encontrar fuentes que coincidan con diferentes pesos (de modo que negrita en una es igual a negrita en la otra, etc.).
No pase por alto los tipos de letra individuales
Hay muchos tipos de letra que incluyen varias fuentes dentro de la misma familia. Los tipos de letra como Fontin (y Fontin Sans) vienen con un puñado de pesas que se pueden combinar para crear un gran interés visual.
A continuación hay un gran ejemplo de cómo diferentes pesos y estilos se pueden usar en conjunto para crear una tipografía que tenga mucho interés visual. Como todo esto se basa en una familia de fuentes general, no tiene que preocuparse por las diferentes fuentes que entran en conflicto entre sí.
Conflicto contra contraste
El contraste en la tipografía es generalmente algo bueno. El objetivo de utilizar diferentes fuentes es que se destaquen entre sí, lo que contribuye al estilo visual general de un diseño. Si sus fuentes son muy similares, entran en conflicto entre ellas, en lugar de contrastar y complementarse.
Tome los ejemplos a continuación. En la primera línea, las fuentes son muy similares (Hoefler Text y Goudy Bookletter 1911). Se pierde cualquier contraste, y en su lugar, se ven un poco extraños uno al lado del otro.
La segunda línea es mejor, con ChunkFive y Geneva. Tienen proporciones similares, pero es allí donde terminan las similitudes. Hay un buen contraste aquí.
La tercera línea, por otro lado, muestra por qué el solo uso de diferentes tipos de letra no necesariamente da como resultado un buen contraste. Es por eso que es importante prestar atención a más que un solo aspecto de la combinación de tipos de letra.
Contraste radical
El contraste radical entre los tipos de letra puede ser una excelente manera de agregar interés visual a un diseño. Esto no necesariamente significa que solo puedes juntar dos fuentes y esperar lo mejor. Aún debe tener en cuenta los principios generales de la tipografía, y luego escoger y elegir qué pautas desea adherirse y cuáles desea ignorar.
La forma más sencilla de crear diseños tipográficos que utilizan tipos de letra radicalmente diferentes es tener presente la proporción. Preste atención a la forma general de las fuentes y cosas como x-height, y luego juegue desde allí.
Es posible que necesite ajustar el tamaño de los diferentes caracteres si combina varios tipos de letra diferentes, ya que no todos los tipos de letra son consistentes en lo que respecta al tamaño. Mira los dos ejemplos a continuación:
La línea superior usa una gran variedad de fuentes, pero todas son grunge o fuentes destruidas. Esto les da un estilo común y los une, a pesar de que la proporción y el peso son diferentes entre los personajes.
La línea de fondo, sin embargo, utiliza solo tres tipos de letra, dos de los cuales son sans-serif y uno de los cuales es serif. Sin embargo, estas fuentes tienen una cantidad de cosas en común. Primero que nada, todos son relativamente pesados. Usar el más pesado para la parte más corta y el más liviano para la parte más larga ayuda a equilibrarlos visualmente. Los anchos de línea también son uniformes en cada fuente, sin desviación entre las letras o dentro de las mismas letras. Finalmente, las tres fuentes tienen formas de carta bastante anchas y redondas.
En gran medida, la combinación de fuentes de esta manera es subjetiva, pero tener en cuenta lo que hace un buen diseño tipográfico puede ayudarlo a orientarse en la dirección correcta cuando comience a diseñar cosas como esta.
Escrito exclusivamente para WDD por Cameron Chapman .
¿Tiene otros consejos y trucos para mezclar fuentes? Compártelos en los comentarios a continuación ...