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.