Conceptos básicos del diseño gráfico: Principios fundamentales del diseño visual

1. Introducción: Bienvenido a nuestra clase de diseño gráfico ba sics. Yo soy Jennifer Cole Phillips. Yo soy Ellen Lipton. Somos directores del programa de Diseño Gráfico MFA en el Maryland Institute College of Art. Esta clase se extrae de cursos que impartimos en MICA, y también de nuestro libro Diseño Gráfico, The New Basics publicado por MICA y Princeton Architectural Press. En esta clase, aprenderás algunos principios básicos del diseño gráfico, incluyendo simetría, escala, jerarquía de encuadre y cuadrículas. Te mostraremos ejemplos de diseño gráfico creado por nuestros alumnos en MICA, y también trabajo por profesionales líderes. Entonces, te guiaremos por el proceso de creación de un diseño básico de página. Seguirás un proceso de principio a fin. Te vendría bien cualquier cosa. Podrías usar Illustrator. Podrías usar PowerPoint. Cualquiera que sea el programa en el que estés cómodo. Aprenderás ideas y principios que se pueden aplicar a cualquier diseño visual desde un libro o revista difundido hasta un póster de conferencia, página web o cualquier lugar donde imagen y texto se unan para comunicarse. Esta clase es para cualquier persona que quiera explorar y experimentar con el diseño gráfico. No necesitas ninguna experiencia pasada, solo un interés en comunicarte con texto e imágenes. Por favor únete a nosotros para esta introducción a los conceptos básicos del diseño gráfico. 2. Simetría contra asimetría: Una de las herramientas visuales más básicas de los diseñadores es la distinción entre simetría y asimetría. Te puede sorprender descubrir cuánto puedes realzar tu trabajo aprovechando esta poderosa distinción Ellen, te encanta la simetría. Cuéntanos por qué. Muchos organismos naturales son simétricos. Mírame, soy simétrico. Mis brazos y piernas me mantienen equilibrado. Una hoja crece hacia afuera en un patrón simétrico. Los brazos de una estrella de mar irradian desde el centro. Eso se llama simetría radial. Los diseños simétricos son inherentemente estables y equilibrados y es por eso que los diseñadores, durante siglos, han gravitado hacia diseños centrados. Entonces, en un diseño simétrico, debería poder dibujar una línea de arriba a abajo y es la misma cualquiera de los lados o podría dibujar una línea por el centro y es la misma arriba y abajo. Pero Jennifer, sé que te encanta la asimetría. Cuéntanos sobre eso. Creo que la simetría es más intrínsecamente comprensible porque todos podemos relacionarnos como seres humanos que son simétricos a ese principio, pero quizá te estés preguntando qué es exactamente la asimetría. La asimetría en el diseño realmente es distribuir elementos para que moverlos hasta que realmente sí se sientan equilibrados. Entonces, eso realmente es un asunto algo de percepción intuitiva. La naturaleza está llena de asimetría. Una montaña tiene equilibrio a pesar de que sus volúmenes son irregulares. Los arquitectos modernos desbloquearon el poder de la asimetría. Este edificio fue diseñado por Le Corbusier en 1925. Tiene un árbol que crece a través del patio. Estos diseños de portada de álbum son asimétricos. El flush tipo izquierdo ancla las composiciones hacia la izquierda pero hay suficiente actividad a la derecha para mantener cada diseño equilibrado. Estos diseños de Rick Valicenti cuentan con distribución asimétrica. Los diseños se sienten vivos pero equilibrados. Cuando usamos el término asimetría dinámica o dinámica, lo que realmente nos referimos es al diseño que realmente se mueve y cambia, diseño en el que el ojo del espectador se mueve activamente alrededor y a través de un diseño. Los diseños simétricos también pueden ser dinámicos. Se puede variar el tamaño de los elementos o se pueden recortar en la página una manera que sugiera tensión y movimiento y crecimiento. tipo centrado parece una composición muy tradicional, pero aquí, el diseñador ha creado el tipo centrado pero también ha introducido el drama al destrozar el tipo, al hacerlo grande, al empujarlo juntos, comprimiendo el espaciado de líneas. Entonces, la composición puede estar centrada, pero es muy activa. Este diseño consiste en una cruz central creada a partir de la topografía y luego hay una ráfaga de tipo, una interrupción de tipo en el lado izquierdo que altera esa simetría perfecta del diseño. Un diseño y un libro o una revista siempre es simétrico por esa fuerte columna central por el medio. Aquí, el diseñador Paul Sahre ha posicionado una serie de fotografías justo a través de esa columna, justo por el centro del libro y también ha creado tipografía que juega muy activamente con la columna vertebral del libro. Entonces, estos son diseños simétricos pero lo están haciendo de una manera que es muy activa y dinámica. Aquí tienes un diseño Web que tiene un eje central muy fuerte. Es amarillo por un lado y blanco por el otro, y el diseñador ha tomado su diseño Web y lo ha aplicado a una publicación impresa. Dentro del libro, hay media hoja de color amarillo. Eso se convierte en el tipo de libro dentro del libro. Por lo que es muy centrado pero también es dinámico y lúdico. Se involucra al lector. simetría no siempre es una decisión cualquiera o o. En esta serie de carteles, algunas soluciones son fuertemente simétricas y algunas son asimétricas. En todos los casos, el diseñador ha introducido la tensión y movimiento a través de colores, formas y patrones contrastantes. Entonces, aquí hay una herramienta, simetría versus asimetría. Es básico. Es universal. Se puede mirar cualquier pieza de diseño y preguntar: “¿Es igual, izquierda y derecha, o es diferente?” Me encanta la simetría. La simetría es equilibrada. Tiene sentido. Se relaciona con tantas cosas en la naturaleza. Pero como diseñador, tenemos que aprovecharlo de manera creativa y dinámica, no sólo la cosa tonta justo en medio. Me encanta la asimetría porque para mí, asimetría realmente energiza la página al animar al ojo del espectador a moverse todo el camino orgánicamente por la página de una manera mucho más emocionante. 3. Escala: Entonces, hablemos de escala. Escala es lo grande que es algo pero es un poco más complicado que eso, ¿no? Jennifer, ¿qué significan los diseñadores cuando hablan de escala? La escala es relativa. Un elemento parecerá más grande o más pequeño dependiendo de su contexto. ¿ Qué tan grande es un círculo en relación con otros círculos? ¿ Qué tan grande es en relación a la página? ¿ Cuál es su relación con el cuerpo humano? Escala transmite sentido. Aquí, los objetos grandes parecen estar más cerca y los objetos pequeños parecen estar más lejos. Las relaciones a escala pueden ser conceptuales. Un elemento grande podría ser más importante. En esta visualización de datos, la escala se utiliza para representar diferencias y cantidad precisas. Escala puede contar una historia visual. En estos diseños, las letras a gran escala son tan grandes que no caben en la página. El cultivo mejora su llenado de báscula. Un contraste dramático en escala puede traer vida y emoción a un diseño tipográfico. Los diseñadores han creado tensión entre personajes pequeños, delicados y grandes, audaces. Recortar los números crea profundidad. Mira las diferencias de escala en este cartel de Designers United, el diseño inspirado en Dada Tipografía. Pero Jennifer, ¿este cartel es realmente caótico y aleatorio? No, echa un vistazo más de cerca. En la tipografía sólo se utilizan algunos tamaños diferentes de tipo para construir tensión y sorpresa. Este es un libro sobre medios digitales y cultura. El libro en sí es realmente pequeño, se trata de esto grande pero el tipo es inusualmente grande. diseñadora Mieke Gerritzen optó por no crear mucho contraste en escala con su topografía. En cambio, ella nos chala página tras página con un tipo inusualmente grande, audaz, ruidoso. Entonces, la escala es tamaño pero la escala es realmente relaciones. ¿ Cómo se relaciona el tamaño de una cosa con otra? La escala es una herramienta importante en el diseño gráfico porque a menudo puede energizar el diseño cambiando lo que esperamos. A menudo, cuando tomas un elemento y cambias la escala una manera que tu público no anticipa puede energizar el diseño. Puedes sorprender a tu público haciendo algo que es típicamente muy grande, muy pequeño y algo realmente pequeño realmente grande. Entonces, haz tu titular un poco más grande, haz tu texto un poco más pequeño y podrías tener más atención e intereses entre esos elementos. 4. encuadre: El diseño gráfico es un arte de enmarcar. Al crear un diseño, los diseñadores llaman la atención sobre las imágenes y el texto con márgenes, bordes y recorte. Toda fotografía es realmente un acto de encuadre. Utilizamos la cámara para enfocarnos en puntos de interés. En estas imágenes, el fotógrafo está encontrando otro marco dentro del marco para dirigir aún más el ojo. Lisa Rienermann creó este alfabeto fotografiando los espacios entre edificios. Enmarcó su entorno de manera inesperada. Los márgenes y sangramientos afectan la forma en que una imagen ocupa el espacio. Entonces, piense en un margen como una especie de borde protector alrededor del cuadro. Es un borde que nos permite ver esa imagen como un objeto. Llama la atención sólo por estar vacío. Un sangrado es lo contrario. Un sangrado sale justo de los bordes de la página. Nos trae más dentro de la imagen. Hace que la imagen sea más inmediata. Los diseñadores también usan sangramientos parciales, donde parte de la imagen sale del borde, pero hay algunos restos blancos. Eso es realmente útil porque crea un espacio para texto o subtítulos. Recortar una imagen puede cambiar su forma y proporciones, así como su sentido del drama, o la intimidad, o la abstracción. Recortar una fotografía o hacerla sangrar cambia su impacto. En este cartel de Ragnar Freyr, la figura aparece hacia nosotros desde dentro a distancia. Aquí, la fotografía es un sangrado completo. El personaje se siente como si estuviera directamente en nuestro espacio. Estas piezas de marca para un museo cuentan con un marco roto. Contenido sangra más allá de la frontera. Ellen, ¿Por qué crees que el diseñador hizo eso? El marco enfoca tu ojo, pero también sugiere que el contenido no ha sido completamente domesticado. El resultado es abierto y dinámico. En estas tres campañas, se han pegado carteles impresos simples directamente a la pared, pero luego una imagen, y un titular, y logotipo se han estenciado justo encima de eso, de una manera que va más allá de esa hoja impresa subyacente. Entonces, aquí de nuevo tienes un marco que no contiene del todo el contenido que nos llama la atención. Entonces, el encuadre es parte de casi todo lo que hacen los diseñadores gráficos. Recortamos una fotografía, colocamos una imagen en el espacio, ponemos un borde alrededor de un texto o alrededor de la imagen. Cada vez que cambias el recorte de la imagen en Instagram, estás enmarcando. Cada vez que pones una imagen en medio de una página, estás enmarcando. Cada vez que eliges si poner un borde alrededor la imagen o dejarla limpia, estás enmarcando. Todas esas cosas son formas de llamar la atención sobre el contenido, dirigir a la gente hacia dónde buscar, mostrar a la gente lo que es importante. Eso es algo que los diseñadores gráficos están haciendo todo el tiempo en nuestro trabajo. 5. jerarquía: La jerarquía visual da orden a la información. Permite a los lectores navegar por contenido complejo o obtener la gran idea rápidamente. Jennifer, ¿por qué estas viejas páginas de libros se ven tan mal? Porque tienen jerarquías torpes cuestas y desordenadas. Echemos un vistazo más de cerca. Entonces, esta tabla de contenidos es de un viejo libro sobre modales. Se repite la palabra capítulo una y otra vez. Muy malos modales. Los números de página están situados lejos de los títulos de los capítulos por lo que ni siquiera es fácil de leer. Esta guía de París utiliza ese método anticuado de esbozar que aprendiste en la secundaria, número romano, el número árabe, ABC y luego sangrías, muchas y muchas sangrías. Ahora, este es un diseño contemporáneo diseñado por Nicholas Blackman. Es sucinto y es dramático. Puso el título del libro justo por el centro de la tabla de contenidos, una cartelera para su libro. El asunto ocupa las páginas izquierda y derecha, todo el spread. Echa un vistazo a esto, me encanta esta cosa. Los números de página están justo al lado de los títulos de los capítulos por lo que no tienes que numerar los capítulos en absoluto y realmente puedes encontrar fácilmente qué página es el contenido que estás buscando. Este clásico ejercicio fue pionero por el maestro de diseño suizo Emil Ruder. Ese ejercicio comienza sin jerarquía, sólo un bloque de texto. El diseñador gradualmente agrega señales de diferencia como peso y color para llamar parte del texto. medida que avanza el ejercicio, el diseñador comienza a usar señales espaciales como sangrías, abolladuras y espaciado entre líneas. Bueno, es realmente interesante frenar y agregar diferencia paso a paso. Entonces, puedes probar esto. Toma un cuerpo de texto y está todo claro, es todo lo mismo y empieza a añadir diferencia metódicamente. Agrega algo audaz, saca algo en el margen, crea espacio para separarte para llamar la atención. Es una manera realmente genial de experimentar la jerarquía como un sistema en el que solo agregas señales según las necesites. Lo que es una jerarquía, es una realmente señales de diferencia, señales de separación. Basándose en la jerarquía básica, el diseñador puede llegar a ser más expresivo. Un menú de restaurantes es un problema tipográfico sorprendentemente complejo. Ellen, veamos más de cerca y veamos cómo se junta la topografía. Bueno, estoy viendo sólo dos tamaños del tipo pero el diseñador ha trabajado con diferencias como negrita y ligera, gorras y minúscula, romana y cursiva, para crear una jerarquía. Hablemos de color tipográfico. Todos pensamos en el color como rojo, azul, verde, amarillo, pero en topografía, usamos el término color para hablar del tono, el tono de gris de todo un bloque de texto. Entonces Jennifer, muéstrame cómo funciona esto de cerca. El diseñador ha utilizado diferentes tamaños y pesos de tipo además de variar el espaciado de líneas. Ella ha creado tensión con gran tipo delgado y pequeño tipo pesado. El rango de color tipográfico sirve para profundizar el espacio compositivo y dirigir el ojo alrededor y a través del diseño. Este proyecto avanzado explora el color tipográfico de una manera más abstracta. Aquí, ninguno del tipo es real. Todo consta de texturas y formas que nos recuerdan el color y el tono del texto. El diseñador ha creado un sentido de noticias digno de urgencia enteramente con elementos abstractos. Incluso sin un lenguaje real, las señales visuales crean un claro orden de énfasis. Jennifer, cuéntame de estos diseños de paquetes. ¿ Cómo usan la jerarquía? Esta serie se llama la arquitectura de los snacks. Cada paquete tiene un diagrama focal de un producto alimenticio y un nombre de producto directo muy grande y sencillo. En estas hermosas cajas de tampón, la densidad del patrón representa un flujo ligero o pesado. El diseñador de este sistema de envasado tomó un enfoque diferente. En lugar de nombrar el producto, ella nombra que son usos diversos. Pollo, pan, pescado, adobo. El producto en sí es visible a través del vidrio transparente, así que en cierto sentido, no tienes que decir qué es lo podemos ver. Estas variaciones de tipo llevan el ojo de una manera dinámica. La clave de la jerarquía es la separación. Tienes que hacer marcas de diferencia que sean lo suficientemente fuertes como para que la gente pueda verlas, claras y oscuras, grandes y pequeñas. Se quiere hacer significativo este contraste para que podamos recogerlo. Lo más importante no está necesariamente en la parte superior de la página, no es necesariamente lo más grande, tal vez es lo más rojo, tal vez es lo único que tiene una caja alrededor. Entonces, los diseñadores realmente pueden expresar la jerarquía de maneras sorprendentes no solo de maneras obvias. 6. Cuadrículas: cuadrículas son una poderosa herramienta en el diseño de página. Dan estructura a la página y aumentan la eficiencia del proceso de diseño. Una cuadrícula básica tiene columnas verticales y filas horizontales. En papel gráfico, las divisiones son perfectamente parejas. Los diseñadores utilizan rejillas para generar patrones y formas. Los campos de la cuadrícula pueden proporcionar una estructura básica para los diseños de página. Una cuadrícula tipográfica tiene algo más que solo columnas y filas. También tiene márgenes y canaletas. Un margen es el espacio alrededor del borde de la disposición y canaletas son el espacio entre bloques de contenido. Entonces, Jennifer, ¿por qué las rejillas son tan importantes en el diseño de maquetación? La cuadrícula ayuda al diseñador a colocar elementos de tamaño y la cuadrícula crea consistencia en muchas páginas. Observe cómo el diseñador ha dejado algunos lugares en blanco, creando diseños dinámicos. El grillete es invisible aún presente. Entonces, el espacio en blanco tiene estructura. No se siente vacío. Se siente apoyado por la grilla. Es fácil hacer una cuadrícula en InDesign. Cuando abras un documento nuevo, te pedirá que elijas cuántas columnas y que establezcas el tamaño de los márgenes y canaletas. Aquí te dejamos una cuadrícula básica de ocho columnas. Trabajar con ocho o más columnas te da más libertad que trabajar con solo dos o tres. Vas a crear elementos de contenido que normalmente abarcan varias columnas. Por lo tanto, una imagen podría tener tres columnas de ancho, un bloque de texto podría tener dos columnas de ancho, o a veces un título podría tener solo una columna de ancho. Estos carteles de Wagner Frayer utilizan rejillas para organizar el contenido. También lo utilizan para generar y colocar líneas y formas abstractas, dando vida al diseño. Tenga en cuenta las fuertes divisiones verticales. tipo se alinea con el borde izquierdo de las columnas implícitas. Las divisiones horizontales proporcionan líneas invisibles para anclar elementos de manera rítmica. El retículo también tiene canaletas y márgenes. Recuerda, estos proporcionan espacio entre y alrededor de los elementos. Para crear estas series de carteles, el diseñador produjo un layout básico con una cuadrícula fuerte, y se puede ver eso a la izquierda, luego compartió su diseño inicial con sus amigos que utilizan la cuadrícula para agregar color y formas al diseño. Es realmente divertido probar esto con tus amigos o probarlo por tu cuenta. Entonces, es un diseño básico, y luego ha creado esta profundidad y estos campos de color simplemente activando las unidades en la cuadrícula. Las cuadrículas pueden unificar las muchas páginas de una publicación. Tenga en cuenta la fuerte banda horizontal que recorre esta guía de programas de varias páginas. Todo lo que hemos hablado se reúne en este complejo sistema de diseño. Estoy viendo escala, recorte, color tipográfico, asimetría dinámica, y por supuesto una cuadrícula tipográfica muy fuerte. Aquí hay otra serie de diseños potentes. Todas las páginas son diferentes, pero están unificadas por una jerarquía de cuadrícula común y un enfoque para presentar las imágenes. Observe el hermoso uso del espacio en blanco y la delicada forma en que los elementos pasan unos a otros. También tenga en cuenta la variada escala, ritmo, y distribución de los elementos. Las cuadrículas creadas para la web y los medios digitales tienden a ser más uniformes que las cuadrículas impresas. El diseño responsive crea diseños que funcionan en diferentes dispositivos. Entonces, aquí se ve un diseño de escritorio y un diseño móvil. Tienen el mismo contenido y una cuadrícula similar, pero un número diferente de imágenes, un número diferente de columnas. A Google Image Search construye cuadrículas automáticas sobre la marcha y para dar cuenta de las diferentes formas de las imágenes, Google alinea las alturas pero no el ancho, y crea una especie de cuadrícula funky ligeramente sesgada que es divertida de ver. Estamos viendo la estética de las páginas web automatizadas aplicadas a los diseños de impresión, como en este libro diseñado por el Dutch Design Master, Irma Boom. Ella ha encajado muchas imágenes en un espacio muy apretado de una manera funcional de hecho. Un concepto similar aparece en estos diseños de Benedikt Reichenbach. Sus páginas tienen un aire fresco deadpan como si fueran hechas por una máquina. Los diseños de página pueden ser básicos o rigurosos, sueltos o apretados, calientes o fríos. Las elecciones que hagas sobre simetría, escala, recorte, jerarquía y cuadrículas afectarán la voz de tu pieza final. Entonces, pruébalo tú mismo y diviértete. En nuestra lección final, puedes seguir adelante mientras construimos un diseño de página de abajo hacia arriba. 7. Demostración: integra todo lo aprendido: Entonces, ahora vamos a crear juntos un diseño visual básico, y vamos a estar considerando algunos de los principios básicos que acabamos de revisar en la lección. El primer paso es elegir y recortar de tres a seis fotografías. Podrían elegir lo que quisieran, podrían ser fotografías de comida que hayan creado, algo de su cuenta de Instagram. Elegí fotografías de un viaje que hice en China el verano pasado, pensé que estas fotografías eran coloridas, tenían líneas gráficas fuertes, y así sentí que eran un gran reservorio de materia prima para trabajar. Puedes ver aquí los he juntado un montón de ellos y de éstos, llamé a seis de ellos y esos son con los que vamos a trabajar. Ahora, escoge uno o dos tipos de letra con los que trabajar. Escogí Lava y Nacional, uno es un Serif y otro es Sans Serif. Ahora, vamos a construir un formato básico y una cuadrícula. Entonces, aquí estamos de nuevo en el cuadro de diálogo de InDesign para comenzar y crear un nuevo documento. Entonces, aquí tengo la opción de mantener todo estándar pero no no no voy a hacer eso, animo chicos a experimentar con opciones no estándar. Entonces, para mí, mantuve algunas cosas estándar ocho y medio y cambio la altura en lugar de 11 que obviamente es un estándar americano; ocho y medio por 11 a ocho y medio por 10. Por nuestra lección anterior, muchas columnas, ¿por qué? Porque nos dan opciones. Entonces, en mi caso elegí 12. ¿Por qué 12? Bueno, 12 es divisible y todo tipo de formas. Puedo combinar dos tres cuatro seis. ¡ Impresionante! Entonces con los márgenes, puedes ver que te da un valor predeterminado de 0.5 todo el camino alrededor de 0.5 pulgadas media pulgada en todo el camino alrededor. Simplemente cambio el margen inferior, muy sencillo pero pensé que le damos un poco de un look especial. Entonces, aquí tenemos nuestra cuadrícula, se pueden ver 12 columnas por página. Eso puede parecer mucho, pero en realidad encontrarás cuando comiences a trabajar con unas rejillas de múltiples columnas como esta, que realmente es fónico, te libera dándote tantas opciones más. Ahora, hemos añadido las Guías de Creación. Si recuerdas, es un menú abatible del Layout en la parte superior del prompt de InDesign y nos da nuestras filas horizontales, muy importantes. Acabo de escoger al azar 10. A continuación, los animo a que comiencen a crear algunas miniaturas. Entonces, ¿cómo se hacen miniaturas? ¿Cuáles son la miniatura? Entonces, las miniaturas son esencialmente un pequeño mini blueprint a lo que vas a estar intentando lograr y diseñar. Entonces, puedes ver aquí en mis dibujos, no tienes que dibujar bien, realmente solo quieres indicar algunas técnicas diversas para qué tan grandes serán las fotografías, dónde aparecerán en el espacio compositivo y algunos pensamientos sobre cómo te vas a acercar a tu jerarquía tipográfica. Entonces, se puede ver con una mirada más cercana que he usado un lápiz y lo que eso está permitiendo es, está permitiéndome empujar y tirar de la correa para que haga que algunas áreas del tipo sean más oscuras y algunas más claras. Entonces, estoy empezando a jugar y a tener una idea de cómo estoy creando alguna separación entre los elementos. Si recuerdas, el principio básico de la jerarquía son marcas de separación, por lo que encontrar formas de crear distinción de qué entre un elemento y el siguiente. Entonces, aquí es realmente solo un montón de garabatos pero puedes ver si lo miras, puedes sentir cómo se están separando las cosas también cómo empiezo a mover elementos por la página. Entonces, con este campo, tengo una gama de opciones que puedo explorar. A continuación, voy a empezar a construirlas en algunos diseños. Entonces, ahora vamos a definir una jerarquía tipográfica clara. El primer paso para construir tu diseño es traer todos tus activos. Entonces, ya te pedimos que selecciones de tres a seis fotografías, también queremos que elijas algún texto para crear un titular, un subtítulo, posiblemente subtítulos y si de verdad quieres ir salvaje de cerdo, también puedes agregar cosas como números de página y tal vez inventes un título para tu revista. Entonces, si no tienes copia para tus diseños, usa Wikipedia, cualquier cosa de código abierto que no esté protegido por derechos de autor, está absolutamente bien. Para un titular y un subhead o una baraja, creo que podrías ser creativo y llegar a los tuyos, ¿por qué no? Entonces, puedes ver aquí he hecho el titular muy grande y audaz en esta hermosa tipografía Lava. He cogido un subhead y lo he hecho en todas las mayúsculas, sentí que hacía una línea sencilla limpia y bonita, eso me gusta. Entonces en el texto, se puede ver tomé una parte de los textos que pensé que se trata de diseño de la Ciudad Prohibida que es en particular el tema Pekín en el que me estoy centrando, y lo hice un poco más audaz para que se destaque como subtexto, otro nivel de complejidad. Entonces, puedes ver que en el diseño que creé, es un spread de dos páginas y una revista hipotética, pero tu diseño podría ser cualquier cosa. Podría ser un póster, podría ser cualquier cosa que quieras, en lo que sea que estés cómodo. También se puede ver que jugué con escala y las fotografías. La fotografía de la derecha he hecho mucho más grande y he dejado a los otros dos pequeños en este punto. También puedes notar que las fotografías sangran hasta el borde de la página de la izquierda, la parte inferior, y la derecha. Al salir de las fotografías, se pueden ver los subtítulos, están anclados a la cuadrícula. No obstante, también a la derecha, se puede ver que ese título está anclado al borde de la imagen. En nuestra forma o un borde de una imagen o forma dentro de su disposición, suele ser un lugar muy bueno para anclar texto o topografía. Entonces, solo me gustaría señalar otra cosa sobre la alineación que estamos usando nuestra cuadrícula, también estamos queriendo estar al tanto de las alineaciones que estamos creando a través de la colocación de imágenes y textos. Entonces, aquí de lo que estoy hablando es cuando miras la alineación por ejemplo de la niña y cómo está alineada con un texto realmente limpio, crea una hermosa línea crujiente a través de toda esa página. De igual manera, cuando miras el titular, todas las letras se sientan en una línea base y puedes ver que la línea base de ese título sigue eso más y se alinea con esa imagen focal grande y grueso. Hermosa, crea estructura encantadora. Entonces, mirándolo ahora, estoy pensando que no quiero que todas las imágenes sangren. Entonces, aquí se puede ver que he dejado la imagen de la izquierda para sangrar hasta el borde pero los otros dos me metí. Todavía tengo el dramático cambio de escala y variación que está ocurriendo en las tres fotografías, pero ahora se puede ver que hay un poco más de energía pasando porque algunas de ellas no sangran y una de ellas sí. Observe también que al hacer la fotografía de la derecha mucho más grande, crea una asimetría dinámica. Entonces, aquí está nuestro paso final. Ahora, vamos a explorar algunos diseños alternos utilizando nuestra jerarquía tipográfica ya establecida. Entonces, tuve una idea con esta hermosa niña y aparece en los primeros diseños que he hecho como pequeña joya como pequeña imagen para hacerla enorme y cambiar el encuadre y el recorte de esa imagen en particular y hacerla realmente grande. Entonces, aquí simplemente importé la topografía del último layout a este layout y lo que puedes notar es que está demasiado oscuro, es difícil de leer, nunca lo podrías leer. Entonces, lo que he hecho es cambiarlo para pesar, toda la tipografía que existía en negro antes simplemente se invierte a blanco. Pero me falta algo que siento. Siento que el lado derecho necesita algo, así que voy a añadir una fotografía, sigue siendo asimétrica pero siento que es un poco más equilibrado con esta fotografía de la derecha. Entonces, aquí hay un diseño completamente otro con una fotografía completamente diferente. Mi pensamiento con esto fue para el tema Ciudad Prohibida, que esta gigantesca puerta de hierro sería un punto focal perfecto para esta difusión noticiosa que estoy diseñando. Ver la topografía sigue siendo prácticamente la misma; mismos tamaños y pesos y distribución. Acabo de traerlos con una nueva fotografía sangrar por completo. De lo que estoy notando ahora, ahora que lo miro sin embargo, es que el lado derecho de esta imagen tiene un hueco incómodo a la derecha, eso no me gusta. ¡ Boom! Cuidando, puedes ver, voy a sacar ese pequeño hueco, hace que sea más fácil de mirar, o simplemente no me queda atascado en él lo cual es importante, a eso lo llamo irritante visual. Entonces, para apoyar esta nueva fotografía lo traje con esta puerta de hierro que tiene todos estos elementos circulares dentro de ella, decidí cambiar el tipo de titular para ser más reflexivo de esa arquitectura. Entonces, puedes ver que ahora estoy usando National en un peso audaz realmente grueso. Se pueden ver los puntos del I el J y el I sólo son una hermosa secuencia de puntos pesados gigantes. Además, para agregar algo de riqueza a este diseño, he decidido elegir fotografías que pensé que funcionaban con esta imagen de portón grande de maneras interesantes y diferentes. El trozo de concreto en la parte inferior, me sentí también tenía los círculos que estamos tratando de recoger uno pero luego las otras imágenes es mucho más orgánica y natural y pensé que eso proporcionaba un hermoso contrapunto a la rigidez del portón. Todavía hay algo que me molesta de este diseño, y esto es todo. Lo que quería hacer, es que la puerta comience a la izquierda porque sólo tiene sentido que, bueno, la puerta te mantenga fuera de la Ciudad Prohibida y cede a toda la información que hay en el interior. Entonces, moviéndose hacia la izquierda, muy simplemente moviéndolo, es una introducción realmente agradable al capítulo que pensé. Aquí y finalmente, he volteado las imágenes secundarias para que el concreto fresco esté junto a la puerta de hierro pesado caliente y creo que funcionan mejor juntos. También al sacarlo de la hemorragia en el margen, le da un poco más de espacio y es simplemente más agradable composicionalmente. Entonces, aquí se pueden ver las versiones finales de tres diseños que exploré. Se puede ver en cada una de ellas la topografía es bastante similar, pero cada una de ellas tiene una sensación muy diferente basada en cómo trabajé con las imágenes y los principios de encuadre, escala, simetría, recorte, y jerarquía. Entonces, tal vez te estés preguntando ¿cómo lo haces si no conoces a InDesign? Bueno, claro que puedes usar cualquier programa siempre y cuando estés aprovechando los mismos principios y realmente estés pensando en las lecciones que acabamos de darte, te vendría bien cualquier cosa. Podrías usar Illustrator, podrías usar PowerPoint, sea cual sea el programa en el que estés cómodo. Al estar navegando por la galería del trabajo de otras personas, te animo a ser específico en tus comentarios sobre los principios por los que acabamos de pasar para que en lugar de solo decir que te gusta o no te gusta, piense sobre por qué, piensa en los principios y lo que podrías decir que podría ser útil para la persona que ha subido su trabajo. Estoy tan emocionado de ver tus diseños y tu proceso en la clase. 8. Conclusión: Gracias por unirse a nosotros en nuestra clase. Ha sido tan divertido pasar por los fundamentos del diseño gráfico y compartir contigo principios que puedes aplicar a tu próxima publicación, revista, PowerPoint, un libro de recortes para tu boda, cualquier cosa que use tipo e imagen para comunicar ideas. ¿ De qué hablamos? ¿ En qué hemos cubierto? ¡ Oh, Dios mío! Cubrimos los principios básicos del diseño gráfico. No todas ellas, sino algunas de las realmente más importantes. Cubrimos el encuadre. Cubrimos escala. Cubrimos la jerarquía, recorte, la simetría y la asimetría. Esos son principios que puedes llevar a soportar en todo tipo de proyectos que son rápidos y útiles y que están en el fondo realmente de cualquier pieza de diseño gráfico son estos principios fundamentales. Si quieres profundizar esto, echa un vistazo a nuestros otros cursos sobre Skillshare. Tengo un curso de tipografía y tengo un curso de diseño de carteles. O echa un vistazo a nuestro libro coautor, Diseño Gráfico The New Basics, ahora en su segunda edición. Aquí puedes mirar con más detalle las ideas de las que hablamos hoy en día así como principios más avanzados como capas y transparencia, tiempo y movimiento, psicología Gestalt. Grandes ideas para llevar tu diseño gráfico al siguiente nivel. Si hay algo que puedes quitarle a esta clase que une todo lo que hemos hablado es que el diseño gráfico es todo sobre las relaciones, la simetría, y la asimetría, el recorte, la escala, la cuadrícula. Todo se trata de cómo los elementos se relacionan con otros elementos de la página, cómo se relacionan con el marco general, cómo se relacionan con nosotros el espectador. Escala, ¿qué tan grande es para mí? Estamos emocionados de ver tus diseños. Puedes construirlos en InDesign o Illustrator o PowerPoint o en cualquier programa en el que te guste trabajar. Juntar algunas imágenes que te encantan con algún texto y ver cómo puedes conseguir que esas piezas encajen juntas para comunicarse. 9. Aprende más con Ellen Lupton: