Teoría del diseño gráfico: composición y disposición

1. Introducción: Ten las fotos e ilustraciones más llamativas de tu trabajo, los tipos de letra más geniales y la paleta de colores más increíble Pero sin una composición o estructura sólida, todo se derrumbará. En este curso, cubriremos todo lo que necesitas saber sobre el marco del diseño gráfico, el pegamento que mantiene unidos todos los elementos. Aprenderemos sobre métodos de composición ampliamente utilizados como la regla de los tercios, la proporción áurea, las diagonales, las silhuetas, las tangentes También analizaremos cientos de diseños increíbles de todas las áreas del diseño gráfico para ayudarlo a visualizar y comprender fácilmente todos los términos y reglas que se cubren en este curso. Junto con el emocionante proyecto de clase que espero que completes al final del curso, también tienes la hoja de trabajo de análisis y el glosario de términos para ayudarte a practicar todo lo que has aprendido Espero que estés tan emocionado como yo de comenzar y sumergirte en el mar del conocimiento y hermosos ejemplos de diseño gráfico. 2. Composición: No importa lo que estés diseñando, ya sea un logotipo, una tarjeta de visita, un póster, o un sitio web, siempre tendrás que crear una composición, que literalmente significa armar las cosas o qué algo está hecho de todos los elementos que utilizamos en el diseño gráfico e incluyendo imágenes, topografía, formas, colores, e incluso los marcador de posición necesitan ser dispuestos cierta manera para crear un agradable resultado. Y lo bueno es que la mayoría de la gente tiene una percepción similar de armonía y unidad entre componentes que usted armó. Y no sólo se aplica al diseño gráfico, solo piensa en la música, por ejemplo. La composición es también otra palabra que usamos, tanto en la literatura cuando se trata de componer poemas, pero principalmente en la música. La composición es también el proceso de escribir o producir música. Y en ese caso, se trata la disposición de instrumentos y notas musicales en comparación con elementos visuales con los que trabajamos en diseño gráfico. Pero no pienses que componer o crear composiciones sea un proceso tan sofisticado y elaborado del que solo los artistas son capaces porque en realidad es algo que todos hacemos en nuestra vida cotidiana casi todo el tiempo. Para darte algunos ejemplos, siempre que te pongas la ropa, esa también es una forma en la que estás componiendo prendas y accesorios para presentarte de cierta manera. O siempre que estés haciendo ensalada, nuevo, estás eligiendo ingredientes. Los estás cortando de cierta manera. Estás agregando una fuente particular. Y eso es otra vez, una forma en que estás componiendo comida. E incluso cuando estás empacando tus maletas o maletas para un viaje, de nuevo, estás preparando una composición de cosas que necesitarás mientras estás fuera. Y esta es la razón por la que incluí en este tablero estos tres ejemplos aquí en la parte inferior, sólo para recordarles estas sencillas referencias cotidianas que mencioné. El propósito principal de la composición en el diseño gráfico es asegurarse de que exista la jerarquía de equilibrio correcta, o sean una disposición de todos los elementos visuales de su trabajo con el fin de que la mayoría comunicar efectivamente un cierto mensaje o historia. Como siempre he mencionado, la composición no funcionará sin la comprensión y uso de la mayoría de los principios de diseño que cubrimos en este curso. Entonces volver a nuestras referencias de empacar para un viaje, crear una composición sin depender también del equilibrio, jerarquía y la unidad sería similar a simplemente tirar ropa al azar en una maleta con nuestros primeros arreglarlos y doblarlos ordenadamente o tratando de hacer una ensalada sin picar los ingredientes. No existe una forma real de categorizar los tipos de composiciones en el diseño gráfico, aparte de una simple diferenciación de composiciones abiertas y cerradas. Y es un concepto bastante simple de entender. Entonces en caso de una composición abierta, el flujo visual no está restringido. Por lo que los elementos de tu diseño pueden interactuar fácilmente con su entorno. Y por ejemplo, esto, definitivamente consideraría una composición abierta. Pero incluso éste aquí, en comparación con este trazado, que utiliza dos bloques de textos en los dos lados, casi formando marco o límite para la composición. Por lo que esto se consideraría más de una composición cerrada. Pero echemos un vistazo a otro ejemplo, una comparación de dos diseños similares. Una vez más, aquí del lado izquierdo, vemos una composición abierta. A pesar de que tenemos un par de líneas de división, general no hay límite visual que los cerrara juntos vía, comparado con esto aquí en el lado derecho de este menú, tenemos mucho estructura más estricta que conduce a crear una composición más cerrada. Otro aspecto importante para que las composiciones funcionen es asegurarse de que exista una jerarquía entre los elementos. Y se vuelve aún más importante una vez que se tiene mucha información para mostrar dentro del layout, por ejemplo, para que una composición funcione, no sólo se trata de encontrar el lugar y la proporción adecuados o tamaño de los elementos, pero también pensando en la jerarquía o las relaciones entre los elementos. Y ese es otro gran tema que cubrimos con gran detalle, incluyendo cómo se establecen puntos focales, puntos de entrada, y utiliza escala , posición, proporción y dominio en su trabajo. Cuantos más elementos necesitas agregar en un diseño, decir, cuanto más complejo se pone, más importante también es entender estas reglas y técnicas con las que puedes crear una composición. Pero la buena noticia es que se puede aprender este proceso en unos diseños más simples. Y con la práctica, eventualmente podrás aplicar las mismas técnicas en proyectos mucho más complejos. Antes de pasar a hablar de diseños, solo quería mostrar estos cuatro ejemplos de escenas famosas en películas y series de televisión mostrando cómo la composición de escenas también es crucial en la cinematografía . Ya sea mediante la utilización de una perspectiva de un punto y colocando al personaje principal en el punto de fuga, o dividiendo el marco en dos lados iguales y utilizando mucho espacio negativo, una vez más, para enfocarse más en el personaje principal de la escena, están usando lenguaje de formas, y triángulos para representar el poder y la fuerza. Entonces para resumir, la composición en realidad no es algo que hay que aprender por separado. Siempre se va a convertir en un proceso natural. Ni siquiera tienes que pensarlo ya que es en cierto modo, la combinación de usar todos los demás principios y reglas de diseño que estamos cubriendo en este curso. 3. Diseño: Además de la composición, otro término al que nos referimos muy comúnmente en el diseño gráfico es el layout, y se hace referencia principalmente en el contexto del diseño editorial. No obstante, también terminó siendo utilizado en el diseño web y UX. Quizás te estés preguntando por qué tenemos que hablar por separado sobre Liao Cuando ya cubrimos composición en el video anterior. Debido a que hay algunas personas, estas dos palabras podrían sonar exactamente igual o sinónimos unos de otros. No obstante, hay una diferencia sutil cuando usamos el término composición, nos estamos enfocando en el acto de seleccionar los componentes o elementos en un diseño por layout refiere al proceso real de y exponer todos estos elementos en un diseño. Y me gusta pensar en estos como los dos pasos o fases principales en cada proyecto de diseño gráfico. composición es la primera, seleccionando lo que necesitamos, y luego pasando a la fase de trazado donde armamos todo. Por supuesto, puedes argumentar que mientras trabajas en un layout, sigues pensando en la composición de los elementos. Pero esa es solo mi preferencia y forma simplificada de pensar de estos dos términos en relación entre sí. Hay muchas definiciones conectadas se utilizaron con diseños tanto para impresión como para diseño web. Y estaremos cubriendo todos estos en temas separados. No obstante, en este video, me gustaría concentrarme en el propósito general u objetivo de un layout. Y creo que esta cotización lo resume de la mejor manera. Así que en realidad voy a leer esto por ti. Así que las letras o adornos perfectos no hacen encuestadores perfectos. Un buen diseño es mucho más importante que letras perfectas o la decoración elegante. El estudiante que puede organizar copia en grupos simples y equilibrar estos bloques de acuerdo a su fuerza e importancia, ha aprendido el secreto de efectivamente fuera. Entonces lo que esto significa es que no se trata la cantidad de elementos visuales que introduces en una obra que importa, sino de cómo se logra la armonía y jerarquía entre esos elementos, y ese es el propósito o resultado de un buen trazado. Entonces piensa en el diseño de un CV, por ejemplo, aquí es crucial mostrar toda la información necesaria de una manera muy efectiva, asegurándose de que el empleador encuentre lo que busca. Y por eso es tan importante tener estructura, crear grupos y regiones comunes, y establecer jerarquía y unidad reutilizando o repitiendo el mismo estilo o formato del texto. Para que puedas pensar en la efectividad de un layout en cuanto la rapidez con que tu espectador encontrará lo que busca. Y para esto, algo que que recordar es que hay algo llamado la gravedad de la lectura. Lo que significa que especialmente en los países occidentales, los espectadores y los lectores tienden a comenzar desde la parte superior izquierda de una página o diseño, y lentamente pero poco a poco se abren camino hasta la esquina inferior derecha. Entonces esto es lo que llamamos la gravedad de la lectura, y se basa en la orientación general de la lectura de izquierda a derecha. Y es por eso que mencioné países occidentales porque en ciertos idiomas, como en árabe, la escritura fluiría en la dirección opuesta. Entonces de izquierda a derecha. O en ciertos países asiáticos, sería vertical de arriba a abajo. Pero sin generalizar demasiado, vamos a centrarnos en la gravedad de lectura original de izquierda a derecha, de arriba a abajo, lo que también significa que el área óptica primaria, que llamamos la esquina superior izquierda, es donde se supone que debe colocar la información más importante, porque eso es lo que la mayoría de los espectadores verán primero. Y luego del otro lado, la esquina inferior derecha es lo que llamamos área terminal. Y esto también es bastante importante porque casi todos los espectadores terminarán estando aquí después de escanear el resto del diseño. Por lo que debe colocar información secundaria pero aún importante en esa zona terminal. Y en cuanto a las otras dos áreas restantes, la esquina superior derecha es mucho más fuerte que la inferior izquierda. Por lo que este aquí normalmente nos referimos como el área de compañeros VQ. Y el de arriba a la derecha es el área de compañeros fuertes. Y si no estás familiarizado con la palabra barbecho, en realidad proviene de la agricultura y se utiliza para tierras que normalmente se cultiva pero actualmente no se está utilizando o no se cosechan, terreno o área que está inactiva. Y me encanta el hecho de que cómo incluso pensar en la agricultura puede ayudarnos a entender cómo nuestros espectadores experimentarán un diseño que creamos. Así que recuerda pensar en la gravedad de lectura y estas cuatro áreas distintas cada vez que trabajes en un diseño. último pero no menos importante, vale la pena mencionar que un diseño suele ir más allá de la disposición de elementos dentro de una página o un spread. Porque en la mayoría de los casos, sobre todo en el diseño impreso, tendría que extender el diseño más allá de los límites de estos y pensar en el diseño de todo el artículo, o incluso en el conjunto revista, o en el caso de un libro, el trazado de un capítulo y el trazado de todo el libro. Y la razón por la que necesitas pensar más globalmente cuando se trata de diseños es porque al repetir ciertos diseños, puedes ayudar a tus espectadores a ver estructura dentro de una revista, catálogo o un libro. Por lo que podemos ver que una vez más, se está repitiendo el mismo diseño. Incluso si se intercambian las páginas, los espectadores reconocerán un patrón y la reaparición de los mismos diseños. Y para ayudar a la consistencia en el caso de las revistas, ciertamente los outs suelen repetirse también no solo dentro de un solo número, sino a lo largo de todos los números publicados. Basta pensar en la portada que la mayoría de las veces se vería muy similar incluso si la imagen principal está cambiando. Pero también la página de tabla de contenidos en mayoría de las revistas tendrá un diseño muy similar. Y principalmente debido a estas repetidas estructuras y maquetación en diseño editorial, tendemos a utilizar plantillas o páginas maestras en InDesign que ahora se denominan páginas padre. 4. Regla de los tercios: Regla de tercios es una técnica muy comúnmente utilizada en las artes visuales. Por lo que antes de que se comenzara a utilizar en el diseño gráfico, ya se aplicaba desde hace mucho tiempo en pintura, fotografía, e incluso cinematografía. Es una regla muy simple que es fácil de entender y también fácil de aplicar a cualquiera de tus proyectos. Y sólo hay algunas cosas que me gustaría discutir al respecto en este video además, de nuevo, mostrando algunos ejemplos creativos, por regla de tercios se utiliza para alinear los puntos focales en diseños porque eso es la mejor y más común forma de usar regla de tercios. Pero antes que nada, solo comprendamos cómo funciona. Entonces, esencialmente, lo que hay que hacer es dividir su marco en tres secciones iguales, tanto vertical como horizontalmente. Y estas líneas de división horizontal y vertical resultarán en cuatro puntos de intersección acuerdo con la regla de los tercios. Estas son las posiciones donde es más efectivo colocar un punto focal. Ahora quizá recuerden que estábamos hablando de la lectura gravedad cuando estábamos discutiendo diseños. Y por la misma razón que mayoría de los espectadores parte desde arriba a la izquierda y luego gravitan hacia la parte inferior derecha de cada composición y marco. Incluso estas cuatro intersecciones dentro la regla de los tercios no son igualmente poderosas. Entonces lo adivinaste, el punto de intersección superior izquierda es la colocación más efectiva para un punto focal porque esto es lo que la mayoría de los espectadores mirarán primero cuando vean una composición. Y la mayoría de las personas no sólo tienden a mirar aquí primero, sino que también mantienen su ojo en esta posición durante más tiempo. Según las estadísticas, ese punto de intersección superior izquierda obtiene 41% de la atención, seguido por el que se encuentra debajo de él, que es del veinticinco por ciento, y luego de arriba a la derecha siendo el 20%. Y por último, el último de abajo a la derecha es del 14%. De acuerdo con estos porcentajes, podemos pensar en estos cuatro puntos siendo la dirección o dirección general movimiento ocular del espectador, que nuevamente corresponde muy bien a la gravedad de la lectura que discutimos con anterioridad. Antes de mirar algunos ejemplos del diseño gráfico, solo quería pasar algún tiempo en estas dos fotografías, lo que nos puede ayudar a entender que no sólo los puntos de intersección son importante a la hora de gobernar de tercios, pero también cómo utilizamos las líneas que están dividiendo la composición. Por lo que además de colocar este tablero aquí cerca de uno de los puntos de intersección, observe cómo el horizonte también se alinea con una de las reglas de las líneas de división de tercios en fotografía y también una ilustración y el diseño gráfico, decidir dónde está la línea del horizonte afectará en gran medida el punto de vista y la percepción de su composición. Y es una práctica común alinearlo con la tercera línea horizontal inferior o superior. Entonces aquí hay un ejemplo donde una vez más, el horizonte está alineado, en este caso a la tercera línea superior. Y en este caso el punto focal sería esta chica que está perfectamente alineada a esta tercera línea vertical. Y aunque no podamos ver su rostro, la cabeza sigue perfectamente alineada a una de estas líneas de intersección. Es importante mencionar que no tienes que ser extremadamente estricto al usar esta regla. Se trata más de una directriz. Y la idea general es que al mover tu sujeto o punto focal del centro de tu composición lo hace más dinámico e interesante. Si bien mantener a tu sujeto en el centro de una composición puede hacerlo más inactivo o estático. Por supuesto, hay excepciones como cuando se quiere lograr una perfecta reflexión todo o simetría radial en sus composiciones, o cuando se quiere enfatizar la estabilidad alineando todo a el centro de tu marco. Pero veamos regla de tercios en acción en estos ejemplos creativos aquí. En primer lugar, comenzando con esta portada de revista. Si alinea este rectángulo que creé a la propia portada, podemos ver que va a tener el punto focal, que es naturalmente el rostro de esta mujer y también el gran sombrero redondo que lleva puesto completo, casi exactamente en el punto de intersección superior derecha, además de tener a la mujer alineada a este tercio vertical, también tenemos la línea de cubierta principal alineada a la otra tercera línea vertical. Y también podría ser intencional que este grupo de texto esté realmente sentado perfectamente en la tercera línea horizontal inferior. Otra cosa que podemos ver en el skyline o tira aquí en la parte superior de la portada, es que las tres palabras dentro de ella también están perfectamente divididas y distribuidas según la regla de los tercios, donde tenemos estos pequeños puntos de división alinean perfectamente con las líneas de división vertical. Entonces si muevo un poco este fotograma y acerco más cerca, se puede ver a lo que me refería mirando este ejemplo una vez más, podemos ver que el título principal está perfectamente alineado o centrado a este primer punto de intersección aquí, pero es borde derecho. El g también está perfectamente alineado a la segunda vertical, tercera línea. Entonces a pesar de que esta composición al principio podría sentirse un poco caótica, se puede ver que en realidad hay mucha estructura subyacente utilizada. Aquí tienes una portada realmente bonita de la revista The New Yorker, que muestra a Nueva York completamente cubierta de nieve y creando mucho espacio negativo o espacios en blanco. Pero al igual que antes, la regla de los tercios, de nuevo, se usa perfectamente aquí para alinear el único edificio visible. Y a pesar de que no es una línea recta, sino la actual , incluso la nieve, está alineada a una de las tercera líneas, de manera similar a una línea de horizonte, pesar de que en realidad no podemos ver que en esta composición. Este cartel del joker de la película también utiliza la regla de los tercios a la perfección donde podemos ver claramente que el punto focal se supone que es esto que llego de una manera muy inteligente es una combinación de ambos la persona real y el reflejo del personaje que se está convirtiendo en la historia. Para que la dualidad esté representada en este particular alineamiento. Y si tomamos nuestra guía y la arrastramos hasta aquí, veremos que está casi perfectamente alineada con este punto de intersección. Y como con los ejemplos anteriores, incluso la topografía está alineada a la misma línea de división vertical. ocasiones incluso se pueden utilizar múltiples puntos de intersección, como en este caso, el conejo se coloca sobre uno de ellos por el ego, está muy cerca de uno de los otros puntos de intersección. Y si conectamos estos dos puntos, en realidad forman una diagonal lo que crea una composición muy dinámica. Y en otro video veremos muchos ejemplos creativos. Nuevamente, la utilización de diagonales son disposición diagonal de elementos visuales. Y por último pero no menos importante, aquí hay otro cartel donde casi todos los puntos de intersección están en uso. Entonces tenemos la cara de esta persona en este punto de intersección, otro aquí a la derecha. Y luego en la parte inferior tenemos los textos cubren la parte inferior dos puntos de intersección. Y no estoy seguro de si esto fue intencional o no, pero incluso esta letra D está alineada a la línea de división vertical izquierda y el texto en sí está perfectamente centrado a este fondo horizontal línea de división. Entonces recuerda que regla de tercios no es una estructura estricta como una cuadrícula en una composición a la que debes alinear tus elementos. Puedes pensarlo más como una ayuda o incluso lograda que te pueda ayudar a encontrar la colocación correcta para los elementos más importantes de tu diseño. 5. Proporción áurea: De igual forma a la regla de los tercios, otra técnica compositiva frecuentemente mencionada es la proporción dorada, a la que también se conoce también en ocasiones como la proporción divina o proporción divina. No importa qué versión del término esté utilizando, suena bastante significativo. Y algo que definitivamente deberíamos cubrir en este curso, igual que mencioné sobre la regla de los tercios no es algo que deban seguir. Es de nuevo, más como una directriz o un marco que puede ayudarte a crear una composición equilibrada e interesante. Y es una técnica que incluso Leonardo da Vinci ya estaba utilizando en su obra, tanto por sus pinturas, sus esculturas, e incluso arquitectura. Pero la razón por la que se llama Proporción Divina, porque también se puede encontrar o reconocer en patrones de la naturaleza. Por lo que aquí se pueden ver algunos de estos ejemplos que se basa en esta proporción o proporción. Entonces podemos ver el mismo patrón en cómo se formaron las galaxias en conchas marinas, en tormentas, e incluso en plantas, Animales, y varias proporciones del cuerpo humano. Ahora a pesar de que como diseñador gráfico, realmente no tienes que preocuparte por las matemáticas detrás de la proporción dorada. Todavía es bueno saber que proviene o basado en la secuencia de Fibonacci, que no debe confundirse con los números primos. Entonces para obtener el siguiente número en la secuencia, siempre hay que sumar los dos últimos números uno al lado del otro juntos. Entonces si estás empezando por 01, eso es igual a uno, entonces agregas uno más uno, eso equivale a dos. Entonces es uno más dos es igual a tres, y luego dos más tres es igual a cinco y así sucesivamente y así sucesivamente. Entonces esa es la secuencia de Fibonacci. Pero para obtener la relación dorada, hay que dividir dos números uno al lado del otro en esta secuencia. Entonces por ejemplo, 987 dividido por 610, lo que resultará en un numerado aproximadamente 1.618. Y esa es la relación dorada. Y para poder utilizar esta relación en el diseño gráfico, comúnmente usamos la espiral dorada, que se genera aplicando esta relación, dividiendo el marco y continuando haciendo esto después de cada división, siempre terminarás teniendo la misma relación entre estos elementos hasta que la espiral termine apuntando a un punto específico dentro del marco. Y a diferencia de la regla de los tercios, cuando se está utilizando la espiral dorada, No es sólo ese punto donde conduce esta espiral, eso puede ser importante, sino también la trayectoria general de la espiral y lo que sea que se alinea con ella. Entonces aquí hay dos ejemplos de pinturas muy famosas donde ya tenemos la espiral dorada mostrando cómo se ha aplicado o utilizado para crear estas composiciones agradables. Una de ellas es la hermosa obra de los artistas japoneses Hokusai llamada La Gran Ola de Kanagawa. Y se puede ver que la espiral dorada no necesariamente tiene que estar alineada exactamente al marco, por lo que incluso se puede girar. E incluso así, Si un elemento importante o el tema de la imagen va a resultar en una composición universalmente agradable. Ya mencioné a Leonardo da Vinci gusta usar la proporción dorada o la proporción divina. Y en una de sus obras más famosas, la Mona Lisa, también podemos identificar el uso de la espiral dorada. En este caso, tanto el punto inicial como el final de la espiral juega un papel importante en la composición. Por lo que el punto de partida está en las manos y el punto final está en el centro de la cara. Ambos detalles pueden considerarse puntos focales en la pintura. Pero incluso a lo largo de la espiral, tendríamos detalles que están perfectamente alineados, como la parte superior de la cabeza, que es tangente a la espiral. E incluso los brazos, si los extendemos, estarían perfectamente alineados a la espiral. Y la relación dorada también se usa comúnmente en el diseño gráfico, donde no necesariamente se necesita confiar en la espiral dorada, simplemente en esa proporción o proporción divina que ahora sabemos que está cerca de 1.618. Y podemos encontrar la misma relación entre los dos lados del rectángulo National Geographic, por ejemplo, o los dos radios utilizados para los círculos dentro del logotipo de BP. E incluso varios detalles en logotipos como Apple y Toyota utiliza de nuevo la misma relación. Y como dije, la relación dorada no se limita a encontrar el punto focal de su composición. También se puede utilizar, por ejemplo, para establecer la proporción o la relación entre los colores de fondo dentro de una composición, como en este diseño de packaging aquí, o incluso dentro de un sitio web o un banner, nuevo, utilizando la misma proporción entre los dos lados. 6. Espiral dorada: Probablemente los ejemplos más interesantes podemos encontrar nuestras ilustraciones o carteles de arte digital y películas. Y al igual que con la regla de los tercios, tengo aquí preparada la espiral dorada, que podremos alinear y encajar en estas imágenes. Así que a partir de esta primera imagen aquí, sólo voy a alinearla a los bordes. Y verás que a veces no necesariamente tienes que usar todas las partes de la espiral dorada. Por lo que se puede ver a pesar de que no hay nada importante alineado al punto final de la espiral. La mayoría de los detalles en esta ilustración, como la forma de estas colinas a la izquierda y también en el lado derecho. Incluso el flujo general de estas nubes siguen todos la estructura invisible de la espiral e incluso el molino de viento aquí, aunque no es tangente a la espiral, la curvatura sobre ella es en realidad paralela a la espiral, o al menos esta sección dentro de la espiral. Y en este siguiente ejemplo, quería mostrarte que a veces en una sola composición, incluso puedes usar múltiples orientaciones de la espiral dorada y tener detalles importantes de tu composición alineada a ellos. Entonces en este caso, si guardo la orientación así, podemos ver de inmediato que en realidad hay bastantes detalles que están siguiendo esta forma, sobre todo alrededor de esta zona aquí. Entonces la oveja aquí en el fondo, hasta el pollo sentado en la barda aquí. Pero si selecciono la espiral y la doy vuelta tanto horizontal como luego verticalmente , podemos ver que en realidad el punto final de esta manera termina mostrando están apuntando exactamente a esta persona en primer plano. Y al igual que con la regla de los tercios, Eventualmente si estás prestando atención, puedes desarrollar un ojo viendo estas espirales ocultas dentro de composiciones. En ocasiones, como se puede ver, incluso múltiples orientaciones al mismo tiempo. Incluso en el arte conceptual para juegos como Assassin's Creed, Valhalla, podemos encontrar usos de la espiral dorada, una vez más, llevando nuestra mirada a detalles importantes como estos personajes aquí en el fondo. Pero al igual que antes, si volteo esta espiral hacia arriba al revés, podemos ver que en realidad todos estos detalles sellan en primer plano siguen esta espiral, nos lleva primero a los personajes aquí en el medio tierra, y luego también dirige nuestra atención al fondo. Y sólo otro ejemplo de un arte conceptual. Pero una vez más, tenemos los personajes perfectamente alineados a la espiral y ese pico más alto de la distancia, que también está perfectamente alineado al punto final de la espiral. Y no es una coincidencia que mayoría de las películas de animación de Pixar, Disney, e incluso DreamWorks se basaran también en la espiral dorada. Por lo que podemos ver en caso del cartel de Kung Fu Panda, lleva perfectamente nuestro ojo al pie, lo cual se enfatiza aún más por el patrón radial en el fondo. Si movemos la espiral por aquí a la derecha con el cartel hacia arriba, podemos ver que todos los personajes están alineados a la espiral. Y una vez más, la espiral está llevando nuestra atención hacia el título. Y lo mismo está sucediendo aquí con el impostor Finding Nemo o los peces de fondo están alineados a la espiral dorada por nemo está alineado a este punto particular dentro de la espiral. Entonces no es el punto final de la espiral, sino aún alineado a una tangente importante dentro de la espiral. Y otro gran ejemplo es este cartel para la película Brave. El Cabo del personaje principal en primer plano tiene exactamente la misma forma que la espiral. E incluso su postura está siguiendo este flujo. Pero si seguimos yendo por la espiral, veremos que todos los demás personajes importantes están realmente alineados al punto final de la espiral. Créeme, una vez que empieces a prestarle atención, también comenzarás a reconocer la proporción dorada y la espiral dorada en muchas cosas a tu alrededor. 7. Dirección: Destacar una dirección particular dentro de una composición es una forma muy poderosa de hacerla destacar y hacerla cautivadora. Y la forma general que puedes lograr esto es en primer lugar, eligiendo la orientación o relación de aspecto correcta para tu trabajo. Entonces, si te estás enfocando en una dirección vertical o flujo, es mejor comenzar con un formato de retratar en lugar de un paisaje. Pero además de escoger la orientación y relación de aspecto correctas , también debes alinear y organizar todos los elementos tu composición para reforzar esa dirección prevista. Entonces en este video, veremos muchos ejemplos creativos utilizando todo tipo de direcciones diferentes, desde vertical hasta diagonal e incluso ángulos aleatorios. Y comencemos con algunos diseños utilizando o enfatizando la dirección vertical o flujo. Para que como se puede ver, se puede lograr de muchas maneras diferentes. O bien se puede utilizar la tipografía, como en el caso de este cartel, y tener todo alineado en el centro de la composición, manteniendo completamente vacío tanto el lado izquierdo como el derecho. En este caso, lo mismo se usa con el anuncio de Coca-Cola y también este cartel para la noche de Poesía Slam. Y además de tener un uso muy inteligente de la figura suelo o espacio negativo aquí, con el micrófono apareciendo dentro de la silueta de un bolígrafo. Pero creo que hay incluso una indicación de libros aquí en la parte superior de la pluma. Lo que realmente me gusta de esta composición es cómo está utilizando la dirección vertical desde ambos lados. Entonces a través de la pluma está apuntando hacia abajo y dirige nuestra atención a esta parte aquí en la parte inferior, el micrófono actúa casi como otra flecha apuntando hacia arriba al título principal del evento. Al enfatizar la dirección vertical en una composición, no necesariamente tienes que alinear todo en el centro. Podemos ver con este cartel, La mayor parte de la información se puede alinear a la izquierda. Y en este caso, para equilibrar las cosas, en realidad tienen a una persona saliendo del marco en un cultivo bastante inusual. Pero creo que esto funciona perfectamente bien con el tema de este festival, que se trata de viajar. Entonces en lugar de mostrar a alguien que está en el marco, vemos a esta persona en realidad dejando el marco. Por lo que esa es una perfecta analogía visual del proceso de viajar dirección vertical también se puede utilizar siempre que se quiera enfatizar gravedad y mostrar cosas como pintura o sangre, en este caso goteo o para mostrar otro movimiento vertical como lluvia o incluso superhéroes voladores. E incluso con solo usar tipografía para indicar dirección vertical, gravedad y cosas que caen también pueden crear una composición muy única e interesante. También me encanta el hecho de que además de esta parte aquí, que indica claramente que el movimiento vertical, también tenemos tan pequeño detalle aquí en el título principal, esa letra S apenas a punto de caer y caer también. Entonces la legibilidad del título principal no está sufriendo, pero eso es sutil indicación, funciona muy bien con el resto de la composición. Soluciones simples pero inteligentes como esta pueden crear fácilmente unidad en tu diseño. En caso de esta composición, me encanta la forma en que de nuevo, se está utilizando un formato muy herramienta, pero también la forma en que el punto de vista común o habitual se pone al revés. Y tenemos estas sillas pegando al techo y a la persona aferrándose a ellas, lo que todos sugieren que eventualmente esta persona se va a caer. Y a veces incluso sin mostrar algo, solo preparar al espectador para que algo suceda puede ser una forma muy efectiva de captar su atención. Voy a saltar la dirección horizontal porque eso es algo que es bastante estándar y común que veríamos en el diseño gráfico. Voy a saltar directamente a las diagonales, que probablemente sea mi tipo favorito de flujo visual que me gusta usar en mi propio trabajo siempre que pueda. Y lo único de utilizar diagonales es que ayuda a separarse de ese formato rectangular al que estamos restringidos, ya sea que estemos trabajando en impresión o diseño web, ya que tanto el formato del papel impreso como las pantallas son rectangulares. Así que toma el cartel Maze Runner, por ejemplo, que una vez más se encuentra dentro este marco rectangular o Canvas. No obstante, gracias a la orientación diagonal de todas estas líneas e incluso del personaje principal y la topografía, inmediatamente tenemos la sensación de que ya no es un formato rectangular. Por lo que nuestra mente continúa inmediatamente estas líneas e imaginamos una estructura más allá de ese marco rectangular. 8. Diagonales: Pero por supuesto, si quieres utilizar la dirección diagonal en tu composición, no necesariamente tienes que rotar todo a tu alrededor. Como se puede ver, basta con indicar las diagonales, incluso con una simple línea delgada. Pero por supuesto también ayuda si estás utilizando una imagen en combinación con esa línea que puede reforzar la misma dirección diagonal. Pero tampoco estás restringido a usar solo una sola dirección diagonal. A veces puede funcionar muy bien si estás utilizando dos diagonales opuestas dentro de la misma composición, como con esta ilustración aquí con el remonte, podemos ver líneas definidas por las montañas y luego diagonales opuestas definidas por el cable para la hoja. Lo mismo en este cartel. Tenemos una línea diagonal muy fuerte aquí en la parte inferior, y luego otra línea diagonal fuerte definida por el pollo. E incluso en este caso donde se usa la dirección diagonal en una tabla de contenidos. Una vez más, podemos ver ejemplos de estas direcciones opuestas. Por lo que tenemos textos establecidos de esta manera aquí y también aquí arriba, pero luego tenemos la dirección opuesta también utilizada por algunos de los otros textos de esta página. Y en mi opinión, no hay mejor manera de recordarte por qué este movimiento o dirección diagonal es tan poderoso y tan efectivo que recordar esta famosa pose de Michael Jackson de la película moon walker. Entonces comparado con una línea recta vertical en la que consideraríamos ser estática, cuando algo se pone en un ángulo hacia la derecha o hacia la izquierda, inmediatamente se siente como si estuviera a punto de caer. Y al igual que esa persona que hemos visto, pegada en el techo a punto de caer por la expectativa y nosotros viendo algo arriesgado que capta nuestra atención. Y porque las diagonales también nos recuerdan a los triángulos, que en términos de lenguaje de formas generalmente de nuevo, representa riesgo, peligro, hostilidad. También se usa muy comúnmente en composiciones de carteles de películas de acción, como lo podemos ver aquí con el póster de video negro. Y también lo podemos ver aquí con Fast and Furious o el hombre interior. Y recuerda, menos es más en diseño. Así que incluso cuando estás usando direcciones como diagonales, no tienes que forzar a todos tus elementos visuales a ser restringidos por ella. Para ello, un buen ejemplo es el principio, donde sólo realmente el título principal está ambientado en una línea diagonal. Y el resto de estas líneas distintas aquí están en realidad sólo ligeramente giradas. Todavía no son completamente verticales u horizontales, pero además no son completamente diagonales. Se puede imaginar que la misma composición giró completamente, nuevamente, siguiendo el mismo ángulo que el título, podría ser un poco exagerado. Y luego por último pero no menos importante, también puedes usar ángulos aleatorios en tu composición. No obstante, estos suelen ser los más complicado para hacer funcionar. Y sin el uso de alguna estructura subyacente como una cuadrícula, es fácil terminar creando algo demasiado caótico para que tus espectadores disfruten y entiendan. Y algo que se aplica a todas las direcciones que decidas usar o incluso a cualquier decisión que tome en su composición, es que no importa lo que decida usar, debe siempre servir el propósito o el mensaje de su diseño. Entonces en caso de esta portada de libro, por ejemplo, hay una buena razón por la que algunos de los personajes están revés o rotan aparentemente al azar. Es porque está enfatizando el título, la cama se movió. Y a pesar de que no he leído el libro y el título realmente no significa mucho para mí. inmediato estoy intrigado e interesado gracias a este diseño único. Entonces recuerda que tu elección de flujo visual para tu composición siempre debe estar alineada con el mensaje de tu trabajo. 9. Silueta: En el diseño gráfico, las siluetas o contornos reconocibles de objetos se pueden utilizar de muchas maneras diferentes, ya sea que actúen como un dispositivo de retención o contenedor, agrupando múltiples elementos, insinuando cosas de una manera sutil o incluso para activar la relación de suelo figura, uno de los principios Gestalt que cubrimos en otro tema. En este video, analizaremos algunos trabajos muy creativos que está utilizando siluetas. Pero también aprenderemos cuál es la diferencia entre una silueta y un contorno, un contorno y el perfil. Entonces técnicamente, sólo deberíamos referirnos a algo así como una silueta, en este caso, la silueta de un pájaro y dentro de ella, la silueta de una bailarina o bailarina, donde se encuentra una forma sólida solía representar algo sin mostrar ningún detalle dentro de la forma misma. Y la forma más tradicional de pensar en las siluetas es tener una forma negra sobre un fondo blanco. Y la forma más fácil de recordar la definición de silueta es simplemente pensar en tu sombra. Es una característica oscura, menos forma, pero aún así se puede reconocer que está conectada a usted para comprender mejor cómo funcionan las siluetas. Aquí hay un gran ejemplo donde tenemos una transición entre áreas donde realmente podemos ver algunos detalles dentro de la imagen que nos ayuda a identificar y separar estos dos canastas el uno del otro. Por el resto de la imagen como las manos, el basquetbol, e incluso sus piernas, ni siquiera requieren ningún detalle para que comprendamos lo que estamos viendo. A quien se le ocurrió esta composición inteligente debe haber jugado mucho por ahí con diversas siluetas hasta que encontraron las correctas que podrían usar para este anuncio. En esta composición, podemos ver la combinación de siluetas y contornos. Por lo que las siluetas nuevamente son estas formas que se llenan de color. Si bien estos otros son los contornos donde no tenemos ningún detalle de campo dentro de las líneas. Y ambos métodos se utilizan comúnmente en el diseño de logotipos e íconos. Y a pesar de que son muy similares entre sí, todavía pueden lograr una percepción ligeramente diferente en tus espectadores. Se puede considerar la principal diferencia entre ellas siendo que las siluetas son formas positivas por contornos o formas negativas. Y en este caso, estos términos no se utilizan para decir que son buenos o malos, es simplemente una forma en que categorizamos formas en la forma en que sienten espacio. Aquí hay un ejemplo interesante donde podemos ver la combinación de una silueta de un árbol dentro de este contenedor, número dos. Pero el número en sí no tiene realmente un esquema. Por lo que la composición también se basa en el cierre del principio Gestalt. Por lo que nuestra mente tiene que conectar los detalles faltantes o llenar los vacíos en el contorno de este número. Pero la razón principal por la que estoy destacando esta composición es para demostrar que no siempre se tiene que mostrar la silueta completa de algo para que sea reconocible. Lo mismo está sucediendo en esta composición. De nuevo, podemos reconocer tanto al pájaro al bailarín sin ver todos los detalles, incluso cuando se simplifican hasta simplemente mostrar sus siluetas. Aquí hay otra composición interesante. ¿ Dónde sólo vemos un pequeño detalle de este entrenador? Por qué el resto de su contorno o forma solo es sugerido por la silueta formada estas diversas formas coloridas combinadas. Y como se puede ver, incluso se puede crear contraste combinando secciones de un objeto en detalle fotográfico completo con simples formas coloridas que insinúan la silueta de los objetos. Otro término que también se usa comúnmente en diseño gráfico y suena muy similar a la silueta, es el contorno, que se usa mejor cuando se está refiriendo a la forma de un objeto. Por ejemplo, esta ilustración utiliza un contorno redondeado y curvo que enfatiza la mujer y la sexualidad en esta composición. O aquí hay otro anuncio inteligente donde podemos ver contornos y siluetas trabajando juntos. Entonces al mirar a estos carámbanos, podemos referirnos a sus contornos, lo que también ayudó a insinuar o sugerir las siluetas de monumentos famosos, como la Estatua de la Libertad o la Torre Eiffel. Por lo que se puede ver que estos dos términos son muy similares entre sí. Solo hay una sutil diferencia en la forma en que los usamos cuando nos referimos a soluciones o detalles en una composición. 10. Perfil: Otro término similar que podría haber oído hablar es el perfil, que se usa específicamente cuando estamos mirando algo o alguien de un lado. El perfil es un término muy comúnmente utilizado, por ejemplo, en la fotografía de retratos, donde por supuesto estaría enfocándose en la vista lateral de la mano. Un perfil no significa necesariamente que no veamos detalles en la cara o en el objeto que vemos desde un costado. Es mejor recordarlo y usarlo simplemente como otra palabra para ver algo desde un costado. En este caso, esta es la silueta de una niña en vista de perfil emparejada con otra imagen de estas flores y plantas cruzan ligeramente sobre su contorno. Se puede ver que estoy tratando resaltar las sutiles diferencias entre estos términos y con un poco de práctica y prestando atención a cómo usarlos, estoy seguro que también podrán aplicarlos todos en su propio trabajo. Y por último, permítanme destacar algunas composiciones más utilizando estos términos que acabamos de discutir. Por lo que en caso de este último su cartel, tenemos un par de siluetas. En primer lugar, tenemos el tipo aquí en el medio, que se crea con espacio negativo o espacio en blanco. Pero también tenemos otra espada en negro que se consideraría espacio positivo. Pero aún así, esa es otra silueta. También tenemos otra silueta aquí en la parte inferior, que en este caso, se trata de un tipo especial de silueta, a la que normalmente nos referiríamos como skyline, en este caso, mostrando esta fortaleza o castillo o así tenemos la silueta de fuego aquí en la parte inferior. Y por último otro detalle sutil, la sangre que gotea aquí en esta espada. Entonces esa es una silueta dentro de otra silueta. Y se puede ver que todas estas siluetas, obviamente nuestras ilustraciones, y la combinación de ellas y las fotografías en el cartel pueden funcionar muy bien juntas. Y mientras las fotos nos están ayudando principalmente a reconocer a estos actores y actrices en la película. Las siluetas de estos objetos y arquitectura nos cuenta mucho más sobre la historia o la trama de la película. Aquí hay otro gran ejemplo de un cartel de película donde se usa la silueta de una cruz en combinación con la silueta de una bomba de aceite. Y si has visto la película, sabes que estos son los dos temas opuestos en la película, la religión y la codicia. Si no fuera lo suficientemente obvio que se supone que se trata de una bomba de aceite. En realidad hay otro allí en el fondo. A pesar de que es bastante débil, sigue siendo reconocible. Y la razón por la que estoy destacando esta composición es para mostrar que a veces las siluetas son la mejor manera de simplificar algo. Y en lugar de concentrarnos en los detalles, ver sólo la forma general de algo nos ayuda a concentrarnos en el verdadero significado detrás de la composición. Siempre puedes confiar en siluetas, claro, a menos que tu tema sea muy reconocible, como con esta icónica escena de Forrest Gump, inmediatamente reconocemos lo que estamos viendo también en contextos de un logotipo de Apple. También reconocemos de inmediato que esta es la silueta de perfil de Steve Jobs. Lo mismo con fuerza horizontal. famoso personaje Indiana Jones, de nuevo, es suficiente para implicarse como una silueta visible dentro de esta cueva. Pero en realidad hay otra silueta dentro de esta silueta más grande en este caso. Y aquí hay una combinación aún más inteligente de dos siluetas. Un cartel de Olly Moss, donde reconocemos al famoso personaje Baba fat de Star Wars, gracias al contorno de su casco. Pero lo que realmente lo hace reconocible es este detalle aquí en medio, que por cierto, es también la silueta de un edificio. La película The Empire Strikes Back. Por lo que no sólo tenemos dos siluetas una encima de la otra, sino que también están alineadas de esta manera extremadamente inteligente. Eso es algo parecido pasando en este cartel de Dark Knight Rises, donde vemos la silueta del logotipo de Batman al fondo, en el skyline. Y las orejas en el scape de Batman están perfectamente alineadas donde veríamos también las orejas del ícono de Batman. Para que pudiéramos continuar la silueta a su alrededor. Y obtendríamos el ícono o un logotipo allí en el fondo. Y este es también un buen ejemplo para pensar la relación entre una silueta y el contorno. Entonces cuando intentes definir la forma en que vemos a Batman en este caso, no llamaría a esto una silueta porque podemos ver detalles de su armadura e incluso de su rostro. Es mejor referido a una imagen donde se enfatiza su contorno. 11. Línea: Una línea es un elemento de diseño básico y de uso muy común. Y la razón por la que lo estamos cubriendo bajo el tema de la composición, porque se puede utilizar para enfatizar muchos aspectos diferentes dentro de una composición, como dirigir el ojo del espectador a agregar detalle dentro de la composición, como un punto focal, o para crear estructura y agregar jerarquía dividiendo ciertas áreas. También se pueden utilizar como líneas de movimiento y enfatizar la dirección o flujo de la composición. Pueden formar patrones, pueden introducir ritmo, y la lista continúa. A pesar de que, como dije, agregan uno de los elementos de diseño más simples, depende de ti como diseñador gráfico llegar a formas creativas de utilizarlo. Así que para empezar, aquí hay una hermosa ilustración que utiliza sólo líneas y son incluso del mismo grosor, lo que por supuesto ayuda a establecer unidad y armonía en la composición. En este ejemplo particular utiliza líneas para formar estas decoraciones florales, pero también para presentar a estas aves sólo con sus contornos y algunos detalles dentro de ellos. Y de nuevo, otra composición donde sólo tenemos líneas, pero en este caso, también están formando topografía además de algunos detalles como las nubes y el sol. Y lo interesante aquí es que esta composición funciona muy bien, pesar de que faltan bastantes detalles. Por lo que las líneas no están completamente cerradas ni en la tipografía ni siquiera en el medio ambiente como tenemos algunos huecos en las nubes, también huecos en el sol porque tenemos lo suficiente visual información. Todavía no es confuso y confiando en el cierre del principio Gestalt, nuestra mente campos fácilmente en estos huecos, utilizando líneas en combinación con una fotografía puede crear mucho contraste. Y en este caso, dado que estas líneas llenan casi por completo el telón de fondo, también forman algo más parecido a una textura. Y aquí hay un ejemplo aún más extremo donde al principio parece que estas líneas apenas están formando una textura aleatoria. Pero entonces también se puede reconocer el texto o topografía escondida en su interior. Y es una técnica bastante común y efectiva simplificar la topografía por líneas simples, como en este caso, tenemos estas líneas gruesas, redondas guardadas que forman la palabra cosa. Y el hecho de que no sólo estemos viendo las siluetas o contornos de estas letras, sino las formas reales, estas líneas de las que están hechas hace que esta composición sea mucho más interesante. Y dinámico. Los dibujos de línea también se utilizan comúnmente en proyectos de diseño gráfico y en este anuncio en particular, se utilizan en combinación con una fotografía y al tenerlos superpuestos uno encima del otro. Y el dibujo que muestra los peligros de comer comida rápida simplifica brillantemente y presenta el mensaje principal de este cartel. Las líneas también se pueden usar comúnmente para representar la acción. En este caso, podemos reconocer de inmediato que estos tres nombres o marcas fueron cruzados. Y como con todo en diseño gráfico, pesar de que no estamos viendo el movimiento real de ellos siendo tachado, podemos imaginarnos que suceda, sobre todo porque estas líneas parecen fueron dibujados con un crayón o tiza. Entonces la combinación de un elemento de diseño simple, una línea en este caso, con textura, y un poco de aleatoriedad, en lugar de mantenerlo completamente recto, sugiere perfectamente de qué se trata este tema. Entonces recuerda, no subestimes el poder de una línea en tus composiciones. 12. Tangentes que debes evitar: En diseño gráfico, ya que estamos trabajando en dos dimensiones, es muy importante asegurarse que los elementos que colocamos uno al lado del otro, me separé claramente cuando no queremos que se reúnan y siempre debemos asegurarnos de que se establezca lo que está más cerca de nosotros y lo que está más lejos en el espacio. Cuando se colocan dos formas una al lado de la otra, la línea compartida entre ellas se denomina línea implícita. Si se utiliza intencionalmente, puede crear composiciones muy interesantes utilizando yuxtaposición o contraste entre diferentes elementos. No obstante, cuando se introduce por accidente, normalmente lo referiremos como tangente. Y eso es algo que la mayor parte del tiempo querría evitar. Y hay incluso otro término que usamos para esto, que en la vida real es algo bonito, pero en el diseño gráfico, de nuevo, es algo que hay que evitar. Y ese término es besar, de nuevo, viniendo de dos cosas, reunirse o estar alineados perfectamente uno al lado del otro. Echemos un vistazo a un par de ejemplos. Principalmente buenos ejemplos donde tangentes se utilizan de manera positiva, creando líneas implícitas, pero también ven el tema con tangentes introducido involuntariamente. Entonces para empezar aquí está la serie de carteles. Y en cada uno de estos, tenemos dos objetos alineados entre sí, creando yuxtaposición para enfatizar el mensaje, que es palabras, guerras de quilla. Y observa cómo todos estos carteles colocaron el objeto dañino en el lado izquierdo. Por qué tenemos imágenes en el lado derecho mostrando jarrón de comunicación. Y en este caso, estas imágenes no sólo están alineadas entre sí de una manera inteligente, sino también juntas, sugieren los contornos originales de las armas. En caso de la granada, por ejemplo, tenemos la imagen de perfil de una persona en el lado derecho, pero las dos cosas juntas nos recuerdan la forma original de una granada. Y lo mismo se aplica a todas estas otras imágenes en incluso este micrófono se usa una manera que nos recuerda más un misil, luego un micrófono. Por lo que el diseñador quería que la primera lectura del espectador fuera veterano. Y sólo después de un poco de tiempo reconocerán el otro objeto que se utiliza para la comunicación. Hay muchos otros ejemplos similares a esto en este tablero, pero una vez más, se combinan múltiples imágenes juntas, revelando solo ciertas partes de cada una de ellas. Pero la técnica clave es confundir a los espectadores para ver estos dos objetos separados como uno. Antes de mirar un par de otros ejemplos cuando los elementos de diseño están alineados a propósito, quiero mostrarles el problema de introducir tangentes. Entonces aquí hay una imagen en miniatura que creé para un video de YouTube. Y en el lado izquierdo se puede ver el diseño real. Por, del lado derecho, creé una versión de la misma, pero intencionalmente moví las cosas para producir estas tangentes no deseadas. Así que tal vez pausa el video en este punto si quieres encontrarlos por ti mismo. Porque ahora voy a empezar a señalarlos. Entonces la primera que podemos ver, si empezamos a escanear la imagen desde la esquina superior izquierda es ésta de aquí mismo. Por lo que este círculo se coloca exactamente alineado el icono de Illustrator en comparación con la forma en que lo tenía originalmente alineado más a la derecha. También tenemos el mismo tema con este círculo aquí, nuevamente, tangente al sombrero que esta mujer lleva puesto. Si bien de nuevo, en la composición original, tuve la suficiente superposición entre el sombrero y esa esfera para hacer evidente que la esfera está detrás del sombrero. Esta forma aquí abajo también es tangente al texto, pesar de que es un pequeño detalle, todavía hay se siente extraño. Por lo que no estamos seguros de si se supone que el texto debe estar frente a esta forma o detrás. Y el mismo tema está sucediendo aquí mismo. Una vez más, hay un punto tangente entre el texto y esa forma tridimensional. Incluso cuando algo como este detalle aquí que está borroso es encontrarse en una tangente y otra forma. Todavía puede ser distraente y confuso para el espectador. Pero esta forma curva incluso tiene un tercer punto tangente con el sombrero. Entonces hay una tangente ahí, otra aquí, y otra allí. comparación con esto en la composición original, se colocó claramente frente al sombrero y alejado de todos los demás elementos. Entonces no hay besos ni tangentes. Por ahora, estoy seguro que también viste un par de realmente mala colocación para estos objetos flotantes 3D. Y lo principal que quiero que recuerdes de este ejemplo es incluso cuando estamos tratando de crear algo de aleatoriedad, teniendo objetos flotantes dentro de una composición, aún debes prestar mucha atención a su colocación, asegurándose de que estás evitando crear tangentes. 13. Tangentes intencionales: Al igual que otros principios y reglas en el diseño gráfico, una vez que aprendas a evitar tangentes, puedes llegar a formas inteligentes y sofisticadas de introducirlas en tu composición y realmente mejorar el forma en que se ve o incluso mejorar la unidad en el diseño. Entonces en este caso, tenemos esta fuerte línea diagonal divide los dos colores utilizados en el fondo. Y también se usa la misma línea para dividir estos bloques detrás de la topografía. Lo que es un detalle muy sutil aquí es que incluso estas dos letras, la y y la a, también está alineada a la misma línea diagonal. Entonces hay una tangente entre la topografía y esa línea de división en el fondo. Y puesto que no está afectando a la legibilidad ni a la legibilidad, y además no está haciendo que la composición sea confusa. En este caso, las tangentes se convierten en estos detalles sutiles, únicos, ocultos dentro de la composición. Entonces, en lugar de considerar estos como errores, prefiero llamarlos soluciones inteligentes. Por ahora sabemos que cuando colocas dos cosas exactamente una al lado del otro, puedes crear tangentes. Pero el mismo problema puede ocurrir cuando coloca objetos exactamente alineados al borde de su marco. Y eso es exactamente lo que está sucediendo en estos carteles. Por lo que tenemos este texto aquí alineado al lado derecho e incluso esta palabra cuidado está casi exactamente alineado al borde derecho. Y si no fuera intencional y apoyado por el resto del diseño, lo consideraría un error. Pero una vez que prestes más atención a otros detalles, como tener este código también perfectamente alineado, el decano, el retratar, de nuevo creando tangentes en ambos lados. E incluso este texto aquí se alineó perfectamente con el titular. Entonces si yo fuera a seguir el cabello, ahí es donde continúa e incluso el otro lado del cabello está alineado al texto o la esquina de estas dos letras estando perfectamente alineada, otra vez al contorno de la cara. E incluso este a está casi perfectamente alineado aquí a la izquierda. Entonces por todas estas instancias de tangentes, podemos decir que todas estas fueron intencionales y siempre puede crear un valor de choque cuando se va claramente en contra de las reglas, pesar de que las tangentes no son algo que la mayoría de la gente está familiarizada, todavía sentirían que algo está apagado en el cartel. Y eso es exactamente lo que el diseñador quería lograr aquí. Porque eso va de nuevo muy bien con la historia de esta película. Incluso el título en sí es contradictorio. A pesar de que dice, me importa mucho, el significado real de eso en la película es completamente diferente sin que me estropee la película diciendo demasiado. Ahora por supuesto, ver tangentes en el cartel de la película no siempre significa que se introdujera intencionalmente. Como diseñador gráfico, es bueno desarrollar un ojo crítico y mirar un diseño siempre pensando si algo fue intencional o no o si algo está funcionando o no. Y en caso de este cartel por llevado a, vi algunas tangentes que estoy bastante seguro de que no se introdujeron intencionalmente. Nuevamente, si quieres jugar un poco de juego, puedes pausar el video ahora mismo antes. Te voy a señalar y ver si puedes encontrar más de lo que voy a mostrar. Entonces la primera y más obvia es esta extraña cosecha de tener Liam Neeson casi perfectamente alineado al borde del marco, sin embargo aún recortando en él solo un poco. Puedo ver que trataron de que se viera lo más grande posible en el cartel, pero no estoy seguro de que esta sea una buena manera de hacer el cultivo. Y de igual manera, no tendría un detalle importante de este hito en el fondo alineado perfectamente al borde del marco. Al igual que aquí del lado izquierdo tenemos un poco de espacio al lado. Pero en el lado derecho se está formando en tangente. Pero incluso dentro de la imagen de Liam Neeson, podemos encontrar la pistola tangente que sostiene está perfectamente alineada con su pierna en el fondo, lo cual es ligeramente distraente porque esta línea se ve más una extensión del arma casi como si estuviera disparando, pesar de que es simplemente, aquí está el rezago. Otra tangente menor que noté es la alineación de la letra T a la torre aquí en el lado izquierdo, y también algunos otros detalles como la punta de la a con el disco. Entonces después de ver este ejemplo, si aún no lo has estado haciendo tú mismo, y ahora puedes empezar a manchar tangentes en carteles y todo tipo de diseños. De igual manera a los errores de kerning deportivo en la tipografía. 14. Conclusión: Enhorabuena por completar este curso de la serie de teoría del diseño gráfico. Espero que lo hayas encontrado útil e inspirador. No olvides pasar por el glosario de términos PDF, revisar todo lo que cubrimos, y si te sientes listo, toma el quiz para poner a prueba tus conocimientos. Vuelve en cualquier momento a las referencias en los tableros mileniales que usamos en este curso para ayudarte a recordar las cosas de las que hablamos o definir inspiración para tu próximo proyecto de diseño, por favor háganoslo saber si sintió que faltaba algo este curso o si tiene alguna sugerencia sobre cómo podemos mejorarlo, envíenos un correo electrónico a info en la asignación designer.com, y nos pondremos en cuenta en cuanto posible. Realmente agradecemos su aportación y ayuda. Ahora, es hora de que elijas tu próximo tema y te sumerjas en otro curso de teoría del diseño gráfico. Recuerda, no hay orden correcto o incorrecto para completar esta serie. Todas las reglas que cubrimos son igualmente importantes y todo está relacionado. Pero lo más importante es conseguir una buena comprensión de estas reglas y aplicarlas en tus proyectos. Estoy seguro de que usarás lo que has aprendido para crear algo increíble. Y no puedo esperar a verla.