Tipografía que funciona: Composición tipográfica y fuentes

1. Avance: Hola, soy Ellen Lupton. Bienvenido a Tipografía Que Funciona. Un taller gratuito en línea patrocinado por MICA. Este taller es para cualquier persona que quiera explorar los fundamentos del diseño con tipo. En cada unidad, comenzaremos por conocer algunos tipos de letra y luego exploraremos algunos principios de composición tipográfica. En la primera unidad, veremos los tipos de letra sans-serif y luego veremos las cuadrículas y la alineación. En la segunda unidad, veremos los tipos de letra serif y exploraremos algunos principios que el refinamiento tipográfico. En la sesión final, veremos grandes caras de losa en negrita, que realmente se prestan a la personalización y la mezcla. En cada unidad, diseñarás tu propia tarjeta de presentación utilizando algunos de los principios que habremos estado discutiendo. Relájate, diviértete y bienvenido a la tipografía que funciona. 2. Tipografía Sans Serif: Hola. Bienvenido a la primera unidad de tipografía que funciona. Lo que vamos a hacer es mirar a algunas familias de tipo sans serif, para luego explorar las cuadrículas y la alineación como formas fundamentales de armar el tipo. Aquí te dejamos algunas tipografías que querrás conocer, y veremos algunas de ellas. Se trata de Futura diseñado en 1927. Realmente se pretendía crear toda una paleta de oscuridad y luz con la que los diseñadores pudieran trabajar en la página. Mucho una tipografía de su tiempo. Gill Sans fue diseñado en 1928, y fue deliberadamente un contrapunto a Futura, diseñado por Eric Gill. Se inspiró en el famoso alfabeto subterráneo londinense. Lo que quería hacer Gill fue crear una versión más humanista de las letras sans serif. Si comparas la minúscula un allá, puedes ver el círculo perfecto en el corazón de Futura, y así más renacentista un en Gill Sans. Eso le da a estas dos tipografías una personalidad muy diferente. Suiza es famosa por sus tipos de letra sans serif. Ahí está Univers de 1957, diseñado para ser nuevamente una rejilla de luz y oscura, gruesa y delgada, una paleta de material con la que trabajar el diseñador. Helvetica llegó en 1957 y se convirtió realmente en uno de los tipos de letra más famosos y populares del mundo. Helvetica Neue de 1983 es una versión de Helvetica que ha sido numerada con precisión y diseñada para darle al diseñador esta paleta perfecta de luz y oscuridad. Eso es realmente lo que buscamos en una tipografía sans serif. Por supuesto, los diseñadores nunca se detienen y cada año, y cada década, hay nuevas tipografías sans serif con las que trabajar. Cada uno proporcionando algo nuevo y diferente para los diseñadores. Uno realmente famoso es Gotham diseñado por Tobias Frere-Jones. Lo sabrás de Obama. Realmente se ha convertido en un símbolo de cambio y un símbolo de América. De hecho, está inspirado en la señalización comercial estadounidense, como las letras que se ven aquí. ¿ Por qué necesitamos tantas tipografías? Una razón es evitar delitos de tipo como este. Aquí es donde un diseñador ha escalado las letras en una dirección y no en la otra. Hace que estas ondas de línea realmente feas, desemparejadas. Así que encuéntrate una familia grande y agradable que tenga todos los pesos y grosores que quieras, y podrás hacer alguna tipografía hermosa. 3. Arquitectura básica: En esta parte de la lección, vamos a ver la tipografía arquitectónica y empezar a hacer cosas con todo ese gran alfabeto sans-serif. Así que ahí está nuestra amiga Helvetica otra vez, y este es un hermoso cartel de los años 50 donde se puede ver cómo el diseñador está usando una cuadrícula para alinear las cosas, y realmente el diseño gráfico es todo sobre alineación. Creamos rejillas para que podamos tener un sistema que permita que los objetos de la página o en la pantalla se anclen entre sí, y crea una mezcla de uniformidad y variedad y que realmente crea tipográfica muy estructurada y ordenada cosas. Por lo que la alineación está en el núcleo de cómo colocamos y organizamos los elementos, y cada forma de alineación tiene su propia vibra para ello. La alineación centrada es muy formal, es muy simétrica, obtienes diseños como este que son casi estáticos. Ese poquito de cursiva ahí le da algo de movimiento. Vemos tipo centrado en lápidas. A veces puedes estar, aún no estás listo para estar muerto, prueba algo diferente de centrado. Justificado es muy económico, ahorra espacio, y hace un maravilloso bloque sólido. A veces ese bloque puede estar lleno de agujeros, nosotros llamamos a estos ríos, y eso no es algo tan grande. Por lo que hay que trabajar duro para que tu tipo justificado sea hermoso como en este diseño donde incluso las imágenes están justificadas. Flush left es un gran ajuste de tipo orgánico. Por lo que obtienes un bonito borde duro en un lado y un borde suave en el otro. Echa un vistazo a esta magnífica portada de libro de 1936, tipografiada en futura, estampada en una portada de libro de lino. Realmente hermosa. Flush right es más inusual y eso le da un verdadero dinamismo. Por lo que tienes este borde muy suave a la izquierda y el borde duro a la derecha, y ese borde duro realmente permite que el tipo oriente a tu contenido. Estamos muy conscientes de la alineación y la forma en que el tipo se siente atraído magnéticamente por algo a su lado. Aquí, el diseñador ha utilizado ese tipo de flush derecho para realmente crear una sensación de movimiento y dinamismo. Queremos abrir la portada de este libro, ese tipo nos está llevando derecho a donde queremos ir. Echemos un vistazo a algunos diseños. Este es como el diseño más feo, más estúpido de todos los tiempos. Todo está bien centrado o flotando hacia los bordes y eso es algo que queremos evitar. Este es tu diseño más estático donde todo está centrado y eso puede verse bien, y hay muchos usos exitosos de tipo centrado, pero esto es bastante aburrido, no es lo primero que se te ocurra. Entonces algo que veo en mucho trabajo estudiantil son solo los elementos flotando hacia el borde de la página. Estos elementos no están realmente anclados a nada. No se alinean con nada. Entonces una estructura como esta es mucho más exitosa porque los elementos tienen una orientación entre sí y yo llamo a esto una estructura interna. Se trata de una estructura que viene del contenido y no sólo de los márgenes de la página. Jan Tschichold fue un gran diseñador y teórico en los años 20 y realmente hizo este argumento muy fuertemente en su libro, La nueva tipografía. Por lo que odiaba el tipo centrado, odiaba cómo obligaba el contenido a este molde rígido predefinido y en su lugar creó rejillas con elementos izquierdos enrasados anclados entre sí. El espaciado entre líneas es un recurso importante para el diseñador, y realmente lo usamos para crear textura, para crear campos abiertos y cerrados de tipo que sean más claros u oscuros. Por lo que estos dos sitios web, de la izquierda se ve un sitio web que es muy abierto, que es más legible, es más quizás hacia una experiencia de larga forma. El de la izquierda es muy denso y oscuro y más conservador del espacio. Cada uno tiene sus beneficios. Depende de qué es lo que intentes hacer con tu contenido. espaciado entre líneas se puede utilizar de forma creativa para permitirle mezclar y emparejar líneas de tipo, puede ser una forma bastante expresiva. Algunas cosas malas. Aquí te dejamos algunas tipografías realmente feas. Este es un e-mail que recibí recientemente que tiene cuatro tipos diferentes de énfasis, que tanto énfasis, no tengo idea de lo que es importante. Lo mismo con este letrero de Amtrak. Este diseñador de aquí estaba tan emocionado en usar tantos audaces, y cursiva, y signos de exclamación que nada termina realmente luciendo importante. Este es un poco mejor, pero aún tenemos problemas con demasiado énfasis. Entonces empiezo a leer la frase, siempre gorras rojas, en lugar de lo que pretendía el escritor. 4. El proyecto: Sans + Estructura: En la última parte de la unidad, te voy a guiar paso a paso por el proceso de diseño de una tarjeta de visita muy sencilla. Primero, por un poco de inspiración, esto es de mi libro, Design It Yourself, y esto tiene todo un capítulo sobre tarjetas Kristen Spilman y Spence Holman que son estudiantes de postgrado aquí en MICA, y puedes marchar por estos y ver cómo solo con el tipo, puedes crear algunas personalidades realmente diferentes. Todo se trata de cómo está alineado. Este es muy relajado, y el tipo se desvanece a gris, y es una especie de nubes en el cielo. Esta utiliza la fuente de código de barras para enfatizar realmente el número de teléfono. Esto está hecho enteramente con el adorno tipográfico, realmente puedes construir patrones con tipo o puedes cambiar la escala para un efecto más dramático. La impresión es realmente fascinante y no vamos a entrar en eso hoy, pero experimentar con serigrafía, y tipografía, y diferentes materiales realmente pueden aportar personalidad a lo que vas a hacer. Encontrado en los materiales, se trata de goma estampada en el chip de pintura Martha Stewart. Es realmente interminable cuando comienzas a pensar en las cosas que te rodean y cómo se pueden transformar en una tarjeta de visita, que es realmente un retrato tipográfico. Una tarjeta de visita es una foto tuya, o un negocio, o una marca, y de verdad quiero que pienses en eso mientras construyes tu propia identidad en esta casita, que en EU es de 3.5 por dos pulgadas. Voy a caminar por el proceso de diseño aquí, acabo de empezar escribiendo el contenido de mi tarjeta de visita, probablemente querrás un poco más que esto. Mi personaje aquí, Srta. Helvetica, es el personaje titular de una novela que estoy escribiendo. Probablemente vas a querer tener un número de teléfono y una dirección de correo electrónico, pero la Srta. Helvetica aquí está jugando realmente recto. Lo primero que hice fue apenas tratar de ponerlo centrado, y justificado, al ras a la izquierda, al ras a la derecha. Estoy muy contento con la flush izquierda, creo que de eso se trata realmente su personalidad. Eso es con lo que voy a llegar a trabajar. Pero ahora, lo miro y veo que este es un trapo realmente feo. Cuando estás configurando el tipo flush left, realmente tienes que prestar atención a la forma que hace ese borde desigual. No queremos que parezca una escalera o un vientre embarazada o la luna nueva, realmente quieres que luzca natural y orgánico. Lo primero que hice es que empecé a dividir los contenidos, ver si podía romperlo y hacer que se viera mejor. Estoy empezando a crear una cuadrícula, se me cayó una línea justo por el medio de la tarjeta para empezar a crear alguna estructura a ese espacio. Eso me empieza a gustar, pero el trapo sigue siendo malo, sigue haciendo una escalera, así que reescribí el texto. He deletreado la palabra santo, rompí esa pequeña lista de servicios y líneas separadas. Ahora, realmente me gusta el trapo, pero todo el diseño está arriba en la parte superior. Empecé a construir mi cuadrícula, he añadido una línea horizontal. Ahora, puedo empezar a organizar el texto en un espacio más estructurado con arriba e abajo, e izquierda y derecha. Estoy empezando a disfrutar mucho más de esto. Te darás cuenta de que cuando alinee ese texto, me alineé con la altura x de las letras, no con la altura del tope, y eso nos va a ayudar más adelante cuando empecemos a cambiar la escala de las letras. X-height es realmente el cuerpo de un tipo de letra, ahí es donde está la mayor parte de la acción, y tan a menudo los diseñadores se alinearán con esa altura x para crear realmente la estabilidad que estás buscando en alineación. Eso es lo que hice aquí. Ahora, estoy mirando el diseño y todo está en la parte inferior. Algo se va a dar aquí, tenemos que mover algunas cosas. Llevé su pequeña lista de servicios hasta la cima, y eso me gusta mucho, es una especie de pájaros en el cielo flotando sobre este paisaje de información. A mí me gusta la composición básica, estoy empezando a estar bastante contento con ella. Pero ahora, quiero entrar y crear contraste. Mi tipografía, Helvetica, por supuesto, se trata de contraste. Tengo todos estos pesos diferentes con los que puedo trabajar. Intenté ponerlo en diferentes lugares y en última instancia, siento que quiero enfatizar los servicios que Srta. Helvetica está ofreciendo en contraposición a su nombre personal o su marca. Yo voy a ir con eso, y ahí es donde estoy. Pero quiero darle algo de énfasis a ese nombre, Srta. Helvetica, para hacerlo más grande. Es lo único más grande en la tarjeta, y así estoy empezando a construir en estos elementos contraste. Esto me gusta, pero aquí hay un problema. Helvetica Thin, cuando hago eso un tamaño más grande, la espera ya no coincide con el texto más pequeño utilizado en su nombre y dirección. Voy a apagar eso y usar Helvetica Ultra Light para su nombre comercial y mantener Helvetica Thin para el nombre y la dirección. El tipo face está diseñado para ser realmente modular de esta manera y permitirte crear estos trazos coincidentes. Eso es un poco de refinamiento realmente bonito que viene de una tipografía grande como esa. Esto me está gustando mucho. Simplemente voy a hacer un poco más pequeño el diseño y la tipografía, creo que es un poco más poético, flotando ahí arriba en el cielo. Pero ahora, voy a dar un paso atrás y mirar esa composición. Ahí está mi cuadrícula, y la cuadrícula tiene sentido. Es muy racional. Pero lo visualmente, siente desequilibrio porque hay menos espacio en el margen derecho que en la izquierda. Ahora que tengo esta cuadrícula racional, quiero entrar y hacer que se vea bien. Acabo de crear un margen parejo, izquierdo, derecho y centro, y eso realmente se convierte en mi nueva unidad de mi cuadrícula. Viene del contenido que acabamos de pasar tiempo construyendo. Voy a usar eso para crear un margen superior e inferior también. Ahora, tengo este diseño que se siente equilibrado, pero también lógico, y tiene algunos pedacitos de diversión y juego en él. Ahí es donde empezamos a la izquierda con absoluta sencillez, solo con el contenido. Con el tiempo, agregamos complejidad y estructura al diseño. Todo sale de ese contenido. Eso es lo que quiero que intentes. Yo quiero que crees algún contenido. Simplemente escríbalo, así es como empiezas, con la escritura. Después agrega gradualmente estructura y contraste a tu diseño, y mira a dónde te lleva. 5. Familias de tipografía serif: Hola. Bienvenido de nuevo a la tipografía que funciona. En esta unidad, vamos a ver algunas tipografías serif y explorar algunos de los finos detalles finos finos del diseño tipográfico. Por ejemplo, una ligadura, estos son caracteres especiales que impiden tocar no deseado entre f e i, f y l, y otros grupos de caracteres. Voy a empezar con sólo un poquito de historia. Las primeras tipografías se inspiraron en la escritura medieval. Páginas como esta impresas en Alemania en el siglo XV son muy densas y oscuras, inspiradas en ese guión medieval. En Italia, las impresoras comienzan a crear tipografías romanas que eran mucho más abiertas. Esos realmente se convirtieron en la base de muchas de las tipografías romanas que usamos hoy en día. estos los llamamos humanistas. puede ver que tienen varios niveles de oscuridad y densidad, pero todos ellos tienen esta geometría abierta que viene de ese primer siglo de impresión italiana. tipo cursiva se originó en Italia a partir de un estilo cursivo de escritura a mano. En un principio, estaban separados del alfabeto romano. Aquí, se puede ver ese contraste entre los romanos erguidos y la cursiva inclinada en una sola página de tipo. En Francia, Garamond creó otra popular tipografía humanista. Muchas versiones de esta tipografía están en uso hoy en día. Uno de mis favoritos es Adobe Garamond Pro. Cada uno tiene su propio estilo. Cada uno refleja su tiempo. Los diseñadores siguen actualizando estas tipografías para expresar la impresión y la tecnología contemporáneas. Dave Eggers es famoso por usar solo Garamond 3 en su revista, McSweeney's. Tendrás que conocer a toda la familia tipo. Una tipografía de servicio completo tiene romana, cursiva, tiene tapas pequeñas, tiene negrita y semibold. Todos esos elementos van juntos para crear jerarquía y contraste, y énfasis dentro de tu diseño. John Baskerville es una gran impresora del siglo XVIII que creó tipos de letra con más contraste y serifs más nítidos. En esta hermosa pieza de impresión de Baskerville, podemos ver muchas técnicas de diseño tipográfico de las que hablaremos con más detalle: capiteles rastreados, capiteles pequeños, capiteles caídos, y números antiguos. Todas las características fantásticas de la tipografía tradicional basada en serigrafía. Mr. and Mrs. Eaves es una familia de tipo contemporáneo diseñada por Zuzana Licko, inspirada en los tipos de John Baskerville. Los diseñadores de tipos hoy siguen viendo la historia como fuente de inspiración para nuevas tipografías para nuestro tiempo. Didot y Bodoni eran impresoras a finales del siglo XVIII que crearon tipos de letra que tienen un fuerte contraste entre gruesos y delgados. A estas tipografías les llamamos modernas. inspiraron en el grabado, lo que permitió diferencias muy finas entre líneas delgadas y líneas gruesas. Didot y Bodoni son muy populares hoy en día. A pesar de que provienen de la historia, se pueden utilizar de una manera muy contemporánea. Aquí el diseñador ha utilizado un espaciado de líneas extremadamente ajustado, y una mezcla de negrita y ligera romana y cursiva para crear este diseño contemporáneo muy dinámico. Aquí te dejamos un pequeño gráfico que muestra esta historia ideal de la tipografía, empezando por el viejo estilo o humanista, pasando a la transición, que vimos en Baskerville, y culminando en los llamados tipos modernos de Bodoni y Didot. Los diseñadores siguen utilizando esta clasificación para pensar la estructura básica y la personalidad de las tipografías serif. Aquí te dejamos algunas para que sepas que Garamond es de estilo antiguo, Baskerville es de transición y Didot es moderno. Detrás de cada una de estas hay decenas de otras tipografías para que explores, pero estas son geniales para conocer a medida que comienzas a diseñar con tipografía serif. 6. Detalles, Detalles: Ahora que hemos mirado algunas tipografías serif, vamos a ver los detalles que son posibles con una gran tipografía. Aquí te dejamos esa hermosa página de Baskerville. Algunas de las cosas que hizo fue agregar seguimiento a sus gorras. Aquí se puede ver cómo al agregar algo de espacio alrededor de las tapas, realmente enfatiza la hermosa geometría cuadrada de las letras mayúsculas, que se derivan del tallado en piedra y muchas veces tenían mucho espacio a su alrededor. El seguimiento no es algo tan bonito que se aplica a las letras minúsculas, las cuales están realmente diseñadas para sentarse bien y cerca juntas, por lo que generalmente evitamos rastrear minúsculas. Kerning es algo diferente. Kerning es el espacio entre dos letras, mientras que el rastreo es espacio a través de todo un cuerpo de letras. Aquí puedes ver cómo el kerning mejora el espacio y crear algún efecto más parejo. kerning métrico es el kerning que está integrado en tu tipo de letra, ese es realmente el kerning que el diseñador puso ahí. Por lo general, eso funciona bien para lo que necesitas hacer. En ocasiones, los diseñadores pasan al kerning óptico, lo que permite al programa de diseño determinar el kerning en lugar del diseñador, el diseñador de la tipografía. Esto suele funcionar mejor con titulares con tipo a gran escala. Las gorras pequeñas son una gran característica de la tipografía. Las gorras pequeñas son la altura de las letras minúsculas y las puedes ver y trabajar ahí. Verdaderas tapas pequeñas son parte de la tipografía. En realidad son un alfabeto separado diseñado por el diseñador de tipos para que lo use. Pseudo gorras pequeñas son un delito tipo. Estos son capiteles reducidos y se ven terribles porque cuando te encoges esa carta de tamaño completo, los pesos no coinciden. Los números son fascinantes. Algunas tipografías usan lo que se llama números no alineados, que tienen ascendentes y descendentes. tanto que otras tipografías como Helvetica o Futura, tienen números que son esencialmente la altura de las letras mayúsculas. El bello de los números sin forro es que se integran con el texto. Tienen este maravilloso sentimiento literario porque parecen personajes mayúsculas y minúsculas. Las gorras Drop son una gran característica del diseño tradicional de libros, a menudo utilizadas al comienzo de una obra. Este fue creado con la función de drop caps automáticos en InDesign. Pero también puedes hacer tus propias gorras de gota personalizadas. Aquí quería que esa línea de texto siguiera realmente el ángulo de la W. Aquí hay algunas gorras de gota históricas que son tan inspiradoras de ver. Pero las gorras de gota también se pueden hacer de una manera muy contemporánea y pueden ser una ilustración que integres en tu diseño. 7. Proyecto: Tipografía literaria: Ahora, vamos a aplicar todas esas características de la tipografía literaria a una tarjeta de visita. El primer cartulina que hicimos fue todo sobre estructura y rejillas. Ahora, vamos a ver esos detalles literarios. Vamos a escribir algo de literatura. Este es un párrafo que escribí sobre una revista imaginaria. Quiero que pienses en algún contenido sobre tu empresa o sobre tu servicio, luego escoge una tipografía. Escogí Jenson, que es una hermosa tipografía inspirada en los primeros romanos italianos del siglo XV. Me gusta mucho lo pesado y necesitado que es este tipo de letra. Un poco a la vieja moda, que funciona para lo que estoy tratando de hacer. Saqué algunos elementos y los puse en gorras pequeñas. Ya verás que las gorras pequeñas vienen con esos números sin forro, y necesitaré ir a través de ellos y asegurarme de que todos mis números no estén forrados. De nuevo, usa un poco de cursiva para agregar un poco más de detalle. Yo quiero echar un vistazo a esos números telefónicos ya que los números son parte importante de una tarjeta de visita. Hay muchas formas de escribir un número de teléfono, y siento que usar ese paréntesis es anticuado. Me gusta mucho este porque los periodos son tan cool en Adobe Jenson. Voy a poner eso en mi tarjeta de visita. Ahora, le doy un vistazo a mi composición general y siento que quiero darle un poco más de impacto a mi marca. Estoy creando un espacio ahí para una gota capital. Pero en lugar de la capital, voy a poner una foto de mi perro. Yo lo hice justificado porque es literatura, y la literatura a menudo se establece en blogs justificados. Dale una prueba a eso si te interesa. Ahí es donde estamos, y lo que quiero que hagas es probar algo así. Crea algún texto y luego empieza a agregar estilo a tu texto con el fin de sacar el contenido. Para enfatizar nombres, números, ideas clave. 8. Revolución de la tipografía slab: Bienvenido a la unidad final de tipografía que funciona. Vamos a ver tipos de letra de losa grande y hablar de cómo mezclar, combinar, y decorar herméticos. En la última unidad nos enfocamos en la topografía literaria. Ahora, vamos a ver lo que pasó cuando estas muy perfectas formas de letras fusionaron con la publicidad y se convirtieron en una especie completamente nueva de comunicación tipográfica. Se trata de una página de Baskerville. Miramos a Didot, quien creó tipografías modernas con severo contraste entre gruesos y delgados. Aquí te dejamos esa pequeña historia desde el viejo estilo hasta la transición, hasta esos súper cabellos gruesos y delgados de Bodoni y Didot. Ahí está Didot. Cuando se introdujeron estos, liberó a los diseñadores de tipos para crear letras más grandes y más audaces. Esencialmente, fusionaron lo sans con lo moderno para crear lo que llamamos losas. En una losa, el serif se convierte en un elemento arquitectónico independiente. Ya no es solo un detalle de acabado, es realmente la estructura de la tipografía. Estos se hicieron muy populares en el siglo XIX cuando hubo demanda de publicidad. tipografía ya no era sólo libros, eran anuncios, eran folletos, eran carteles. tipografía realmente evolucionó en respuesta a esta necesidad de emoción e impacto. No todas las caras de losa son decorativas o parecen que acaban de escapar del circo. Clarendon es una cara de losa súper clásica. Century expandido se utiliza en mucha tipografía de libros, pero tiene bonitos elementos pesados. Utilizo esta tipografía en toda mi presentación, se llama Tesis de Lucas de Groot. Se trata de una increíble familia de tipo contemporáneo que incorpora losas y caras modernas pesadas y sans serif en una sola familia para obtener esa sensación publicitaria del siglo XIX de una súper familia. serifs de losas adoran la web y muchas de las tipografías realmente populares para el diseño web son losas, porque realmente sostienen bien los rigores de la pantalla. Agradables detalles pesados dan a la tipografía carne y permiten que realmente se comunique en los medios de pantalla. Esas son algunas grandes caras de losa desde súper decorativas hasta súper prácticas, pero todas traen este impacto masivo a tu trabajo. 9. Combinaciones: Ahora vamos a ver qué hacer con esta gran paleta de opciones tipográficas. Ahora tenemos todas estas tipografías geniales ¿qué haces con ellas? Cuando miras la tipografía del siglo XIX, las fuentes eran locas, pero el diseño era súper convencional. Esto es realmente justo como una lápida o la página de título de un libro. Cuando miras la tipografía del siglo XX, los diseñadores comenzaron a usar esas caras decorativas, pero en realidad les agregan una cuadrícula y en realidad empiezan a estructurarlas de una manera más dinámica y asimétrica. Aquí está el logotipo de MICA que utiliza una cara de losa llamada Giza, inspirada en las grandes losas egipcias del siglo XIX. Aquí el diseñador está agregando una cuadrícula al logotipo. Creo que las losas realmente se prestan muy bien para el branding. Son muy distintivos, tienen mucha personalidad, y ese logotipo de MICA en realidad está inspirado en parte por la pendiente en uno de nuestros edificios de campus exclusivos. Es divertido ver cómo la arquitectura y la tipografía se unen. Cuando tienes una tipografía audaz realmente grande, entonces puedes hacerle cosas, como convertirla en patrones. Todo ese peso, todo ese peso es algo que el diseñador realmente puede explotar en su aplicación del sistema de logotipos. Mezclar tipos de letra es un verdadero arte. Aquí te dejamos unas caras de losa mezcladas en esta pequeña hoja lagrimal de la revista New York. Lo que realmente me gusta aquí es el contraste entre una letra muy alta pero muy delgada y unas letras muy pequeñas pero muy pesadas. Estás consiguiendo este contraste yendo en dos direcciones lo que realmente le da a esta pequeña página es sofisticación. Estas son algunas reglas sobre mezclar tipos de letra de Hoefler y Frere-Jones. Podrás ver más consejos de ellos en su página web. Pero aquí está la idea de mezclar tipos de letra geométricos de diferentes épocas la historia que aún tienen una geometría central y sentido del orden para ellos. Aquí también de Hoefler y Frere-Jones. Se trata de este gran diseño de restaurante utilizando muchas tipografías diferentes pero todas ellas con este origen y topografía del siglo XIX. Eso le da una personalidad común a la pieza. Después hay algunas tipografías que realmente se convierten en herramientas para que el diseñador use y experimente con ellas. Esto es historia de Peter Bil'ak. Es un kit de piezas. Son todas estas capas las que van juntas para crear realmente un número infinito de formas de letras diferentes a partir de un tipo de letra. Aquí lo puedes ver aplicado en estos hermosos diseños de postales. Esa es una mezcla de fuentes juntas para crear montones de diferentes formas de letras. 10. El proyecto: Personalización de tipografía: Por último vamos a mirar el tipo de personalización y para tu proyecto final quiero que pienses en hacer tus propias formas de letra y divertirte un poco con ella. Esto es como súper feo y todos miraríamos esto y quedaríamos absolutamente horrorizados. Pero en realidad algunas de estas técnicas se pueden usar bien y lo que el diseñador está tratando de hacer aquí es crear separación entre el tipo y la imagen detrás de él. Técnicas como sombras de gota, y resplandor exterior, y contornos son todos métodos que utilizamos para hacer que la tipografía se separen de su mundo, sus formas de personalizar el tipo. Aquí Rudy Vanderlans ha utilizado esas técnicas de una manera realmente hermosa. No soy de quien desestime afectos como algo que los tipógrafos no deberían usar, solo tienes que usarlos bien. Aquí tienes un hermoso logotipo de Duffy design, y verás que hay este precioso contorno alrededor de esa palabra francés. El contorno es sólo un poco diferente de color del fondo, y le da esta sutil dimensión. Es un anuncio para pan, es un logotipo para pan, y darle ese poco de suavidad a él realmente expresa el producto de una manera encantadora. Hay muchas maneras de hacer esto. Esto se hace realmente mejor en Illustrator, donde realmente se puede controlar la colocación exacta, y el peso, e incluso la forma de los contornos. Puedes tener contornos cuadrados o redondeados, puedes tener contornos ingleados, puedes expandir tu trazo y realmente ponerte un trazo en tu paja, y luego si has expandido tu trazo puedes empezar a cortarlo y cambiarlo dentro de él. Aquí este efecto de luz se hace convirtiendo parte del trazo en blanco. Sin agregar muchas cosas extra a las letras empieza a tener este sentido de luz y dimensión. Te voy a dejar con esto último que es cómo hacer un estallido de 99 centavos. Me encanta la herramienta Star en Illustrator, y si la usas solo estándar obtienes cinco puntos. Pero si usas tu flecha hacia arriba mientras estás dibujando la estrella puedes agregarle muchos puntos. Si haces clic en el Art Board puedes editar la relación entre el radio exterior y el radio interior para crear realmente estrellas personalizadas que se pueden usar para anunciar todo tipo de cosas. Te animo a jugar con eso y divertirte con la explosión de alegría que el diseño gráfico puede traer a tu trabajo. Para tu último proyecto quiero que te diviertas, quiero que te concentres en una gran palabra y la hagas hermosa, quiero que juegues con todos esos efectos y técnicas, pero las hagas hermosas, las hagas con propósito, pero yo quieren que veas la topografía como algo que puedes explorar y hacer el tuyo propio. Diviértete y haz algo de tipografía que funcione.