Teoría del diseño gráfico: equilibrio | Martin Perhiniak | Skillshare

Velocidad de reproducción


1.0x


  • 0.5x
  • 0.75x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

Teoría del diseño gráfico: equilibrio

teacher avatar Martin Perhiniak, Graphic Designer, Illustrator & Educator

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Lecciones en esta clase

    • 1.

      INTRODUCCIÓN

      1:11

    • 2.

      Peso visual

      6:44

    • 3.

      Qué afecta al peso visual de un elemento de diseño

      7:22

    • 4.

      Simetría reflectante

      6:44

    • 5.

      Tipos adicionales de simetría y asimetría

      5:19

    • 6.

      Alineación

      5:59

    • 7.

      Cuadrículas: términos

      4:40

    • 8.

      Excelentes ejemplos de diseños que usan cuadrículas

      4:43

    • 9.

      Movimiento

      5:40

    • 10.

      Orientación y relación de aspecto

      2:43

    • 11.

      Punto central visual

      3:34

    • 12.

      Perspectiva

      4:37

    • 13.

      Conclusión

      1:23

  • --
  • Nivel principiante
  • Nivel intermedio
  • Nivel avanzado
  • Todos los niveles

Generado por la comunidad

El nivel se determina según la opinión de la mayoría de los estudiantes que han dejado reseñas en esta clase. La recomendación del profesor o de la profesora se muestra hasta que se recopilen al menos 5 reseñas de estudiantes.

410

Estudiantes

5

Proyectos

Acerca de esta clase

¡Haz que tus diseños se sientan conectados!

¿Alguna vez has tenido la sensación de que, aunque cada elemento que usas en tu diseño se ve genial, en general la composición todavía te sientes mal. Incómodo en el ojo.

O que el mensaje que querías transmitir simplemente no se lo haga saber a nadie. Algunos elementos solo dominan al resto. Está desequilibrado, en general.

Estos son los desafíos que resolveremos en esta parte de mi serie de teorías del diseño: domina el equilibrio visual.

A lo largo de nuestras vidas, en todos los niveles, instintivamente intentamos crear y mantener el equilibrio. Dentro y alrededor de nosotros. Del mismo modo, la simetría nos atrae. Nos calma, transmite estabilidad, confianza, valía y orden.

Cada elemento de una composición tiene una cierta cantidad de peso visual y necesitas aprender a mantenerlos en equilibrio para lograr una composición agradable.

Es por eso que el equilibrio visual es tan importante en el diseño gráfico.

Cómo mejorarás al tomar este curso.

Al final de este curso, no solo tendrás el conocimiento, sino también un buen ojo para medir el peso visual de cada elemento en una composición, un punto y corregir desequilibrios.

Esto te permitirá mejorar inmediatamente la armonía y el ambiente generales de la composición, para que sea más agradable a la vista.

Qué cubriremos en este curso

  • Simetría,
  • Alineación,
  • Cuadrículas,
  • Movimiento,
  • Orientación,
  • Punto de vista,
  • Punto central visual
  • y todo lo que te pueda ayudar a lograr el equilibrio adecuado en tus diseños.

También analizaremos cientos de diseños increíbles de todas las áreas del diseño gráfico para que puedas visualizar y comprender fácilmente todos los términos y reglas que se tratan en el curso.

Al revisar estos ejemplos, buenos y malos, comenzarás a ver estos principios en efecto y desarrollarás un sentido del equilibrio adecuado que te servirá mucho a lo largo de tu carrera creativa.

¿A quiénes está dirigido este curso?

  • Cualquier persona que quiera aventurarse en la industria creativa
  • Profesionales creativos que quieran mejorar sus composiciones
  • Gerentes de marketing que trabajen con agencias y servicios de imprenta

Consejos prácticos con valiosa información del sector.

Este no es un curso abstracto y teórico; es muy práctico. Como diseñador freelance profesional, te daré mis más de 20 años de experiencia en la gestión de cientos de proyectos bien pagos, desde lo simple a lo complejo, desde pequeñas tiendas hasta marcas globales como Disney y Lego.

De hecho, durante más de un año trabajé como consultor especial para Adobe y enseñé prácticas de procesos y flujos de trabajo de diseño a sus clientes más estimados.

Y te puedo prometer con confianza que esta parte de la serie de teorías del diseño gráfico te elevará literalmente al siguiente nivel como diseñador, lo que te dará una gran ventaja tanto si recién comienzas como si ya trabajas como diseñador durante años.

Te recomiendo que veas todos los capítulos de esta serie que ya se publicaron aquí en Skillshare; sin embargo, este curso es un programa de aprendizaje completo e independiente que te dará un gran valor por sí solo.

¡Ven y acompáñame en este emocionante viaje! ¡Exploremos juntos el increíble mundo del diseño gráfico!

Conoce a tu profesor(a)

Teacher Profile Image

Martin Perhiniak

Graphic Designer, Illustrator & Educator

Top Teacher

Martin is a Certified Adobe Design Master and Instructor. He has worked as a designer with companies like Disney, Warner Brothers, Cartoon Network, Sony Pictures, Mattel, and DC Comics. He is currently working in London as a designer and instructor as well as providing a range of services from live online training to consultancy work to individuals worldwide.

Martin's Motto

"Do not compare yourself to your role models. Work hard and wait for the moment when others will compare them to you"

Ver perfil completo

Habilidades relacionadas

Diseño Diseño gráfico
Level: Beginner

Valoración de la clase

¿Se cumplieron las expectativas?
    ¡Superadas!
  • 0%
  • Sí
  • 0%
  • Un poco
  • 0%
  • No realmente
  • 0%

¿Por qué unirse a Skillshare?

Mira las galardonadas Skillshare Originals

Cada clase tiene lecciones cortas y proyectos prácticos

Tu membresía apoya a los profesores de Skillshare

Aprende desde cualquier lugar

Ve clases sobre la marcha con la aplicación de Skillshare. Progresa en línea o descarga las clases para verlas en el avión, el metro o donde sea que aprendas mejor.

Transcripciones

1. Introducción: Cuando nacemos, el equilibrio es una de las primeras y más importantes habilidades que aprendemos. A lo largo de nuestra vida, nuestro objetivo es tener una dieta equilibrada, lograr un equilibrio perfecto entre el trabajo y la vida, y nos sentimos atraídos instintivamente por cosas simétricas El equilibrio visual en el diseño gráfico es igualmente importante. Cada elemento de una composición tiene una cierta cantidad de peso visual, y es necesario aprender a mantenerlos en equilibrio para lograr composiciones agradables. En este curso, cubriremos simetría, alineación, cuadrículas, movimiento, orientación, punto de vista, punto central visual y todo lo demás que pueda ayudarte a lograr la cantidad correcta de equilibrio en tus diseños 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. Peso visual (parte 1): Todos intentamos instintivamente encontrar el equilibrio en todo en la vida, ya sea equilibrio trabajo-vida o una dieta balanceada o incluso arreglando flores en un jarrón tratando de mantener todo En el diseño gráfico, el equilibrio es igual de crucial, y es una de las formas más efectivas de lograr la armonía en una composición. En el mundo físico, cuando intentas mantener el equilibrio entre las cosas, siempre tienes que asegurarte de que haya igual peso en ambos lados de una báscula, por ejemplo, en el diseño gráfico, estamos pensando exactamente de la misma manera, pero lo estamos llamando peso visual, que significa que cada componente o elemento que uses en tus composiciones llevará cierto peso. Y en este video, cubriremos muchas formas diferentes en las que puedes identificar qué hace que algo se sienta más pesado o ligero dentro de una composición. Entonces, antes que nada, los colores vibrantes siempre se sienten más pesados que los tonos neutros. Entonces, por ejemplo, aquí, con el creador de la portada del libro de Swan, los colores vibrantes realmente se destacan y forman puntos focales. Y a pesar de que ocupan mucho menos espacio dentro de la composición, todavía llevan una buena cantidad de peso visual. Esta portada está utilizando el mismo equilibrio que veríamos en el signo del Yin Yang, que, por cierto, también es un gran ejemplo de lo agradables que encontramos las cosas que están equilibradas. Y es un concepto filosófico chino que explica que las fuerzas opuestas o contrarias en la naturaleza son en realidad complementarias, interconectadas e interdependientes, es decir, que dependen unas de otras o mejoran los efectos de cada uno Esa también es una gran manera de pensar el equilibrio en el diseño gráfico. Entonces, cuando estás armando cosas opuestas, pueden mejorar o enfatizar los atributos de los demás, entonces logras la cantidad correcta de equilibrio. Pero volviendo a los colores, los colores más oscuros también tienden a sentirse más pesados que los colores más claros. Entonces, en el caso de este cartel, por ejemplo, podemos sentir de inmediato que estas regiones aquí en negro, sienten las más pesadas, y lo mismo se aplica a esta cinta aquí en la parte superior, comparación con los otros dos colores dominantes, el naranja y este tono amarillento Y la razón por la que me encanta este cartel es a pesar de que no es completamente simétrico. Sólo esta sección superior puede considerarse centrada y simétrica. Si bien esta parte inferior es asimétrica, estos son ambos términos que discutiremos con mucho más detalle en el próximo video No obstante, a pesar de que no hay simetría que se ve en la parte inferior, las cosas aún se sienten muy equilibradas. Y eso se debe principalmente a que tenemos igual cantidad de estas áreas más oscuras colocadas aquí. Y aunque esta zona aquí a la derecha es quizás un poco más grande que la de la izquierda, los camellos y estos personajes también puestos en negro ayudan a equilibrar los dos lados Otra gran ilustración minimalista también muestra el mismo enfoque, nuevamente, distribuyendo el peso visual, confiando principalmente en los colores. Entonces este color rojo más oscuro aquí realmente destaca, y está ligeramente descentrado, por lo que está un poco más cerca del lado izquierdo. Y para contrarrestar eso, hay una línea diagonal utilizada aquí en la parte inferior, que va hacia arriba hacia la derecha. Entonces hay más de este espacio en blanco usado aquí, y eso está ayudando a equilibrar el peso de este rojo aquí, que está, nuevamente, ligeramente desviado a la izquierda. Probablemente lo más importante para recordar es que cualquier cosa que coloques en el punto central exacto de tu composición se sentirá más equilibrada o estable. Y cuanto más lejos, mueves objetos desde ese punto central, ya sea que los muevas hacia la izquierda, derecha, arriba o abajo, o sobre todo si los mueves a los puntos de esquina, Los mismos objetos se sentirán mucho más pesados cuanto más se acerquen a los bordes de tu lienzo. Y si no eres lo suficientemente cuidadoso, fácilmente pueden hacer que la composición se sienta como si estuviera volcando hacia un lado o hacia el otro Un gran ejemplo de ello es esta ciudad en la portada de borde donde intencionalmente, el diseñador creó desequilibrio, enfatizando el tema o el título del libro. Por lo que aquí ya teniendo la ciudad y el suelo sobre el que están colocados en negro la hace muy pesada visualmente. Pero también el hecho de que la mayor parte del edificio y sobre todo el edificio más alto se coloque aquí cerca del borde derecho sin que nada más soporte debajo logra exactamente lo que describí que esta forma, en particular, se siente extremadamente pesada Y esta portada demuestra que no siempre usas el equilibrio para crear armonía en tu composición. También se pueden crear las situaciones precarias casi inestables, lo que hará que los espectadores se sientan un poco intranquilos Creará tensión, drama, y todas estas son cosas útiles para captar la atención de tus espectadores y hacer que se interesen en lo que sea para lo que se utilice tu diseño. Otra percepción interesante es que sentimos que los bordes más duros son más pesados que los bordes curvos o más suaves. Volviendo a estos dos carteles, cuando miras el de arriba, que usa más curvas, sientes que es un poco más ligero en términos de peso visual en comparación con este póster debajo de él, que usa principalmente bordes duros. Incluso dentro de una sola composición, podemos ver el efecto de esto. Tener este auto cortado y solo mostrar un lado del mismo creó esta interesante asimetría donde tenemos las bonitas curvas originales del auto Mientras que del lado izquierdo, tenemos este filo recto afilado. Entonces, incluso si ignoras el hecho de que aquí falta un lado de esta tarjeta y solo prestas atención al área restante, aún así sentiría que el lado izquierdo es más pesado que el lado derecho. Ya mencionamos el equilibrio simétrico y asimétrico, pero en realidad hay otros dos tipos de equilibrio Y éste en particular, yo llamaría un balance de mosaico, donde tenemos a estos personajes flotando por ahí aparentemente al azar, y también el auto, nuevo, se corta en dos. De alguna manera las cosas aún se sienten equilibradas. Y el diseñador logró esto una vez más mediante el uso un balance de mosaico pero también una cuadrícula en la composición. Nuevamente, no te preocupes si no estás familiarizado con las cuadrículas y cómo funcionan porque las estaremos discutiendo con mucho más detalle en otro video 3. Peso visual (parte 2): En caso de que te estés preguntando fue el cuarto tipo de saldo, en realidad se llama balance de radio, lo que sucede cuando tienes tu composición irradiando desde un punto central Y no tiene que ser el punto central físico o visual de la composición, puede estar en cualquier lugar. Como en este caso, es jugar en algún lugar por aquí, que está ligeramente desviado a la parte superior derecha de la composición. Por cierto, en este caso, está muy cerca del punto central visual. Nuevamente, otro término que estaremos discutiendo más adelante. Por ahora, solo estoy diciendo que el punto central físico de la composición siempre está en el centro exacto mientras que el punto central visual siempre está ligeramente por encima de él. Nuevamente, en otro video, voy a explicar por qué y veremos más ejemplos de esto. Pero volviendo al patrón de radio, podemos ver claramente que no sólo estos bambúes están saliendo todos de ese punto central, sino que también los personajes están todos alineados de la misma manera Entonces es casi como una estrella que se está formando aquí. La simetría de radio también es una excelente manera de captar la atención de tu espectador y realmente atraerlos a la composición porque todas estas líneas están conduciendo al punto central. Entonces está atrayendo la atención de los espectadores ahí. Es casi como poner una trampa para sus ojos, y les voy a mostrar muchos más ejemplos de esto una vez que empecemos a hablar de simetría con más detalle. Pero todavía hay un par de otras formas de pensar sobre el equilibrio visual. Y una de ellas es que las formas complejas siempre se sienten más pesadas que las formas más simples. Así que volviendo nuevamente a este cartel, cuando miras a los camellos y a los jinetes sobre ellos, definitivamente son formas más complejas en comparación con estas otras áreas curvas aquí a la izquierda y a la derecha Y a pesar de que estos son detalles mucho más pequeños, todavía se sienten bastante pesados visualmente en comparación con las otras formas más simples dentro de la composición. Otra observación bastante obvia es que las formas de campo o formas positivas. Como en este caso, este círculo siempre se sentirá más pesado que formas vacías o negativas como este pez, que sólo tiene un contorno. Finalmente, las texturas complejas también se sienten más pesadas que las texturas simples o áreas sin ninguna textura. Entonces, en el caso de esta portada de libro, el agua aquí en la parte inferior se siente mucho más pesada que el cielo. Y fíjense que aquí también está pasando algo muy interesante. El texto está todo alineado al lado izquierdo, lo que normalmente significaría que las cosas pueden desbalancearse realmente si no es contrapeso con algo en el lado derecho, Pero tener esa pequeña tabla ahí y también el sol o la luna, no estoy 100% seguro en este caso, juega todo el camino en el lado derecho, muy cerca del borde, ambos aquí del lado derecho y también aquí en la cima, aún logra mantener todo en equilibrio. Recuerda lo que dije, más lejos se coloca algo del punto central visual o físico de tu composición, más pesado se siente. Entonces, aunque este no es un artículo grande, y además, este no es un artículo grande en comparación con el resto de los elementos utilizados, el hecho de que estén tan cerca del borde aún les agrega más volumen o peso visual. Por supuesto, también ayuda que tengamos dos colores vibrantes utilizados en estos elementos, nuevamente, llevando más peso, y tengamos forma más compleja en este barco y el carácter comparado nuevamente con el resto de los elementos en el diseño. Entonces, como diseñador gráfico, tienes que pensar en todas estas diferentes formas de lograr el equilibrio en tu composición. Y como con todo en diseño no se trata de usar uno solo de estos métodos porque puede ser mucho más efectivo cada vez que empieces a combinarlos juntos. También hay otro término importante llamado dirección visual, que tiene mucho que ver con el equilibrio y el peso visual, y es la técnica con la que indicas movimiento o la dirección del movimiento en tu composición. Y aquí hay un gran ejemplo con este cartel de Sasquatch, donde vemos claramente la dirección de bastantes cosas como este avión aquí está vistiendo pasado y yendo muy rápido hacia el Y la razón por la que lo sentimos rápido es porque ya está casi saliendo del marco Comparado con esto, tenemos este gran monstruo, y se siente inmediatamente más lento porque a pesar de que va en la misma dirección, realidad se siente como si acabara de entrar en el marco. Entonces ya, hay una relación entre estos dos detalles en la composición, y ya se están equilibrando entre sí. Un artículo rápido pero más pequeño que se mueve junto con un elemento o personaje grande pero más lento en este caso. Pero las cosas podrían salirse de balance fácilmente si todo se mueve en la misma dirección. Y por eso tenemos este tren. Claramente moviéndose hacia la derecha, y también estas ballenas o peces aquí en la parte inferior moviéndose hacia la derecha Y si juegas más de cerca la atención, notarás que aquí también hay un auto, que una vez más se mueve hacia la derecha. Y si lo piensas, aquí también hay un gran ritmo. Vemos las cosas moviéndose hacia la izquierda en la parte superior, luego tenemos el tren moviéndose hacia la derecha, luego el carro moviéndose hacia la izquierda, y luego las ballenas en la parte inferior, nuevamente, moviéndose hacia la derecha Y al igual que todo lo demás, el ritmo y el equilibrio también suelen ir de la mano en el diseño gráfico. También me encanta esta ilustración, que muestra muchas formas muy inteligentes de usar el equilibrio en una composición, primer lugar, tenemos esta forma muy rígida aquí en la parte inferior emparejada con las formas más complejas de estos animales en la parte superior. Y aunque la mitad superior de la composición no es simétrica, todavía se siente equilibrada. Y eso es principalmente gracias a la distribución inteligente de estos tres animales, los cuales varían en tamaño. Pero lo que más me gusta esta ilustración es esta forma en la parte inferior, que inmediatamente establece drama. Ya que sabemos que poner las cosas encima de una forma como esta requeriría la distribución perfecta del peso para que se mantenga estable. Así que de manera similar a esa ciudad en el borde portada del libro. Aquí, una vez más, se establece el drama, mostrando una escena donde el equilibrio puede ser fácilmente interrumpido. Es la misma sensación que obtenemos cuando miramos piedras así, equilibrándolas con mucho cuidado o incluso cuando estamos jugando al género. Hay un término más que vale la pena mencionar aquí y esa es la regla de las probabilidades para la que tengo un gran ejemplo. Esta regla establece que es una buena idea enmarcar a tu sujeto con dos instancias similares o idénticas para lograr armonía visual y equilibrio. Y puedes ver esto muy comúnmente usado en Edwards, y a Apple también le encanta usar la regla de las probabilidades Entonces, en lugar de solo tener un libro mac, tenemos dos adicionales idénticos en su tamaño, pero aún más pequeños que el del medio. Entonces ese es claramente el tema principal, y solo es apoyado por los otros dos en el lado. La razón por la que la regla de probabilidades funciona tan bien, nuevamente, se debe principalmente a que está enfatizando la simetría. Entonces, si tienes un objeto que ya es simétrico, colocar dos adicionales solo aumenta aún más la simetría en tu diseño. 4. Simetría reflexiva: Ya establecimos que una de las mejores formas de lograr equilibrio en tus composiciones es apoyándose en la simetría. Pero en realidad hay muchos tipos diferentes de simetría que puedes usar en tus diseños, e incluso puedes combinar múltiples simetrías en una sola composición En este video, analizaremos un par de ejemplos muy creativos de todos estos diferentes tipos de simetrías También veremos cómo asimetría puede agregar interés visual a tus composiciones, e incluso pasaremos algún tiempo mirando cómo se usa la simetría en el diseño de logotipos Entonces, ante todo, ¿por qué la simetría es universalmente atractiva para todos en el mundo La razón principal de ello es porque aparece muy comúnmente en la naturaleza. El propio cuerpo humano y el rostro son casi perfectamente simétricos, pesar de que existen diferencias menores entre los dos lados. Todos los componentes del cuerpo están en simetría. Entonces aunque miremos la cara, tenemos cosas que están centradas como la nariz y los labios, mientras que los ojos y oídos que no están centrados están exactamente a la misma distancia de la línea central en ambos lados. Lo mismo ocurre con las extremidades, como dos manos con cinco dedos a cada lado. A esta simetría particular, la llamamos simetría refleccional o simetría bilateral que logra el equilibrio y la simetría reflejando detalles Volviendo al ejemplo de las manos, se puede ver que es una imagen espejada perfecta Los pulgares se encuentran en el medio y todos los demás dígitos reflejados a los lados Se vería la misma simetría refleccional en casi todos los organismos vivos, incluidos los animales y Solo piensa en los árboles. Ese es probablemente el más fácil de imaginar. Tanto las raíces como las ramas tienen como objetivo lograr la simetría. Sin embargo, dependiendo de las circunstancias y condiciones como el viento fuerte que siempre viene del mismo lado, puede hacer que un árbol sea asimétrico, que no quiere decir que ya no sea estéticamente agradable Por el contrario, puede llegar a ser más interesante y único. Ahora bien, es importante que simetría refleccional en el diseño se pueda aplicar no sólo entre los lados izquierdo y derecho de tu composición, sino también entre la parte superior e inferior, e incluso se puede utilizar en formato diagonal Entonces, si colocas tu centro de simetría en una línea diagonal, entonces puedes tener los detalles reflejados o reflejados en las dos esquinas opuestas Al igual que, en este caso, el diseñador de este póster, hada Shepherd utiliza múltiples simetrías dentro de una misma composición Claramente tenemos esa simetría refleccional para el rostro y esta imagen en el medio También tenemos simetría radial para los elementos alrededor de este círculo aquí. Pero la tipografía sugiere múltiples líneas de simetría, por lo que podemos colocar una aquí en el medio, y podemos ver esta forma aquí en la parte superior, sintiéndonos simétricos, aunque los personajes reales no estén perfectamente equilibrados, pero también podemos colocar otra línea de simetría aquí porque una vez más, tenemos la misma cantidad de texto en la parte inferior y en la parte Pero en cuanto a los colores utilizados en el texto, también podemos usar Un centro de simetría aquí diagonalmente, porque como puedes ver, tenemos blanco usado en las esquinas opuestas y también negro usado en esquinas opuestas Así que al igual que con cualquier otra herramienta y método en diseño gráfico, cuando estás aplicando simetría en tus composiciones, puede ser más interesante una vez que comiences a combinar diferentes tipos de simetrías, o incluso a combinar simetría con asimetría Y fíjense como el rostro no es perfectamente simétrico como esta línea aquí no se repite en el lado izquierdo. Además, los labios no son perfectamente simétricos. Incluso los detalles en el cabello no son simétricos, mientras que las flores en el cabello realidad están usando una simetría perfecta. Entonces esos detalles sutiles que introducen asimetría en el rostro ayudan a que se sienta más natural porque como discutimos, rostros en particular no son perfectamente simétricos, y si están hechos para verse así, entonces se sentirán extraños e incómodos Pero en cuanto a composición, lo genial es que tenemos asimétricos y simétricos cerca unos de otros estos detalles Y al igual que el Yin y el Yang, que mencionábamos cuando estábamos hablando de equilibrio, estas dos cosas opuestas realmente funcionan muy bien juntas y se complementan entre sí. Y puedes encontrar muchos otros ejemplos en este tablero como este póster para la película Rogue one, donde generalmente, todo es simétrico aparte de un pequeño detalle En este caso, ese es el personaje principal mirando hacia la izquierda en lugar de enfrentarnos, pero también el título y el texto juegan alineados a la derecha y ver incluso cosas sutiles como esta persona mirando hacia la izquierda puede equilibrar el hecho de que tenemos el texto colocar aquí a la derecha. Y la razón de ello es, nuevamente, espacio implícito o los detalles implícitos. Entonces, a pesar de que en realidad no estamos viendo lo que ella está mirando, imaginamos que debe haber algo aquí del lado izquierdo. Y a pesar de que está fuera de marco, todavía ayuda a equilibrar los detalles aquí a la derecha. Si confías en la simetría perfecta en una composición, podría parecer un poco demasiado estática y aburrida. Y por eso, una vez más, incluso con el cartel titánico, aunque la parte inferior del cartel es muy simétrica Las caras aquí en la parte superior no están en simetría. Entonces tenemos a Kate Winslet mirando hacia la derecha, y Leonardo Dicaprio Incluso en esta portada de libro, que parece que usa simetría perfecta, si juegas mucha atención a algunos detalles, especialmente alrededor de esta área aquí, notarás que en realidad hay algunas imperfecciones Para lograr la simetría refleccional, no siempre hay que usar exactamente lo mismo en ambos lados También puedes simplemente confiar en objetos similares. Este cartel lo muestra extremadamente bien, donde tenemos dos objetos completamente diferentes alineados entre sí, formando un círculo perfecto, pero aún estando divididos en su línea central, que es el centro de simetría, por supuesto. Wes Anderson, el famoso director de cine también le encanta usar la simetría en su obra Por lo que encontrarás muchas escenas en todas sus películas donde puedes colocar fácilmente un centro de simetría en el medio. Y además de establecer un equilibrio como este, también le gusta usar la regla de las probabilidades, donde se tiene al sujeto en medio acompañado o enmarcado por otros dos sujetos en los lados. 5. Tipos adicionales de simetría y asimetría: También existe un término interesante llamado simetría traslacional, lo que significa que en lugar de solo tener una versión reflejada del mismo detalle, tendrías múltiples copias del mismo objeto repetidas a través de una ubicación en el espacio, esencialmente formando un patrón, confiando en esencialmente formando un patrón, la repetición Pero por ejemplo, este póster utiliza tanto simetría refleccional para que podamos colocar la línea de simetría aquí en el medio Pero también utiliza simetría traslacional repitiendo los mismos detalles en una trayectoria horizontal También hay otra forma especial de variación de la simetría refleccional, a la que llamamos simetría refleccional de deslizamiento, donde los detalles del espejo no están perfectamente En cambio, están ligeramente desplazados el uno del otro. Entonces en este caso, la simetría refleccional de deslizamiento se usa en las manos, aunque sean simétricas, no están alineadas entre sí de ninguna manera Esta composición en particular también combina muy bien la profundidad y el ritmo. Entonces podemos ver que esa línea amarilla curvilínea se entrelaza con las manos Entonces a veces está detrás de la mano, a veces viene frente a ella, y el ritmo se crea al tener este efecto superpuesto alternando. Entonces una vez que está atrás, próxima vez está al frente, luego otra vez, está detrás, luego está al frente, y una vez más, al final, está atrás. Y lo mismo pasa aquí en la parte superior también. Otra forma muy común y efectiva de simetría se llama simetría radial o rotacional, donde la mayoría de los objetos y elementos de diseño se rotan alrededor de un punto central específico. Y podemos detectar estos puntos centrales muy rápida y fácilmente. Entonces hay uno aquí, otro aquí mismo, otro aquí. Otra vez, uno aquí en el medio. Éste, luego otro aquí en la parte superior, y así sucesivamente y así sucesivamente. Es importante que el punto central no tenga que estar en el centro físico o visual. Como ya mencioné en otro video, en este caso, podemos tener el punto central colocado aquí todo el camino en el borde izquierdo del marco. O incluso si está en la línea central de la composición, se puede colocar más abajo, así que no en el centro exacto verticalmente. Al igual que con las otras formas de simetría, no es necesario utilizar la simetría de radio de una manera perfecta. Aunque, en algunos casos, como con este patrón, se utiliza de manera que todos los elementos se repitan perfectamente y alrededor del centro de simetría. Bueno se pueden ver grandes ejemplos como este póster donde claramente los detalles no son idénticos, y aunque la simetría de radio no es perfecta, seguimos sintiendo que todo está muy bien equilibrado en esta composición. Cuando la simetría de radio se combina con la perspectiva, donde tenemos las líneas fuertes nuevamente dirigiendo nuestra atención hacia el centro de la composición, el efecto de atraer a su espectador hacia se puede enfatizar aún más el efecto de atraer a su espectador hacia su diseño. También me encanta en este cartel en particular cómo se utilizan los colores para conectar los dos puntos focales y establecer unidad y armonía. Y tal vez se pregunte si diseños simétricos son agradables para nosotros. ¿Por qué querríamos usar la asimetría en una composición? La mejor respuesta a eso es que puede introducir drama e intensidad o tensión. Y si eso va bien con el mensaje principal o tema de tu diseño, entonces será más efectivo usar la asimetría que la simetría Un gran ejemplo de ello es el cartel de enamoramiento. Todos sabemos que cuando estamos enamorados, no pensamos con claridad, y las cosas pueden ponerse un poco caóticas Por lo que el uso de la asimetría para este tema funciona muy bien. Al igual que este póster para la película joker, donde el personaje principal se encuentra en esta posición asimétrica, enfatizando lo inestable que se pone al final de la película, sin estropear nada para ti en caso de que aún no hayas visto la Y la misma composición asimétrica funciona muy bien también para esta película de Pixar up, donde está enfatizando esta precaria situación de una casa flotando en el cielo unida a globos Es difícil pensar en algo más fuera de balance que esto, y es por eso que una composición perfectamente simétrica donde tendríamos el título aquí en el medio y el globo también puesto en el medio no habría funcionado con tanto éxito. Por último, pero no menos importante, si miras los diseños de logotipos, también verás que la simetría se usa muy a menudo, ayudando a lograr y enfatizar el equilibrio, la estabilidad, la fuerza, la potencia, o lo que mejor se aplique a una marca específica. Y recuerda lo que dije sobre evitar la simetría perfecta en ciertos casos. Eso es exactamente lo que verás en el logo de Starbucks. Nosotros una vez más, la cara tiene algunas diferencias entre el lado izquierdo y derecho porque se sentiría un poco extraño tenerlo perfectamente simétrico e incluso el logotipo de Google no está usando un círculo perfecto, así que puedes ver esa diferencia ahí en el lado derecho. Así que estas sutiles imperfecciones en la simetría o una forma siempre pueden hacer las cosas un poco más intrigantes 6. Alineación: Cuando la gente piensa en la alineación en términos de diseño gráfico, la mayoría de nosotros pensaríamos en la alineación del texto. No obstante, también se aplica a la alineación de otros elementos en tu composición como imágenes e incluso colores. Y de manera similar a los otros métodos de los que hablamos en este tema, alineación también es una gran herramienta para lograr un equilibrio visual o para interrumpirlo. En este video, como siempre, estaremos viendo un par de ejemplos creativos donde alineación sirve para un propósito mayor introduciendo interés visual. Comenzando con esta brillante portada de revista del New York Times, inmediatamente vemos algo que va contra de muchas cosas de las que hablamos a la hora de crear equilibrio visual y distribuir peso visual en un diseño. Cuando miramos la cobertura e imaginamos todos los elementos que llevan un peso visual específico, inmediatamente sentiríamos que este lado es mucho más pesado que lo que tenemos en el lado derecho. Entonces, si esto fuera un objeto físico, definitivamente se volcaría y caería a su lado izquierdo. Entonces tal vez te estés preguntando por qué decidieron usar el texto de alineación a la izquierda. Y también lo superponen con la cara de Roger Faderer en mi opinión, tiene mucho que ver con el título Por lo que Roger Faderer aún puede ponerse la cara de juego, lo que en términos de tenis, suele significar que se necesita una gran cantidad de concentración Y podemos ver esa concentración en sus ojos. Pero el hecho de que esté mirando hacia la izquierda, y que se le coloque tan cerca del borde del marco crea una enorme cantidad de tensión en esta composición, lo que solo se amplifica aún más por el hecho que todo el texto también se coloca aquí en el borde izquierdo. Entonces, cuando te estás concentrando muy fuerte, por ejemplo, viendo una película, estás sentado al borde de tu asiento, o también existe el término estar al borde, lo que generalmente significa emoción, peligro o riesgo Todos estos significados ocultos se pueden empaquetar en una composición alineando todo a un borde. En comparación con esto, cuando alineas las cosas en el centro y creas una composición más simétrica, puedes lograr más equilibrio y estabilidad. Y en este caso, combinado con estos alegres colores, también ayuda a crear calma, lo que funciona muy bien para el mensaje de este cartel, que trata sobre este alegre festival al aire libre Pero la alineación central no siempre tiene que significar estabilidad y calma. Al igual que, en este caso, el tema de la película es la revolución o la rebelión, que obviamente es lo contrario de la calma y la estabilidad. Y la alineación central también funciona aquí. Y en este caso, ayuda a reforzar la fuerza que se necesita para hacer valer los derechos de uno, pero también que las personas necesitan unirse y trabajar juntas para lograr su objetivo. Otra alineación común es la justificación, nuevo, algo que utilizamos principalmente para la tipografía Sin embargo, también se puede utilizar o hacer referencia cuando se están distribuyendo otros elementos visuales por igual. Pero en este caso, podemos ver que el texto está justificado, y ayuda a formar este rectángulo sólido. Y la mayoría de las veces cuando se utiliza la justificación, enfatizará la estructura, la unidad y las regiones comunes. Todos estos son términos y principios de diseño que cubrimos con gran detalle cuando hablamos de la psicología del diseño. Por cierto, también discutimos en el tema de tipografía, si es mejor justificar tu texto o alinearlo a izquierda o derecha Cuando se trata de alineación izquierda o derecha, por cierto, a la que también nos referimos como flush left and flush right. También vale la pena mencionar otro término, y ese es bordes desiguales Esto es lo que sucede cuando tienes, por ejemplo, texto alineado a la izquierda, terminarías teniendo bordes desiguales a la derecha Y lo mismo sucede cuando alineas el texto a la derecha o creas a la derecha al ras. De esta manera, tendrás bordes desiguales en el lado izquierdo. Al igual que el equilibrio en una composición, si hay una gran diferencia entre la longitud de las líneas, ya sea que esté usando alineación izquierda o derecha, puede hacer que las cosas se sientan menos estables o más dinámicas. Es menos un problema tener bordes desiguales en textos más grandes como títulos o subtítulos Si bien puede ser más un problema cuando ocurre en el cuerpo, y eso es la mayor parte del tiempo, su lugar verías que se usa la justificación. Y en el diseño editorial, es muy común que estuvieras combinando múltiples alineaciones dentro de una misma página o composición Pero lo importante es que todos los diferentes tipos de alineaciones deben servir de legibilidad y legibilidad a la hora de la tipografía Entonces en una página, por ejemplo, aquí, podemos ver la alineación izquierda. En esa parte, también podemos ver la alineación izquierda en estos subtítulos. Este texto aquí está alineado a la derecha. Además, este párrafo aquí está alineado a la derecha. El título del artículo también se alinea a la derecha, mientras que el ejemplar del cuerpo se justifica con las últimas líneas de cada párrafo alineadas a la izquierda. El propósito principal de la alineación suele ser agrupar las cosas y crear una estructura dentro de tu composición. En caso de que tengas que mostrar información que esté conectada, como en el caso de este póster, estas fechas en el lado derecho, incluso sin crear un límite visual como un marco o un color de fondo diferente. El simple hecho de que estén alineados a su izquierda ya los separa del resto de la composición y agrega la estructura necesaria. Por otro lado, si estás evitando intencionalmente la alineación, también puedes crear más interés, movimiento e impulso en un diseño. 7. Cuadrículas: términos: Las cuadrículas en diseño gráfico similares a alineación pueden proporcionar una estructura invisible a su composición que se utiliza para guiar la colocación de todos los elementos visuales en su diseño En algunos casos, como con este cartel de 12 hombre enojado, el uso de una grilla puede ser obvio. Mientras que en otros diseños, posible que no se dé cuenta de que también hay una cuadrícula subyacente a la que se alinean todos los elementos. El propósito principal de las rejillas es facilitar la alineación en una composición, pero también proporcionar equilibrio y unidad Puede parecer caótico y poco profesional cuando cada elemento una composición compleja simplemente está flotando en el espacio sin ninguna alineación Y la ventaja de usar sofisticados sistemas de rejilla es que las alineaciones utilizadas en tu diseño no tendrán que parecer tan obvias Sin embargo, tus espectadores seguirán teniendo la sensación que todo está muy bien organizado en tu trabajo. Para entender mejor cómo trabajar con cuadrículas, primero, necesitamos cubrir un par de términos, y es más fácil mostrarlo aquí en diseño Entonces aquí tenemos un pliego conformado por dos páginas. También tenemos la columna vertebral ya visible aquí en el medio. Esa es esa línea negra, y estas líneas moradas están indicando los márgenes. Incluso con solo confiar en las guías de margen, ya se puede establecer algún tipo de estructura. Pero debido a que el espacio entre los márgenes es tan grande, si tuviéramos que colocar algo que no esté conectado a un margen, inmediatamente se sentiría como fuera de lugar o flotando en el espacio. Entonces, por ejemplo, si tengo un marco aquí en el lado izquierdo y otro marco en el lado derecho, ya se puede decir que aquí no hay una estructura real, y todo se coloca completamente al azar. Esto nunca es una buena práctica en diseño gráfico. Entonces, aunque quieras crear una composición muy abierta y dinámica, usar una grilla siempre mejorará el equilibrio y la unidad de tu trabajo. Entonces déjame borrar estas dos formas y mostrarte lo que sucede si introducimos columnas o guías de columnas. Entonces esto es algo que llamaríamos una grilla de columnas. En este caso, se trata de una cuadrícula de 12 columnas, lo que significa que en cada página, tendrías 12 columnas de igual tamaño y distribuidas uniformemente. Y esto, como puede ver, ya da mucha más estructura que simplemente confiar en los márgenes. Además, es importante mencionar que las guías de columna solo aparecen dentro de los márgenes para que no se superpongan. Esto, por supuesto, no significa que no pueda alinear los elementos colocados en los márgenes a las guías de columna. Pero siempre es mejor dividir el área dentro los márgenes por 12 en lugar de incluir también los márgenes. Pero a pesar de que introdujimos muchas líneas adicionales a las que podemos alinear nuestro contenido o elementos visuales, alineación vertical de los elementos aún puede ser complicada. Y para ello, podemos introducir filas o líneas de flujo, que convertirán esta rejilla de columnas en una rejilla modular. Y la razón por la que la llamamos cuadrícula modular porque esas celdas que son creadas por las columnas y filas son referidas como módulos. Para que puedan ver en la parte superior, marqué las 12 columnas, y también marqué en el lado izquierdo, las 12 filas. Y también indiqué los términos de los que hemos estado hablando. Entonces puedes ver que aquí hay un módulo. Estas líneas horizontales nos referimos como líneas de flujo, mientras que las otras pueden denominarse líneas verticales o guías de columna. Y también hablamos de márgenes, que depende de cuál esté mirando tendrá un nombre diferente. Entonces a estos se les llamaría los márgenes exteriores. Estos en el medio de ambos lados se llamarían el margen interno, y luego tenemos los márgenes superiores y los márgenes inferiores. Y cuando colocas un elemento visual que ocupa múltiples módulos, nos referiríamos a él como una zona espacial, por lo que puede ser cualquier cantidad de módulos utilizados para ello. Y recuerda, también mencionamos s, que son los huecos o espacios entre tus columnas. Y llamamos a los dos márgenes internos juntos como la cuneta. Sin embargo, este es un término incluso de Adobe, a veces también utilizado para referirse a la s en las composiciones. Así que cada vez que crees columnas, en diseño se referirá al espacio entre ellas como canalón No obstante, en términos de diseño editorial, esta es la mejor o más correcta forma de utilizar estos dos términos. Y finalmente, el área principal rodeada por los márgenes se llama el área de contenido. 8. Cuadrículas: ejemplos: Ahora que ya sabe a qué se refieren estos términos, saltemos de nuevo a nuestro tablero y veamos cuadrículas en acción Entonces, aquí hay un ejemplo agradable y sencillo de un diseño de revista. Es muy fácil detectar la rejilla modular subyacente. Entonces, ¿por qué la copia del cuerpo y la mayoría de los detalles tipográficos se dividen en tres columnas distintas Todavía podemos ver que debe haber más columnas utilizadas. Por ejemplo, estas imágenes aquí no están alineadas con esas columnas debajo. En cambio, están ocupando exactamente la mitad del área de contenido, que sería una zona espacial compuesta exactamente de seis por seis módulos. Seis módulos horizontalmente y seis módulos verticalmente. La alineación del encabezamiento o título de este artículo y también este párrafo de introducción también deben estar alineados a las líneas de flujo, manera similar a esta parte en particular aquí, que debe ser otra línea de flujo Y luego claro, podemos ver la cuneta y también la s entre las columnas Ahora bien, no creo que las cuadrículas modulares solo sean útiles cuando se trata de layouts y diseño editorial Incluso al diseñar carteles, por ejemplo, pueden ayudar a proporcionar estructura. Y en este diseño, es muy fácil detectar esa cuadrícula subyacente. Entonces cada una de estas letras se colocan dentro de módulos individuales, y podemos ver que incluso estas líneas amarillas están tomando exactamente el mismo ancho que los caracteres. Entonces están marcando muy bien el ancho de esta columna, o lo mismo aquí en el lado derecho. Y si miramos filas como esta de aquí, también podemos ver que las líneas amarillas también aquí en la otra fila siempre se coloca exactamente en el punto central vertical de un módulo. Entonces, identificando esta regla, estoy casi seguro de que encontraríamos otro módulo aquí. Recuerda lo que mencioné al principio de este video que cuadrículas no necesariamente tienen que ser visibles, y en realidad, mayoría de los diseñadores profesionales las usarían de una manera que apenas es reconocible pero aún así proporcionando la estructura necesaria Entonces, ya no voy a destacar las columnas y reglas. Probablemente ya los puedas ver, pero aún así puedes ver que aunque aquí haya una grilla, cuánta libertad tienes. Una vez que empiezas a jugar con la forma en que usas los módulos en la cuadrícula, y también cómo defines tus zonas espaciales. Entonces, si utilizo una línea vertical y empiezo a moverla a través de este diseño, verás muchos detalles alineados entre sí. Entonces ahí ya tenemos una alineación. También tenemos otra sección de alineación aquí. Podemos ir un paso más allá adentro. Y luego una vez más, otra alineación sucediendo aquí y así sucesivamente y así sucesivamente. Podemos ver una obvia otra vez apareciendo aquí, otra que aparece allá arriba, también otra que se muestra aquí, también otra aquí, y así sucesivamente y así sucesivamente. Por lo que ya debes reconocer que sobre todo con diseños más complejos donde tienes mucha información para exhibir. Usar y confiar en una rejilla modular siempre te dará más seguridad y ayuda para encontrar la colocación de todos tus elementos visuales. Y las cuadrículas, por supuesto, no solo se utilizan en el diseño de impresión, sino también en el diseño web, y casi todos los sitios web dependerían de algún tipo de cuadrícula Como en este caso, podemos ver una cuadrícula de cinco columnas en acción. Entonces hay la columna número uno. Dos, que podemos encontrar el borde aquí y también allá. Ahí está la columna número tres, cuatro, y luego cinco. Las cuadrículas en el diseño web son más obvias cuando miramos bloques Y por cierto, te recomiendo encarecidamente que consultes nuestro blog creativo en m designer.com, donde regularmente compartimos tutoriales de inspiración y noticias de la industria creativa Y hay un término final, remonta al diseño de impresión y los diseños, y ese es la cuadrícula de línea base, que se puede usar en combinación con una cuadrícula de columnas o cuadrícula modular, y el único propósito de una cuadrícula de línea base es asegurarse de que todas las líneas de texto, especialmente en la copia del cuerpo, estén alineadas verticalmente, no solo dentro de una página sino también entre páginas en una difundida e incluso a lo largo de toda la revista y sobre todo en los libros. El problema de no usar cuadrículas de línea base es que incluso con una ligera diferencia entre la colocación vertical de tus líneas puede distraer cuando se usa papel fino para las páginas de un libro, por ejemplo, que revelamos ligeramente el texto impreso en el otro lado de una Y al leer el texto, ese sutil cambio puede llegar realmente confuso o distraer 9. Movimiento: De igual manera, a lo importante que es utilizar la profundidad en el diseño gráfico e implicar el espacio tridimensional mientras estamos trabajando en planos bidimensionales. Implicar movimiento también es igual de importante para crear composiciones atractivas Ya que una vez más, la mayor parte del tiempo, sobre todo en el diseño de impresión, todo sería estático. Una vez que se imprime, las cosas no se mueven. Aparte de algunas extrañas excepciones de las que hablaremos en este video. Pero primero, echemos un vistazo más de cerca a los diferentes tipos de movimientos o movimientos que puedes usar en tus composiciones y también algunas reglas y técnicas que también pueden ayudar a poner las cosas en movimiento. Entonces, en primer lugar, hay tres categorías principales de movimiento en el diseño gráfico. El primero es el movimiento cinético, donde se hace un elemento de diseño para que parezca que está cambiando su posición. Para ello, un ejemplo perfecto es este ciclista, donde el movimiento se implica al usar la misma imagen tres veces superpuesta encima de la otra y tener este ligero desplazamiento radial entre ellas. Lo mismo que podemos ver aquí en este cartel. En este caso, utilizando algo similar a la técnica de exposición múltiple en la fotografía, u otro ejemplo donde los detalles se desplazan a izquierda y derecha, inspirados en glitching o interferencia en un video La imitación de película en el diseño gráfico siempre te ayudará a lograr composiciones más dinámicas. La otra categoría de movimiento se llama movimiento rítmico, que suele ser más fácil de lograr mediante el uso de líneas u otros elementos repetidos que se distorsionan gradualmente dentro Hay otro término interesante llamado perturbación media, lo que significa que un elemento o un objeto en tu composición está interactuando o perturbando su entorno. Y al hacer eso, se indica el movimiento o movimiento. Entonces, en este caso, las líneas que representan agua son perturbadas por el surfista Pero incluso se puede lograr una perturbación media sin mostrar realmente qué es lo que está causando la perturbación. Como en este caso, la tipografía es perturbada y convertida en líquida por algo que se mueve a través Entonces, como pueden ver, todavía podemos entender la moción incluso sin ver lo que la estaba causando en primer lugar. la tercera categoría de movimiento se le llama movimiento ilusorio, y en realidad es bastante similar a la perturbación media Esto es cuando los elementos de tu diseño interactúan entre sí para implicar movimiento. Entonces en este caso, el número cuatro y la pequeña estrella están interactuando entre sí, creando este claro movimiento curvo que podemos ver aquí. Pero como dije, también se puede considerar esto como una perturbación media porque la estrella está arrastrando partes del número consigo misma Aquí hay otro gran ejemplo de movimiento ilusorio donde tenemos la mano estirando esa cuerda, y mostrar este punto crítico en el tiempo justo antes de que se libere la cuerda es una indicación tan poderosa de movimiento y también una gran manera de agregar tensión y drama a esta composición También me encanta el hecho de que la tipografía esté alineada a la misma línea diagonal que está formada por la cuerda del lado derecho, y eso ayuda a mantener las cosas más simétricas y Entonces, si agrego la línea de simetría aquí en el centro o la línea central de la composición, se puede ver cómo ese texto era esencial para mantener el equilibrio en la composición. Regla del espacio también es un término útil para recordar con el que se puede enfatizar movimiento en una dirección particular. Entonces, por ejemplo, tener este caballo aquí en el lado izquierdo del marco sugiere claramente que el caballo se mueve hacia la derecha. Y al dar mucho espacio extra para que ocurra este movimiento y colocar el sujeto al ocurra este movimiento y colocar el sujeto inicio del fotograma, haciendo que la composición y el movimiento sí sean un poco más tranquilos y lentos en comparación con si haces lo contrario y tienes a tu sujeto ya casi saliendo del Entonces, si quieres que algo se vea realmente rápido, recuerda colocarlo siempre más cerca del borde de la composición, así que haz que parezca que literalmente está a punto de abandonar el marco. Las líneas de movimiento también son una excelente manera de indicar movimiento. Y no sientas que este método se restringe a la ilustración porque también se puede usar fácilmente en cosas como el diseño de logotipos. Y también podemos ver muchas líneas de movimiento en estos carteles. Al igual que en esta, la vemos más de una forma líquida. Nuevamente, hay un montón de líneas de movimiento en este póster. Hay otro aquí con el tazón de tenis, e incluso esto, yo consideraría que es una línea de movimiento. Y aunque las llamamos líneas de movimiento, no necesariamente tienen que estar formadas por líneas, incluso pueden ser triángulos u otras formas Y por último, pero no menos importante, también vale la pena mencionar las ilusiones ópticas, que no es algo que se utilice comúnmente en el diseño gráfico Aún así en ciertos casos, podría ser una excelente manera de atraer y captar la atención de tus espectadores. Entonces, créeme, las cuatro son imágenes estáticas. No son animaciones. aún cuando los miras y te concentras especialmente en el punto central, las formas y detalles en cada uno de ellos comenzarán a moverse. Aunque es una experiencia divertida y única, también es desorientadora y vertiginosa Entonces como dije, esta no es la forma más común y mejor de implicar movimiento y movimiento en sus composiciones 10. Orientación y relación de aspecto: Un aspecto importante de tus composiciones, que por lo general deben decidirse al comienzo mismo de un proyecto es la orientación o relación de aspecto. Y cuando tomas la decisión correcta entre usar formatos de retratar, horizontal, cuadrado u otros, puede mejorar en gran medida el equilibrio visual de tu trabajo y también acomodar el tipo de movimiento adecuado para tu mensaje En este tablero, en lugar de mostrarte las relaciones de aspecto de retrato y paisaje más utilizadas , recopilé intencionalmente ejemplos más extremos tanto para formatos muy altos como muy anchos Este tipo de orientación, que es mucho más amplia que el formato de paisaje habitual, nos referiríamos como orientación panorámica. Si bien los formatos extremadamente altos, generalmente nos referimos como rascacielos Y aunque el formato cuadrado en el diseño gráfico se volvió mucho más utilizado desde la introducción de los canales de redes sociales, todavía incluí algunos ejemplos de estos también aquí en el lado derecho. Este tipo de orientaciones extremas no son comunes. Sin embargo, cuando se trata de b banners, la mayor parte del tiempo, tendrías que crear múltiples versiones o las llamadas mutaciones de tu diseño original en varias relaciones de aspecto, incluyendo formatos cuadrados, rascacielos y panorámicos entre otros Las relaciones de aspecto altas son especialmente excelentes para gráficos informativos o festivales, donde hay mucha información que necesita ser exhibida. Pero como diseñador, siempre hay que tener en cuenta cómo sus espectadores van a experimentar su diseño. Ya sea que vayan a sostener la impresión en la mano o si va a estar en un cartel o cartelera más grande. Dependiendo de la distancia entre tu espectador y tu diseño puede impactar mucho lo que va a ser la orientación correcta para tu composición. Especialmente cuando tienes que mostrar mucha información importante, como en el caso de este cartel del festival, tienes que asegurarte de que tu espectador tenga fácil acceso a todos estos, así la legibilidad no va a sufrir al obligarlos a posiciones incómodas como arrodillarse para poder leer lo que esté escrito en la parte inferior de tu En el caso del diseño UX, especialmente para el diseño móvil, tendrá que confiar en gran medida en el formato de retratar, que es la forma más utilizada de sostener un teléfono móvil Y si vienes de un fondo impreso, esto podría ser un desafío al principio. Pero aprender a manejar este tipo de relación u orientación SPAC también mejorará la forma en que usas el espacio y creas tus diseños en otros formatos 11. Punto central visual: A veces te puede sentir la tentación colocar el punto focal de tu composición en el centro físico exacto de tu marco Y aunque en algunos casos, como cuando estás usando simetría de radio, podría ser una buena idea hacerlo. La mayoría de las veces, en realidad es mejor alinear su punto focal con el punto central óptico o visual. Y esto no debe confundirse con el punto central físico o geométrico. Lo que obtienes dividiendo equitativamente tu marco tanto horizontal como verticalmente en dos secciones, y la intersección de esas dos líneas será el punto central geométrico o físico. Sin embargo, el punto central óptico o visual debe estar ligeramente por encima de este, generalmente alrededor de cinco a 10% más alto que el punto central geométrico. Entonces, en algún lugar por aquí. Ahora fíjense cómo en esta composición en particular, por ejemplo, los detalles más importantes y de mayor contraste, estas nubes están todas alineadas en ese punto central visual. Pero al usar esta cuadrícula que creé en Illustrator, también podemos comprobar estas otras composiciones. Entonces tal vez movamos el marco aquí por encima este póster de Disney para La princesa y la rana. Una vez más, podemos ver que el punto central geométrico está justo aquí mientras que el punto central óptico o visual está perfectamente alineado con la cara del personaje principal. Podemos ver que esto también se puede utilizar cuando se trata de tipografía Entonces, si solo muevo mi marco más cerca de esta portada de libro. Una vez más, podemos ver que la línea central visual, que estaría en algún lugar por aquí, se usa aproximadamente para la línea base para este texto, pero en realidad está centrada en el punto central visual, que está aproximadamente por aquí. Entonces la línea central del texto está alineada con ese punto central óptico. Aquí hay otro ejemplo con el póster blade run. Una vez más, el texto 2049 se alinea en la línea central visual, pero esto significa que se coloca o alinea más cerca del punto central óptico del marco Y podemos ver una vez más exactamente lo mismo que sucede aquí donde vuelve a estar la pequeña silueta de esa persona, colocada en el punto central óptico. E incluso en este caso, la pantalla de bienvenida de una app a partir de una instantánea de un teléfono móvil, podemos ver de inmediato que el punto focal, en este caso, los ojos y los círculos alrededor de ellos vuelven a estar alineados con el punto central óptico o visual. Y también vale la pena mencionar que dependiendo del tipo de formas que estés usando para tu composición, especialmente en el caso de formas simples o primitivas como un triángulo y un rectángulo redondeado, el tipo correcto de equilibrio podría no lograrse usando el centro de masa de estas formas o incluso el centro óptico. En estos casos, se puede utilizar otro cálculo matemático llamado centroide, que puede crear el equilibrio perfecto, y eso es en realidad lo que usaron para el icono y el logotipo de YouTube Y se puede ver que los porcentajes aquí son muy similares al punto central óptico. Sin embargo, todavía hay diferencias sutiles entre los dos. Pero no te preocupes como diseñador gráfico, no tienes que ser matemático, y no estás obligado a hacer estos cálculos Desarrollarás una y para poder ajustar manualmente las formas y alinearlas entre sí para crear el equilibrio perfecto, así como aprenderás a escribir urnas y crear un equilibrio óptico entre los personajes. 12. Perspectiva: Puedes influir mucho en la interpretación de tu espectador del tema en tu diseño eligiendo un punto de vista específico. Esto es más fácil de explicar con la analogía en la fotografía, donde puede marcar una gran diferencia donde te estás posicionando cuando estás tomando una foto de tu tema Al acercarse a tu tema y tal vez incluso recortando algunos detalles. Mostrarás una conexión mucho más personal con el tema. Mientras que si tomas la foto desde más lejos, estarás enfocándote más en el entorno y la relación entre tu sujeto y su entorno. Es posible que también hayas visto fotógrafos tomando fotos de modelos o incluso investigando a los fotógrafos, tomando fotos de la pareja desde todo tipo de ángulos diferentes La razón por la que hacen eso es porque incluso el más mínimo cambio en el ángulo de la imagen va a afectar mucho a la composición. Y esto es exactamente lo mismo que hay que tener en cuenta como diseñador gráfico, y decidir el punto de vista adecuado para su proyecto debe decidirse desde el principio junto con la orientación y relación de aspecto. En este tablero, recogí algunos ejemplos de puntos de vista extremos, mirando a vista de rana, mirando cosas desde el nivel del suelo o vista de pájaro, mirando cosas desde arriba E incluso hay ejemplos creativos utilizan múltiples puntos de vista dentro de una misma composición Usar la vista de rana, por ejemplo, en este caso, ayudó a crear las proporciones muy exageradas para el basquetbolista y hacer que el salto que está haciendo se sintiera mucho más alto de lo que parecería si estuviéramos viendo esto desde un lado Aquí se puede ver también comparación de dos ilustraciones separadas del Puente Golden Gate en San Francisco, e inmediatamente se puede ver que la versión del lado izquierdo, una vez más, usando la vista de rana captura y enfatiza mucho mejor la altura de la estructura en comparación con la otra ilustración que muestra la estructura en su totalidad. hay algunos grandes ejemplos Aquí también hay algunos grandes ejemplos de vista de pájaro, tanto para ilustraciones como para fotografías. Y esta vista en particular se usa a menudo para planos, planos de planta y mapas Sin embargo, también se puede utilizar para imágenes creativas Como en este caso, gracias a la dirección del sol y la luz, podemos ver siluetas perfectas de todas las personas paradas en la playa, aunque las estemos mirando desde arriba Y a pesar de que se trata de una sola fotografía, casi se siente como si estuviera mezclando dos puntos de vista separados Y aquí hay un póster que vuelve a utilizar una ingeniosa combinación de dos miradores diferentes, poniendo la ciudad patas arriba y haciendo que los personajes principales se coloquen aquí en la parte inferior Pero lo que hace que este diseño sea realmente excepcional es cómo el espacio negativo también se ve como la silueta de un edificio aquí mismo en el medio. Y la famosa escena desde el inicio de la película también está utilizando de nuevo, múltiples puntos de vista combinados entre sí Y no es de extrañar que esta memorable escena también se utilizó para el cartel. Nuevamente, haciéndola original y ayudando a llamar la atención de los espectadores. Y otra forma de combinar múltiples puntos de vista en una composición es mediante el uso materiales reflectantes, como en este caso, el cuchillo que muestra a otra persona, Jack Nicholson, quien en realidad ni siquiera sería visible dentro del marco si no hubiera También me encanta este ejemplo que muestra el famoso póster de la pistola forestal desde un ángulo diferente. Nuevamente, solo muestra lo importante que es decidir cuál es el ángulo que eliges para tu diseño. Si bien esta vista es muy memorable y fácil de reconocer, no creo que nadie hubiera recordado o incluso reconocido a Tom Hanks desde este ángulo Otra forma interesante de escoger tu punto de vista es ir detrás de algo que otro modo sería muy reconocible Al igual que en esta ilustración, fuimos detrás del famoso letrero de Hollywood, que es algo que no vemos a menudo, sin embargo, de inmediato entendemos lo que estamos viendo. Jugar con diferentes rotaciones y puntos de vista en la fotografía también puede resultar en resultados sorprendentes Y como diseñador gráfico, esto es algo que también debes tener en cuenta a la hora buscar imágenes para tus composiciones. Pero no importa cualquier punto de vista que decidas usar en tu proyecto, recuerda que siempre debe reforzar el mensaje que estás comunicando. Entonces, no decidas por un extraño punto de vista solo por el bien de ello. 13. Conclusión: Enhorabuena por completar este curso de la serie de teoría del diseño gráfico. Espero que te haya resultado útil e inspirador. No olvides revisar el glosario de términos PDF, revisar todo lo que cubrimos, y si te sientes listo, toma el cuestionario para poner a prueba tus conocimientos Vuelve en cualquier momento a las referencias en los tableros Miller que utilizamos en este curso para ayudarte a recordar las cosas de las que hablamos o para encontrar inspiración para tu próximo proyecto de diseño. Por favor, háganos 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 smdesigner.com, y nos pondremos en contacto con usted lo antes posible Realmente agradecemos su aporte y ayuda. Ahora, es el momento de que escojas tu siguiente tema y te sumerjas en otro curso de teoría del diseño gráfico. Recuerda, no hay un 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 entender bien estas reglas y aplicarlas en tus proyectos. Estoy seguro que usarás lo que has aprendido para crear algo increíble y no puedo esperar a verlo.