El tipo de bloqueo para el que todos estamos aquí. Foto vía https://www.flickr.com/photos/23099953@N00/3914098271

Reaprender a hablar sobre diseño

Cómo una sola decisión de diseño da forma a todo lo que sigue.

Incluso en trabajos autónomos y de bajo riesgo, existen innumerables decisiones de diseño (estéticas, formales y conceptuales) que afectan el resultado final. La siguiente es una síntesis de mi proceso y documenta cómo una decisión de diseño fundamental informó a muchos otros. Creo que hay mucho que ganar analizando los micro detalles en un diseño, y proyectos rápidos como este son un gran vehículo para eso.

Si estoy diseñando fuera de mi trabajo diario, generalmente busco excusas para probar nuevos tipos de letra, y a menudo los tipos de letra aún están en desarrollo por los diseñadores de tipos. Esto a menudo significa que estoy haciendo las cosas rápidamente y para nadie en particular. Es una buena oportunidad para jugar con juguetes nuevos, y los diseñadores tipográficos pueden ver sus betas en acción y tener una idea de lo que está funcionando y lo que podría causar problemas en el futuro. Son ejercicios formales de diseño básico. Este diseño fue uno de esos casos.

La génesis de cada decisión de diseño en este boceto fue la letra "1975" en la parte superior, ambientada en Maelstrom Sans. El objetivo era dar un giro a este tipo de letra en desarrollo, y se convirtió en el punto de apoyo a partir del cual se tomaron todas las decisiones estéticas, compositivas y relacionadas con el contenido. A menudo trabajo de esta manera en cascada, tomando una decisión inicial y dejando que el resto del diseño fluya a partir de eso. Es una forma de comenzar y evitar el bloqueo del diseñador.

Maelstrom Sans, como su predecesor Maelstrom, es un diseño de tensión inversa. Los trazos que esperas que sean gruesos son delgados y viceversa. Debido a esta inversión de expectativas, los tipos de letra de tensión inversa crean una sensación de "alteridad" e inquietud que obligan al lector a considerar los aspectos formales de la construcción de glifos en lugar de simplemente leer la línea y darla por sentada. Este ejemplo particular es elegante, con líneas tenues que se extienden en motivos ovoides. Se siente un poco retro-tech (geométrico) y un poco vanguardista (trazos delicados y el alto contraste).

El estrés más tradicional en Domaine Sans Display (izquierda) frente al diseño de estrés inverso. Ambos tienen enormes diferencias de peso en sus líneas más gruesas a más delgadas, pero el estrés está en trazos opuestos.

Cuando estoy dibujando con un tipo de letra, bueno, tonto, me concentro en encontrar frases o cadenas cortas que realmente muestren la estética del tipo de letra. Me gusta usar fechas para lanzar diseños como estos, pero un defecto con ese método es que con frecuencia tienes que comenzar con un 1. Los 1 pueden ser muy aburridos. Afortunadamente, en este tipo de letra, el 1 tiene una bandera prominente que atrae tus ojos y le da un ancho saludable. Elegí "975" como el final de la fecha después de ver cómo las tres figuras interactuaban entre sí. El 9 muestra las hermosas formas redondas en el tipo de letra, y tiene una "mandíbula" gruesa en la mitad inferior que lo antropomorfiza de una manera que me parece entrañable.

Otras fechas que probé crearon formas negativas problemáticas o me sentí un poco monótono.

Por lo general, evito los 7 cuando puedo porque dejan mucho espacio en su mitad inferior; pueden crear espacios negativos impares que interrumpen la línea. Sin embargo, en este caso pude dejar que el 7 se abrazara (me atrevo a decirlo, “cuchara”) contra el 9 y dejar que la parte posterior arqueada del 9 llene el vacío triangular del espacio negativo. El 5 es un bonito espejo para el 9 y gira suavemente hacia adentro para cerrar la línea. Después de enviar una solicitud al diseñador de tipos, Kris Sowersby, también se alineó con el ángulo vertical en el 7, lo que hizo que todo se sintiera más abotonado.

Antes y después del ajuste de alineación vertical en el 7 y el 5.

Entonces, escribiste una fecha, Bethany, ¡felicidades! ¿Pero qué cosas interesantes sucedieron en 1975? O, más específicamente, dado que eres un nerd, ¿cuáles son algunos de los animes rad que salieron en 1975? ¿Qué pasa con el anime rad que salió en 1975 y que tiene nombres que tienen la longitud adecuada para ser ajustados de manera apropiada en tamaño y peso a la fecha 1975 sin ser demasiado largos o demasiado cortos? Con 13 caracteres (contando espacios), tenemos a nuestro ganador: ¡Getter Robo G! Puntos de bonificación por tener mecha y una canción de hella rad. RIP Steel Jeeg, algún día volveré por ti.

El nombre simplemente no era lo suficientemente largo como para equilibrar adecuadamente con la fecha anterior, incluso con un tipo de letra extendido (y dado que la cara extendida está cerca en proporción a Maelsans y tiene un contraste visual más bajo, también se siente menos visualmente interesante). Una cadena más larga permite texto más pequeño y más diferencias jerárquicas y texturales entre las dos líneas.

Por lo general, cuando uso un tipo de letra tan excéntrico como Maelstrom Sans (en adelante denominado MaelSans), lo combino con tipos de letra atenuados, que no tienen mucho contraste ni llaman demasiado la atención. Fui en contra de esta regla cuando escribí Getter Robo G. Probé algunas caras conservadoras en varios anchos y pesos antes de probar Mabry. Mabry es un grotesco bastante excéntrico con muchas exageraciones caricaturescas en su diseño, y descubrí que su personalidad imitaba perfectamente algunos de mis detalles favoritos en MaelSans.

Los contadores ajustados y el énfasis en las curvas circulares, incluso en caracteres como la t, le dan al diseño mucha geometría amigable. Los círculos son más atractivos que los triángulos, como regla general. Cuando observa las otras opciones, que carecen de ese detalle, puede ver cuánta conexión se pierde entre esa línea y la fecha.

Parecen que están masticando un fajo de tabaco con esas mandíbulas apretadas.

El serif inferior del Mabry G interrumpe tanto que se siente como un depresor de lengua, y su longitud exagerada hace eco de las proporciones extravagantes de la fecha por encima de él. ¿Ves cómo casi divide el tazón por la mitad, creando una forma de huevo como vemos en MaelSans? También tiene algunas líneas horizontales extendidas que hacen eco de la construcción de MaelSans. Los e tienen una mordida inferior, donde el trazo se extiende más ancho que el tazón de arriba, lo que se refiere descaradamente a la "mandíbula" en el 9 de MaelSans.

Los tipos de letra cambiaron, pero el seguimiento estrecho fue universal.

Establecí la línea con un seguimiento extremadamente estricto para imitar las tendencias de tipografía en los anuncios de PC de los años 70 y 80, así como continuar con el espacio entre letras estrecho que establecí con MaelSans. Otro detalle de la nota fue que comencé la segunda línea de texto en el tallo vertical del 1, en lugar del ancho absoluto del texto, debido al "aire muerto" debajo de la bandera que simplemente quedaría atrapado e incómodo si no se llenara. (Hablaremos más sobre el espacio atrapado en un momento). ¿No se siente como si literalmente te hubieran llevado a una trampa, como si hubieras entrado en una cueva de asesinatos embrujada y no hay escapatoria?

Establecer la línea debajo de la fecha alineada con el borde izquierdo de la bandera atraparía el espacio negativo en el 1. Su ojo se dibuja y luego tiene que volver al comienzo de la siguiente línea.

Al dejar que el espacio negativo en el lado izquierdo permanezca abierto, lo "activamos" y le damos un uso en lugar de atraparlo con un diseño abarrotado. Ahora la bandera sirve como el toldo que atrae la atención desde el extremo izquierdo hacia el resto del diseño, y el espacio vacío prepara el escenario para el texto que sigue, lo que le da al diseño cierta asimetría y evita que se sienta como una fórmula, Composición totalmente justificada.

El tipo de letra que finalmente elegí (abajo a la derecha) tiene algunas características similares de Mabry (abajo a la izquierda), pero con mucho más detalle, nitidez y un contraste visual que lo ayuda a diferenciarse de la línea que se encuentra sobre él.

El gran "39" colocado debajo del título del anime permite cierto contraste en la escala contra el tipo más pequeño que lo rodea, así como también me da la oportunidad de agregar otro tipo de letra extraño que me ha gustado bastante, lo que llamaré € urobüng. Se sintió perjudicial usar MaelSans nuevamente en este punto del diseño (ver ejemplo arriba, arriba a la izquierda). Cada vez que use un tipo de letra complejo en la misma composición, corre el riesgo de que se sienta demasiado exagerado o extraño: la especialidad de verlo realmente cantar se ve atenuado al verlo repetido una y otra vez en escalas y escenarios ligeramente diferentes. Se siente menos a medida para el uso original y más un motivo que se usa repetidamente y con rendimientos decrecientes. Mabry no tenía el contraste visual o la escala de pesas para mantenerse aquí. € urobüng es un diseño excéntrico y rebanador de hermosos detalles (¡¡¡los 3 !!!) Es de una estética similar sin distraerse del resto del diseño.

Los viajes a través de Wikipedia me ayudaron a encontrar nombres e información para rociar en la parte inferior del diseño. La mayor parte se establece con un sans más amplio llamado Söhne Breite, algo más controlado y "completo" que Mabry y claramente diferenciado debido a la diferencia de ancho. Mabry puede sentirse manchado, como si estuviera salpicado en la página. Söhne Breite es un antepasado de Akzidenz Grotesk con un ancho extendido y formas repetitivas que le dan un tono robusto y uniforme. En tamaños grandes, esta monotonía podría volverse obsoleta (ver STEEL JEEG arriba), pero para los tipos más pequeños crea líneas consistentes que estabilizan el diseño.

Observe qué tan suelto y expresivo se siente Mabry (izquierda) en comparación con Söhne Breite, cuyas letras minúsculas llenan el espacio de manera más uniforme.Comenzando con

Cuando comencé a componer la mitad inferior, mi mayor preocupación era asegurarme de no "atrapar" el espacio en el medio de la composición. El espacio de captura ocurre cuando deja espacios vacíos en su diseño que están rodeados por todos los lados con otros elementos. Una regla general es que desea que el ojo pueda seguir el espacio negativo en un diseño tanto como el contenido en primer plano, por lo que se debe evitar aislar el espacio negativo.

Piense en el espacio negativo como el agua: se debe permitir que se desplace suavemente hacia adelante y hacia atrás en el diseño, hasta que finalmente se filtre. ¡No queremos charcos estancados! El espacio de captura a menudo lleva a que su ojo se confunda sobre dónde debe ir después, porque todas las direcciones tienen la misma importancia. Los has llevado a un callejón sin salida en el infierno tipográfico y no hay salida sin derramamiento de sangre y miradas críticas detrás de las cortinas.

En el ejemplo del medio, el espacio negativo en el centro de la composición está

Una forma en que podemos "dejar salir el agua" de este diseño es simplemente dejar un espacio en el lado izquierdo. También podría agregar elementos en ese espacio negativo para negar la tensión, pero en este caso sentí que era importante tener algo de aire en el diseño para reducir la densidad general. Quería que esta composición se sintiera un poco orgánica en la forma en que estaba estructurada en lugar de sentirse como un bloque sólido que necesitaba estar lleno de golosinas.

El logotipo de animación TOEI que estaba en uso en ese momento trae una forma geométrica agradable para dividir todo el tipo que lo rodea. Es un buen momento de descanso visual, y distingue la línea inferior de la composición como más terciaria y "otra". Intencionalmente dimensioné los elementos en esta fila para llenar todo el ancho y estar espaciados para que no se alinearan con ninguno del contenido anterior. Se supone que se siente como el piso del diseño, y cualquier espacio grande debajo del espacio negativo en el centro dividiría la composición por la mitad. Como puede ver en el ejemplo anterior (extremo izquierdo), cuando se rompe la línea inferior, el diseño se siente como si estuviera equilibrado precariamente sobre pilotes, haciéndolo sentir inconscientemente un poco incómodo. También es simplemente arrojar el agua del espacio negativo hacia abajo y fuera de la composición, lo que parece un poco grosero, ¿no?

El resultado final le permite desplazarse a través de la extensión de aire vacío y engancharse rápidamente en el gran "39" antes de deslizarse hacia la línea de fondo, lo que se siente naturalista y no demasiado a juego con lo que se encuentra arriba. ¡Es sorprendente lo fácil que puede destruir una composición agregando y eliminando elementos simples!

Probablemente podría escribir otras 500 palabras sobre el recorte del arte del manga en el fondo, pero te perdonaré y solo diré que el puño gigante atrapa tu ojo en la esquina superior izquierda, que normalmente es lo que quieres, y enmarca la cara del mecha maravillosamente Las líneas de la cara te llevan directamente a la composición tipográfica.

Entonces, ¿por qué molestarse en pasar por todo esto?

Con el tiempo, la mayoría de los medios de expresión creativa se ha complementado con un análisis en profundidad por parte de quienes se encuentran en los campos y sus alrededores, y de los propios creadores. Encontrará infinitos ejemplos de críticas al arte, el cine y la escritura en Internet, en libros y en videos. Pero eso no existe para el diseño. En las raras ocasiones en que los diseñadores hablan sobre su trabajo o el trabajo de otros diseñadores, de lo que quieren hablar rara vez es del trabajo en sí. Quieren discutir la meta narrativa de cómo el trabajo encaja en el panorama general del diseño, o regurgitar el tono brillante que se hizo al cliente para vender el trabajo en primer lugar.

Quizás la razón por la que no vemos una discusión más centrada en el diseño sobre el diseño es que los diseñadores no quieren o no pueden hablar sobre su trabajo de una manera que honestamente revela su proceso o intención. No creo que suficientes personas hablen sobre su trabajo de diseño de una manera que enmarque sus decisiones de diseño como si quisieran responsabilizarse de ellas.

En el trabajo de la agencia, el diseño de experiencia de usuario y más allá, el diseño se "disimula", se arregla y se ahoga con mentiras y un aura falsa de racionalidad con la esperanza de engañar a las personas para que crean que somos buenos en nuestro trabajo. Como si realmente no creyéramos que nuestro trabajo tiene algún valor si no está respaldado con estos extracurriculares. Estoy cansado de eso.

Creo que hemos comprado nuestras propias tonterías por tanto tiempo que hemos olvidado cómo hablar realmente sobre el trabajo. Nos hemos atrofiado hasta el punto de que ni siquiera sabemos cómo autoevaluar las cualidades de nuestro propio trabajo, mucho menos criticar cuidadosamente los trabajos de los demás. Este artículo es un intento de impulsar la reconstrucción de ese diálogo limitando el alcance de la discusión a algo hiperespecífico.

Hay un valor inmenso en volver sobre nuestros pasos mientras trabajamos: ver los puntos de quiebre que enmarcan el resultado final y cuestionarnos si lo haríamos de manera diferente ahora. El diseño es a menudo una serie de fichas de dominó, con una decisión en cascada para impactar a muchas otras. Tomar cada decisión de la manera más inteligente posible es vital.

La atención plena (estar consciente de las decisiones que tomas y por qué) es extremadamente importante en el diseño. Los diseñadores que se aferran a los instintos, la estética y la venta tendrán una vida útil corta. Los que se quedan y crean trabajo que impacta a las personas son los que consideran cada acción y reacción que realizan mientras trabajan y aprenden de ellos.

Una imagen benigna de 800x600 píxeles poblada con información de Wikipedia sobre una serie de dibujos animados largamente olvidada sigue siendo una oportunidad invaluable para aprender sobre usted y enseñar a otros. Cada vez que haces algo, estás flexionando un músculo, expandiendo tu repertorio de habilidades y agudizando tu punto de vista. No importa lo que hagas, hazlo con intención. Si puedo demostrar esta cantidad de justificación para un diseño único y de bajo riesgo, es mejor que venga preparado con más para el trabajo que realiza al servicio de los demás.

Espero que hayas encontrado esto util. Mi intención no era ser indulgente, ni implicar que mi proceso de toma de decisiones sea perfecto. Me resulta extremadamente valioso aprender sobre las decisiones fundamentales que dan forma a las cosas que me importan, y sé que otros diseñadores también están hambrientos de esto. Entonces, espero que otros encuentren útil este marco y comiencen a hacer más retrospectivas en su trabajo, enmarcándolo de una manera honesta que muestre su convicción en el resultado final. Planeo hacer esto regularmente, y ya me he dado cuenta de que estoy un poco más consciente de mis decisiones mientras trabajo. Habrá más de estos artículos en el futuro, y podría pasar a centrarme también en el trabajo de otros diseñadores.