Las palabras son importantes (o eso me han dicho). Algunas de mis piezas tipográficas favoritas son las que usan la tipografía no solo para entregar un mensaje, sino también para servir como la base compositiva en la que se centra un diseño. Las formas de letras son tan valiosas como los elementos gráficos, ya que son representaciones del lenguaje, y pedirle al tipo que cumpla múltiples roles en una composición es una forma confiable de elevar la calidad de su trabajo.

Es una herramienta que siempre tendrá a su disposición, sin importar el proyecto o el medio. Independientemente de si tiene imágenes, independientemente de lo buena que sea la copia y del tipo de letra, si se obliga a pensar en el tipo como una herramienta estructural, siempre podrá agregar profundidad a sus diseños. Te obliga a ir más allá de los fundamentos de la composición tipográfica para buscar nuevas oportunidades de interacción y narración de cuentos con la tipografía, y para considerar las cualidades formales de cada tipo de letra que elijas en la búsqueda de conexiones entre su diseño gráfico y el mensaje que deseas reforzar.

Saqué algunos de mis diseños favoritos que usan el tipo de letra de esta manera y los agrupé en temas compartidos para que podamos analizar la gama de técnicas que los diferentes diseñadores han usado para permitir que la tipografía guíe su trabajo. ¡Vamos a sumergirnos!

Jessica Svendsen, póster

Tipo de cuadrícula informativa

Usar un elemento tipográfico para influir en otras piezas del diseño.

Comencemos con un excelente y obvio ejemplo. El póster de Jessica Svendsen para exhibir arquitectura: ¿una paradoja? es uno de varios carteles impresionantes que creó para una serie para el programa de Arquitectura de Yale (hablaremos con otro de esos carteles en un momento).

El tipo dimensional crea un sistema de cuadrícula vertical que informa el tipo y el diseño del signo de interrogación.

Si abstraemos y diagramamos este diseño, podemos ver la forma en que Svendsen permite que las líneas verticales creadas a partir de la extrusión 3D del tipo de visualización establezcan la cuadrícula a la que se alinea el texto complementario. Este enfoque brinda una sensación de orden incluso dentro de las líneas de barrido del signo de interrogación: puede ver que el signo de interrogación en sí mismo golpea muchas de las mismas líneas de cuadrícula que organizan la sección inferior. Esta estructura unifica las dos mitades del diseño a pesar de la gran diferencia en estilo, perspectiva y escala. Este estilo modernista de póster a menudo tiene elementos gráficos o tipografía de "héroe" y tipo de cuadrícula arriba o abajo, pero no he visto muchos ejemplos que construyan conexiones entre los elementos primarios y secundarios en la medida en que Svendsen lo hace con esta pieza.

La interacción entre el espacio dimensional y el tipo de plano plano a continuación agrega una sensación de movimiento, espacio y escala al diseño que faltaría si el tipo de héroe también fuera plano.

Lecciones para recordar

Un objeto puede ser el punto de apoyo para la estructura de su diseño
El diseño a menudo se puede abordar en cascada. Si su diseño es mejor atendido por un solo punto focal, resuelva eso, luego decida cómo su tipo y elementos secundarios pueden relacionarse con ese elemento focal.

No es solo el tipo que eliges, sino la forma en que lo presentas
El tipo no tiene que existir en un solo plano, o representarse en una dimensión o en una textura. Busque formas de agregar variedad a los elementos estéticos en su trabajo tipográfico, y no olvide construir puentes entre los diferentes estilos que usa.

Eric Hu, cartel de GIWYFI.

Eric Hu es maestro en la combinación de tipos de letra y, a menudo, hay más orden en sus composiciones de lo que podría ser evidente a primera vista. Este póster muestra dos tipos de letra: la pantalla brillante en forma de cursiva y cursiva, y una grotesca incómoda (tenga en cuenta cuán cortos son los números en comparación con las formas de letras) que se componen de una forma que exagera su incomodidad. Hay varias formas en que Hu usa la cursiva aquí para establecer la estructura y conectar los dos estilos de texto. Comenzando en la mitad superior del diseño, podemos ver que se debe tener cuidado para hacer coincidir el comienzo de la cursiva con la altura completa de lo grotesco, y en la mitad inferior los números se colocan en el espacio que se crea junto a la " g "en" Virginia ".

Al abstraer el póster en línea y plano, la estructura es más clara.

Resumir el tipo puede ayudarnos a ver el esqueleto subyacente de la composición. Los puntos en cursiva son perfectamente redondos y se sienten demasiado mecánicos y precisos en comparación con la liquidez del resto de las letras. Debido a que suben hasta la línea de la tapa, se sienten casi completamente desconectados de los pequeños caracteres en minúsculas hundidos debajo. Confunden el ojo: ¿a qué tipo de letra pertenecen? - y unir las dos capas mientras sirve como elementos de forma de letra y puntos en el espacio para unificar la composición. También es una forma descarada de introducir la geometría en un diseño estrictamente tipográfico, junto con el "+" y el colon cuadrado. Es un recordatorio valioso de que los tipos de letra contienen una gran cantidad de símbolos que pueden servir para fines gráficos puros.

Trabajar de esta manera le permite enfocarse en una agrupación de texto para comenzar su diseño, y luego tratar de jugar en su contra a medida que desarrolla capas de complejidad. Debido a que Hu ya tiene texto del mismo color superpuesto en este diseño, podría haber elegido un enfoque más caótico y abrazar esa interacción y tensión, pero eligió usar los espacios positivos y negativos creados por las frases en cursiva para Completa el diseño. El resultado crea una relación más clara de primer plano / fondo entre los dos tipos de letra y se siente pulido mientras sigue teniendo los "errores" y la confusión que impiden que se sienta demasiado formal o precioso. Este es un excelente ejemplo de "Hacer y romper la cuadrícula". Las áreas donde los tipos de choques y superposiciones son más impactantes debido a la restricción que se muestra en otras áreas del póster.

Lecciones para recordar

Tomar decisiones tipográficas en cascada
Me encanta que este diseño muestre cómo puedes trabajar de esta manera sin necesidad de tener ese elemento "héroe" en un diseño. A veces es tan simple como decidir la ubicación aproximada, el inicio y el color de una frase en un diseño y dejar que sea la primera de una serie de pequeñas decisiones que finalmente conduzcan a su diseño final.

Busque formas de combinar elementos tipográficos para unificar diferentes tipos de letra en el mismo diseño
La forma en que Hu usa los puntos en Glossy Italic para interactuar con lo grotesco es realmente maravillosa, y es un buen recordatorio de que muchos tipos de letra de estilos dispares tienen pequeños detalles que se mezclan de un tipo de letra a otro. Recuerde lo poderoso que puede ser cuando está mezclando tipos de letra.

Más grande no siempre es mejor
El tipo puede informar la cuadrícula y la estructura incluso con imágenes presentes, o cuando dos tipos de letra de importancia jerárquica similar chocan. No asuma que esto solo se puede hacer con un tipo de pantalla monolítica.

Otro póster para Yale Architecture de Jessica Svendsen.

Ningún diseñador que practique hoy en día usa el tipo para informar la composición con más frecuencia y con mayor habilidad que Jessica Svendsen. Si lees el Font Review Journal, sabrás que ya he escrito mucho sobre este ejemplo, que es una de mis piezas favoritas de diseño tipográfico. Svendsen está usando Maelstrom, una losa serif de contraste inverso, como la columna vertebral del diseño, pero no se conformó con lo que la tipografía le dio de la caja.

El póster está salpicado de ediciones sutiles en el tipo de letra para reforzar una cuadrícula tanto dentro del tipo de visualización como también para informar los elementos de tipo en cascada alrededor de los bordes del diseño. Antes de entrar en eso, comencemos discutiendo una decisión aún más fundamental: alinear correctamente el texto. Si toma Maelstrom y apila las formas de letras de la misma manera que el póster, pero alineado a la izquierda (abajo, a la izquierda), no se siente particularmente satisfactorio, ¿verdad? Crea mucho espacio atrapado, como a la izquierda de la A y debajo del brazo de la Y. Cambiar a la alineación a la derecha permite áreas mucho más interesantes en los márgenes, impulsadas por la "primicia" creada por la Y que tira del borde izquierdo hacia adentro y la A expandiéndose hacia atrás unas líneas más tarde. Es probable que esta escultura también haya llevado a la elección de separar las dos últimas líneas de texto del borde derecho: es la única forma en que la A podría tener una transición limpia de la L encima.

Jugar con la alineación de Maelstrom revela oportunidades para moldear los márgenes en formas interesantes e informa la ubicación de elementos tipográficos más pequeños.

Svendsen permite que la configuración del tipo de visualización guíe la composición alrededor de los bordes. "2014 FALL" llena el espacio negativo debajo de los brazos extendidos de la Y, y la A se usa para sellar el borde inferior de la mitad izquierda de la composición. La insignia circular Y se mete en la H y evita otra instancia de atrapado espacio.

Pasé algún tiempo superponiendo Maelstrom "fuera de la caja" contra el diseño final de Svendsen para poder entender las modificaciones que hizo para pulir el diseño, y es una clase magistral sobre cuánto sudar las cosas pequeñas puede mejorar una idea mientras también resuelvo problemas prácticos (mis recreaciones solo están destinadas a servir como aproximaciones de la pieza original, son descuidadas e imperfectas en comparación). El rojo es Maelstrom, el azul es la versión de Svendsen, y puedes ver las diferencias en la versión superpuesta donde hay golpes de cualquier color.

El rojo es Maelstrom, el azul es la versión de Svendsen, y puedes ver las diferencias en la versión superpuesta donde hay golpes de cualquier color.

La pata de la R se ha introducido para aliviar el hecho de que este es el par de caracteres más amplio y para alinearlo con el CH, creando una base sólida para el tipo andamio. Los bordes exteriores de las serif de losa se han esculpido sutilmente para que cada línea tenga una relación clara con la que está arriba y debajo de ella.

Ella eliminó o reposicionó muchos de los detalles de "bandera" que Maelstrom presume para crear más espacio negativo y maximizar el flujo de aire a través del diseño, lo que evita que se sienta demasiado denso: un tipo de letra diferente tendría el efecto de crear una cuña a través del mitad del diseño y elimine cualquier posibilidad de una relación entre las dos mitades.

Los saltos de línea en el tipo terciario que gotea a lo largo de los márgenes son ocasionalmente informados por el tipo de visualización, más notablemente en la parte superior derecha, donde el subtítulo LECTURAS pivota fuera de la serifa en la A (esto es más notable en el diagrama resumido). Esta es una decisión particularmente fortuita, porque ese subtítulo es importante para establecer el contexto del póster: presenta la mitad de la programación de la serie. La forma en que sobresale el serif de A lo guía al subtítulo y evita que se pierda en el lavado.

Lecciones para recordar

No es suficiente elegir el tipo de letra correcto
Tomó mucho trabajo hacer que Maelstrom tuviera éxito en este póster. Gran parte del trabajo tipográfico se está familiarizando íntimamente con diferentes tipos de letra y se da el espacio para probar cosas inusuales con ellos. Usé el término "esculpir" varias veces para describir este póster, y creo que es una excelente manera de describir la tipografía en general. Cada tipo de letra, incluso la ideal, es solo un punto de partida. Depende de usted optimizarlo.

Utilice el tipo de pantalla como el andamio para el resto del diseño.
Si te comprometes con un tipo de pantalla grande en tu diseño, deja que su forma guíe el resto de la composición. Toma lo que te da y luego descubre cómo trabajar dentro de las limitaciones creativas que te deja.

Escribir como representación

Tipo de representación como manifestación de un objeto o ideal

Diseño por Donald Egensteiner

Escribir como estructura también puede servir para propósitos metafóricos y representar visualmente el texto de una manera que va más allá de la composición de la página. Comencemos con un ejemplo obvio. En este anuncio, diseñado por Donald Egensteiner, la palabra "tonelaje" es tratada de una manera que implica que tiene un peso real. El tipo tiene una presencia física en su entorno y utiliza ideas del mundo real para afectar el comportamiento del resto del tipo, lo que lo hace más identificable y refuerza la idea. Obvio, pero efectivo.

Ilustración para la reseña del libro del New York Times por Jessica Svendsen

¡Más trabajo de Svendsen! Esta ilustración es el lede para una revisión de 21 lecciones para el siglo XXI. Ella usa el tipo para crear una abrumadora sensación de vértigo, como si estuviera mirando hacia arriba desde un monolito (felicitaciones por infiltrar esa palabra 21 en un diseño de cuatro lados, Svendsen). Este es un desafío interesante para una ilustración tipográfica: de las cientos de formas en que podría establecer esta colección de palabras, ¿cómo podría hacerlo de una manera que transmita su importancia? Me encanta que los grandes problemas sean tratados como tales en esta pieza. Su elección de sesgar el tipo en lugar de otras técnicas como apilar y escalar le da al tipo una presencia física más imponente que desorienta y representa adecuadamente la seriedad del tema.

Esta portada para Marken, Zeichen, Signete utiliza escalado progresivo, en lugar de sesgar. Esta técnica crea más un efecto de "entrada" en lugar de "arriba", y se ejecuta más comúnmente al escalar y repetir la misma palabra en cada lado. La repetición puede ser poderosa, pero no iba a permitir las variadas frases y duraciones que necesita la pieza de 21 Lecciones.

Lecciones para recordar

Usa técnicas que sirvan al contenido que tienes
Es fácil sentirse abrumado por la maleabilidad aparentemente infinita del tipo y las innumerables formas en que un problema puede ser resuelto. Pero los mejores diseños tipográficos son los que se comprometen con conceptos simples y dedican la mayor parte de sus esfuerzos a los detalles de ejecución que siguen.

Uno de los anuncios icónicos de Lou Dorfsman para CBS.

Lou Dorfsman fue el maestro en el uso de la tipografía como el esqueleto alrededor del cual se podría dar forma a un diseño, y uno de mis ejemplos favoritos de esto es este anuncio. Las "ha" en aumento representan la proporción de clasificaciones de comedia entre las tres redes principales, y Lou elige sumergirse en ellas con la presentación además de la copia salvaje. El hecho de que esto se lee como una risa ("ja, ja, ja") y que CBS tiene la última risa es pura brillantez. Aunque esta idea podría haberse transmitido con gráficos simples (Dorfsman creó anuncios similares que combinan imágenes y gráficos para otros temas), la tipografía mejora enormemente el mensaje aquí.

Los lados verticales planos y las serif limpias y finas de las letras de estilo moderno ayudan a que el tipo se lea como un gráfico de barras sin dejar de ser juguetón y expresivo, lo que se adapta al tema. Las delicadas serifas también le permiten a Dorfsman alinear los diagramas debajo de cada barra en la tabla con los tallos, en lugar de las serifas, lo que les da una sensación de peso que de otra manera les faltaría y hace que la composición se sienta más orgánica, en lugar de rígida.

Incluso cuando se despojan de sus elementos básicos, el objetivo principal del diseño es enfocarse en la columna final y hacer que se sienta enorme.

También quiero señalar cómo todo lo relacionado con el tamaño y la posición de los elementos de texto debajo de la columna derecha refuerzan cuán masiva es la última "ha". Incluso si tuviera que sacar todo del diseño, excepto el tipo, la "ja" de CBS se sentiría sobrenaturalmente grande en comparación con los demás. No hay duda de quién es el héroe de esta historia.

Lecciones para recordar

Los fundamentos de diseño de punto / línea / plano se pueden lograr con el tipo
No olvides el poder que tienen las líneas y los bloques de tipo entre sí. Este anuncio podría haber sido tan efectivo incluso si Dorfsman solo hubiera usado 5 elementos tipográficos. Cada bit de tipo se utiliza para respaldar el concepto central del anuncio.

Las elecciones de tipo son importantes
Este diseño habría tenido mucho menos éxito con casi cualquier otro género de letras. A veces, puede permitir que una elección de tipo de letra dicte su ejecución en un diseño, y otras veces necesita establecer su concepto y luego diseñar su tipo de letra para que se ajuste a la estructura que ya ha decidido.

El tipo puede ser mensajería y servir para fines gráficos
Esta técnica de comparación de escala es una que Dorfsman usó a lo largo de su carrera, pero no creo que sea una coincidencia que este ejemplo, que usa el tipo en lugar de la forma o las imágenes para transmitir las diferencias de calificaciones, sea con mucho el más querido y exitoso. El tipo tiene mucho significado, tanto en el lenguaje que comunica como en la forma en que está diseñado. Siempre que esté considerando usar formas o imágenes para expresar un pensamiento, desafíese a sí mismo para intentar reemplazar ese elemento con tipo y ver si sucede algo especial.

Cartel diseñado por Noah Baker

Este póster que hizo Noah Baker para los objetivos del tercer trimestre de 2018 de Medium tiene múltiples sorpresas conceptuales y estructurales: la presentación de cada fila imita un calendario de la vieja escuela, refuerza el objetivo de "mes tras mes" al establecer literalmente los meses uno encima del otro, y El mensaje del 15% de crecimiento, el punto del póster, es la columna vertebral de la que surge el diseño. Los elementos individuales del póster son atractivos por derecho propio, el mensaje del diseño obviamente se comunica y es legible desde la distancia. Pero la fuerza de vincular el mensaje a un concepto simple a través de la composición y la tipografía es lo que lo convierte en un logro de diseño especial.

Lecciones para recordar

Las ideas simples pueden tener un gran impacto.
Este póster es un gran ejemplo de no pensar demasiado en el concepto o la ejecución de un diseño. Algo no tiene que ser "único" o complejo para sorprenderlo: los diseños que resisten el paso del tiempo son aquellos que están totalmente comprometidos con su idea central.

Portada de Wang Zhi-Hong para

Wang Zhi-Hong es uno de los diseñadores más exitosos que practican en cualquier parte del mundo, y sus diseños de portadas de libros se componen con frecuencia utilizando solo tipografía. Este ejemplo aprovecha de manera brillante la geometría de Futura para crear un patrón repetitivo de C que representa la multitud titular. Cada C parece abrazar al siguiente, y aunque el diseño es ordenado, aún provoca la claustrofobia de un espacio lleno de gente.

Lecciones para recordar

Los tipos de letra geométricos pueden ser herramientas poderosas
Los tipos de letra como Futura informados por formas geométricas pueden convertirse en potentes sustitutos de círculos, triángulos y otras formas básicas. Tienden a ser más gráficos y pueden ser evocadores e impactantes como formas simples, así como palabras y letras.

Use tipos de letra ordenados para ideas desordenadas
Emparejar una composición abarrotada con tipos de letra "sueltos" o irregulares puede distraer del concepto que está tratando de transmitir con su composición. Deje que los tipos de letra simples, "heterosexuales" traigan algo de familiaridad y claridad cuando las cosas estén ocupadas o estrechas.

Imágenes de refuerzo

El tipo puede ampliar el impacto de las imágenes en un diseño

Concepto de letras para Nike de Bureau Borsche

El tipo no es el punto focal de este diseño de Nike, pero se usa aquí para reforzar el movimiento de la fotografía. A la izquierda, empujar la C hacia la izquierda y colocar el logotipo de Nike al lado evoca la forma en que el brazo de la figura se empuja hacia atrás mientras corre en la foto de abajo. La imagen se recorta para exponer lo suficiente las piernas del corredor para hacerle saber que su pierna derecha está levantada y hacia adelante, y la izquierda se extiende hacia atrás, y la división de los 8 85 debajo sirve como una representación abstracta de su postura.

A la derecha, la composición tipográfica centrada y la colocación de "885" en su propia línea sobre "Nueva York" configuran la composición de la fotografía. La "Nueva York" ampliada evoca un tramo de carretera, y las insignias redondas ovoides que anclan el diseño podrían leerse como pies.

Lecciones para recordar

Cada personaje puede comunicar algo
Este diseño es un gran ejemplo de obtener un gran impacto de solo unos pocos elementos tipográficos. Menos elementos significan que cada uno necesita tener más peso, y los mejores diseños "simples" son los que exprimen cada último trozo de valor conceptual y compositivo de cada pieza de la página.

Usa la tipografía para apoyar la fotografía
No fuerce la separación entre su composición tipográfica y sus imágenes. Busque formas de crear interacción entre diferentes tipos de lenguajes visuales. Puede superponer texto e imagen, o extender los elementos en una imagen fuera de su marco para unir diferentes tipos de componentes en un diseño.

Ambos diferenciales de Pin-Up utilizan cuadrículas y párrafos insertados para imitar detalles de las fotografías en la propagación. Se extiende por cortesía de vice.com

Pin-Up Magazine mantiene sus opciones de tipo de letra simples y en su lugar opta por sacar el drama tipográfico de las formas pictóricas en que se configura en masa. Los artículos a menudo evocan creativamente detalles de la fotografía en la revista, como el cuadrado de texto más claro en el ejemplo de la izquierda anterior, que imita el cuadrado gris claro de tela en el banco de mediados de siglo en la foto opuesta a la extensión. Del mismo modo, el tipo de columna sin márgenes en el ejemplo a la derecha es una referencia obvia a las columnas altas y delgadas en la fotografía que está apoyando (también hay una referencia descarada al sombrero en la extensión opuesta en el conjunto de subtítulos en la parte inferior esquina izquierda).

Lecciones para recordar

Recuerda el poder del tipo en masa
Si bien muchos de los ejemplos en este ensayo se basan en la escala como un elemento formal para dar impacto al tipo, es importante recordar que la copia larga y pequeña tiene un gran potencial para amplificar la narración y la mensajería. La copia del cuerpo no tiene por qué ser aburrida, y no tiene que sacrificar la legibilidad para divertirse con su configuración.

No necesita tipos de letra de "impacto" para tomar decisiones tipográficas interesantes
La revista Pin-Up está ambientada completamente en Arial, y es una restricción interesante que obliga a los diseñadores a crear drama e interés en otras formas de composición. Intente limitarse a los tipos de letra más largos por un tiempo y vea si ha estado usando diseños excéntricos como una muleta, compensando la falta de creatividad en otros aspectos de la composición tipográfica.

Ejemplos a través de https://www.instagram.com/posterkraft/

Tipo grande no significa tipo estructural

El tipo grande puede ser tipo perezoso

Por último, quería mostrar algunos ejemplos que no son buenos ejemplos de tipo como estructura. Si bien un tipo de letra de pantalla grande puede tener un impacto gráfico, su capacidad para ir más allá es limitada si carece de las capas conceptuales de las otras piezas discutidas. En un ejemplo débil, si hay un tipo secundario presente, no está siendo fuertemente informado por el tipo más grande, ni la estilización o composición del tipo refuerza un punto de vista más amplio. Los espacios de las redes sociales están llenos de este "dulce tipográfico malo", piezas que son ejercicios simples que imitan los estilos populares, sin carne en sus huesos.

Vía klim.co.nz. Diseño por Attico 36

Este diseño de Attico 36 está utilizando a nuestro viejo amigo Maelstrom junto con un sans condensado resumido para llenar la composición, pero ninguno de los elementos se habla entre sí de ninguna manera interesante. Podemos hacerlo mejor. Puede hacer diseños pasables rellenando composiciones con pares de tipos e imágenes interesantes, pero no puede dar el siguiente paso para madurar su trabajo hasta que se detenga para maximizar cada detalle de su tipografía.

Hay algo liberador en comenzar un diseño con el compromiso de usar solo el tipo y las palabras para comunicarse de manera efectiva. Espero que este ensayo desmitifique algunos de los procesos de pensamiento que pueden contribuir a mejorar la forma en que maneja el texto en una variedad de situaciones y le deja con una perspectiva diferente sobre las piezas discutidas, así como un nuevo conjunto de herramientas de iniciadores de procesos para su trabajo de diseño avanzando.

Trabajar con el tipo de letra es mucho más divertido cuando te preocupas menos por las reglas y, en cambio, intentas constantemente crear nuevas conexiones con las palabras. Considere cada párrafo, línea y letra como una oportunidad para mejorar su trabajo, y le prometo que se divertirá más con la tipografía, y como resultado su trabajo será más fuerte.