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

1. Introducción: Lo que dificulta el aprendizaje de la teoría del diseño es que todo está relacionado. Es difícil hablar un solo principio o elemento de regla sin referirse a otros. Esto es lo que me ha inspirado a armar mi serie de formación más completa y accesible de la historia, cubriendo todo lo que necesitas saber sobre la teoría del diseño gráfico. 20 años de experiencia aplicando estas teorías en mi trabajo como profesional creativo y enseñándolas a estudiantes de todo el mundo, me ha ayudado a llegar a un enfoque único explicándolo todo sin hacerte sentir abrumado Analizaremos y compararemos ejemplos reales de diseños impresos, web y móviles para ayudarte a construir una biblioteca visual mental de grandes composiciones. Al final de esta serie, podrás recordar muchos ejemplos creativos de la memoria. También dominarás cómo analizar diseños y aprender a hacer las preguntas correctas a la hora de juzgar tus propias composiciones. Tanto si eres un profesional creativo experimentado como si recién estás comenzando como diseñador gráfico, encontrarás los cursos de esta serie increíblemente interesantes, inspiradores y valiosos. Aumente su confianza entendiendo cómo hacer composiciones atractivas, claras y efectivas. Y aprende el lenguaje del diseño para comunicarte con clientes, impresores, desarrolladores y otros profesionales creativos. En este curso, cubriremos todos los principios de guest out incluyendo cierre, continuidad, similitud, simplicidad, base de figuras, y mucho más. Para conocer cómo pueden ser utilizados en proyectos de diseño gráfico. Al comprender estas leyes universales de la comunicación visual, ganarás confianza y te resultará más fácil tomar decisiones a lo largo de todo el proceso de diseño. Junto con el emocionante proyecto de clase que espero que completen al final del curso. También tienes la hoja de trabajo de análisis y el término glosario 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. Principios de la Gestalt (parte 1): Me gusta pensar en los principios del estilo invitado como la gramática de la comunicación visual. Cada idioma alrededor del mundo depende de la gramática que establece las reglas, crea consistencia y se asegura de que todos puedan entenderse entre sí. Es interesante, pero si lo piensas, realidad no aprendemos en la escuela a entender las cosas cuando las miramos. Entonces la percepción visual es casi instintiva. Es algo que aprendemos a medida que crecemos. E incluso como recién nacido, ya comenzamos a procesar nuestro entorno mirándolo. Por supuesto, al inicio de nuestra vida usamos nuestros otros sentidos más como tocar y probar cosas. Pero a medida que envejecemos, terminamos confiando cada vez más en nuestros ojos para entender nuestro entorno y poder interactuar con él. Al parecer, casi el 50% de nuestro cerebro se dedica puramente a procesar los estímulos visuales con los que constantemente nos bombardean durante el E incluso mientras estamos dormidos, nuestro cerebro proyecta imágenes que entendemos como sueños. Y me gusta pensar que los sueños son algún tipo de ejercicio para el cerebro. Entonces, incluso cuando estamos viendo las cosas, es tratar de flexionar esos músculos que estamos usando cuando volvemos a mirar las cosas y tratando de entender lo que estamos viendo. Así que volviendo a los principios guesttop y por qué es importante aprender sobre ello. Recuerden que dije que no tenemos que aprender a ver las cosas. Eso es completamente cierto, sin embargo. Como diseñador o diseñador gráfico, necesitamos una mejor comprensión de cómo las personas percibirán los diseños que creamos para poder comunicar de manera efectiva el mensaje de que trata el proyecto. En este video, les voy a dar un breve antecedente de donde vienen los principios gestales Y analizaremos brevemente este logotipo de Unilever en la pizarra solo para ver cómo se pueden aplicar los principios de Gesto a cualquier tipo de diseño En los siguientes videos, veremos todos estos principios mucho más detalle y estaremos viendo muchos, muchos ejemplos para asegurarnos de que entiendas cómo implementarlos en tus diseños. Entonces, antes que nada, los principios de los huéspedes en realidad vienen del área de la psicología. Comenzó por tres psicólogos en Austria y Alemania a principios del siglo XX. Y la cita más importante que resume muy bien toda la idea detrás del gastutismo de Kurt Kofka, quien dijo que el conjunto es distinto a la Y la palabra otro es muy importante, así que no es más como dijo Aristóteles, sino que es otra cosa o algo diferente Se puede ver el ejemplo de la bicicleta cuando tenemos todas sus partes dispuestas y cuando la tenemos todas juntas, pesar de que son exactamente los mismos componentes con la configuración o ensamblaje adecuados, podrá llevarnos de A a B. Se convierte en vehículo. Y eso es algo que definitivamente no podemos decir de todas sus partes por separado o simplemente dispuestas así, solo una vez que se armen de la manera correcta. Y esta es una gran analogía para pensar también en el diseño Ya sea que tengas tipografía, imágenes, formas, colores, contraste, así sucesivamente y así sucesivamente Puedes usar todas estas cosas, pero si no las estás armando correcta o efectiva, entonces tu diseño no se verá bien o no llamará la atención de los espectadores. Solo cuando pones todo junto en el equilibrio correcto, el orden correcto o la jerarquía correcta, es entonces cuando vas a crear un diseño efectivo. Hay otro término subyacente importante utilizado en los principios de estilo invitado llamado emergencia. Y esencialmente lo que esto significa es que tendemos a mirar todo el objeto antes de ver sus partes individuales. Entonces nuevamente, pensando como diseñador gráfico, eso significa que si creas un póster, por ejemplo, gente mirará el cartel en su totalidad antes de comenzar a mirar detalles más pequeños como las personas en el póster o el título o subtítulo, y así sucesivamente, así sucesivamente ¿Y por qué es importante? Porque para nosotros los diseñadores, siempre tenemos que crear una composición agradable o un aspecto general de nuestro diseño. Pero también tenemos que asegurarnos de que las personas puedan encontrar toda la información relevante una vez que pasen un poco más de tiempo mirando lo que creamos. 3. Principios de la Gestalt (parte 2): Entonces, al observar el diseño actual del logotipo de Uni Liver, podemos recoger de inmediato un par de los principios Guestyle que se aplican aquí Al igual que la simplicidad, que también se conoce como ley de las embarazadas, que podemos ver aquí en todos estos pequeños iconos Todos están simplificados casi a la abstracción. Pero si prestamos atención, todavía podemos distinguir y reconocer un par de cosas aquí. Al igual que hay un poco de e aquí. También tenemos un pájaro, hay un pimiento, hay una palmera, Hay un símbolo, que es para reciclar. Hay otro símbolo, el corazón, que puede interpretarse como amor. Pero en este contexto, es más probable que indique productos saludables. Entonces, ¿por qué crees que era importante aplicar la regla de la simplicidad a todos estos iconos en este logotipo? Bueno, si lo piensas bien, si fueran demasiado complejos y hubiera demasiados detalles sobre ellos, terminaría volviéndose demasiado complejo y distrayendo Y definitivamente no funcionaría como logotipo. Unilever es una empresa masiva con tantas marcas dentro de ella. Y para poder comunicar esa complejidad, el diseñador decidió destacar muchos aspectos de estas marcas sin que se volvieran demasiado abrumadores o abrumadores Y esto nos lleva a la otra regla que aquí se aplica, que se llama figura suelo. que significa que podemos ver algo así como esta forma aquí como un contorno unificado de la letra U. Así que eso es algo que entenderíamos como el suelo o fondo, y todos los pequeños iconos dentro de ella son las figuras o los elementos de primer plano regla básica de la figura es un poco más complicada de entender, así que la entenderás mucho más una vez que veamos más ejemplos al respecto. Ahora, como hay tantos pequeños iconos empaquetados en esta forma de la U, también hay un par de reglas adicionales aplicadas para que sea estéticamente agradable Uno de los cuales, que es bastante obvio, es la similitud. Entonces básicamente eso significa que todos estos íconos se sienten similares entre sí, por lo que todos usan el mismo color. Todas tienen bordes redondeados, así que no hay esquinas afiladas en ninguna de ellas. Y si le pones atención a los íconos, todos parecen estar siguiendo la forma de la U. Entonces eso es algo que llamamos destino común. Todos tienen ganas de ir o fluir en la misma dirección. Y otra cosa interesante que podemos ver aquí es que no fue necesario crear un contorno sólido para la letra U, para que pareciera que está cerrada. Entonces lo percibimos como una forma cercana a pesar de que tiene huecos a su alrededor. Y ese es un ejemplo perfecto. Y el uso del principio de estilo invitado llamado simetría de cierre es otra regla que podemos ver aquí. Entonces, si tenemos esta línea aquí en el medio, se puede ver que no sólo la letra U está alineada a eso, sino que incluso el texto en la parte inferior está alineado simétricamente a la letra de arriba Esto ayuda a crear un equilibrio agradable en esta composición. Y si estamos viendo el texto mismo, aquí en la parte inferior, También hay otra regla aplicada ahí, que se llama continuación o continuidad. Donde de nuevo, nuestro cerebro puede conectar fácilmente esto y entenderlo como una sola palabra aunque haya brechas entre las letras. Ahora bien, esto funciona bien principalmente porque esto parece un texto o manuscrito escrito a mano Si bien si este texto se fijara en cara de diferente tipo, como un Serif o Sunserifont, entonces ya causaría problemas si tuviéramos estas grandes brechas entre esas letras, sobre todo si estas brechas son desiguales Y finalmente, otra regla que podemos ver siendo utilizada aquí es la proximidad, que en este caso conecta la marca de letra que tenemos aquí en la parte superior y la marca de palabra que tenemos debajo de ella. Entonces la cercanía de estos dos elementos y el hecho de que estén apilados uno encima del otro, tendremos que verlo siempre como una sola unidad, un logotipo, incluso cuando esté colocado en un anuncio, por ejemplo, junto con los logotipos de Entonces, para resumir, la importancia de los principios de guest out es que como diseñador, necesita poder enfatizar las relaciones visuales Y solo puedes hacer esto de manera efectiva entendiendo cómo tus espectadores interpretarán o percibirán la información visual que les estás presentando. Entonces espero que estés emocionado porque ahora vamos a echar un vistazo mucho más de cerca a cada de las reglas en los principios de estilo invitado. Y no te preocupes si te sientes un poco abrumado en este punto Todo tendrá mucho más sentido una vez que revisemos y analicemos los diseños en los próximos videos, y realmente nos concentremos en principios individuales cada vez. 4. Cierre: cierre es una de las reglas más simples entre los Principios de la Gestalt, lo que significa que cuando miras una imagen a la que le faltan algunos detalles, tu cerebro puede llenar esos vacíos fácil y automáticamente por ti Para que esta regla funcione, es importante que tengas que encontrar el equilibrio adecuado. Si estás dejando de lado demasiado o faltan demasiados detalles, entonces tus espectadores podrían terminar viéndolos como detalles independientes y tener dificultades para entender el diseño. Y por otro lado, si proporcionas demasiada información, entonces no habrá necesidad de llenar los vacíos, por lo que tu diseño no será tan atractivo o interesante de ver. Veamos esta ilustración aquí a la izquierda primero, Los detalles visuales importantes aquí que realmente ayudan a entender lo que estamos viendo son estos detalles comunes que podemos entender muy rápidamente como los zapatos, el monopatín, el pelo y la mano. A pesar de que todo está altamente estilizado o simplificado, todavía podemos entenderlos. Y una vez que hemos visto estos dos detalles, este patrón de puntos sin un contorno sólido comienza a tener sentido como siendo el vestido que lleva este personaje femenino. Presta atención a cómo casi no hay detalles para el rostro, así que realmente no podemos ver los ojos ni la nariz. A lo mejor un pequeño indicio del oído fue suficiente para entender lo que estamos viendo. Así que tener algunos detalles sólidos que están completamente llenos de negro, como los zapatos, el pelo, y también el monopatín, que tiene un contorno claro, es suficiente para mantener todo unido. Y una vez más, para entender ese patrón flotante que no tiene ningún contorno o contorno. Y tal vez se esté preguntando ¿por qué fue necesario dejar fuera el esquema? Y una respuesta simple a eso es hacer que sea atractivo o emocionante de ver cuando se usa el cierre. Bueno, en un diseño, suele desafiar al espectador, le da algo en lo que pensar. Es casi como un pequeño enigma visual que tienes que resolver para entender lo que estás viendo Ahora bien, en esta ilustración en particular, hay muchas otras reglas también en el juego, como el movimiento o el movimiento, que de nuevo podemos ver claramente cuando miramos el cabello, por ejemplo, lo que indica un movimiento hacia adelante porque sabemos que el pelo largo caería verticalmente. Y cuando vemos el cabello mostrado horizontalmente, entonces inmediatamente entendemos que debe haber algún tipo de movimiento. O tal vez solo hay viento soplando de la derecha. Otro principio de parada de invitado, el destino común, sin embargo, nos ayuda a conectar algunos de estos detalles juntos y comprender el movimiento o la dirección de este movimiento. No sólo el pelo, sino también la pierna se estira hacia atrás, y el brazo también está apuntando en esa dirección. Entonces todos estos detalles juntos nos ayudan a conectar todo y entender que en realidad hay un movimiento de avance rápido aquí. A pesar de que se trata de una imagen completamente estática. Hablaremos mucho más sobre el movimiento y cómo podemos indicarlo en nuestros diseños. Una vez que lleguemos al tema llamado balance, echemos un vistazo al ejemplo del logo de Johnny Walker. Que evolucionó y cambió bastante a la ilustración original, pero aún así logró preservar la estética original del diseño. Entonces además de la obvia simplificación de los detalles, la regla más importante que ayudó a que este logotipo fuera más efectivo es el uso del cierre. Bastantes detalles aquí están flotando en el espacio. Pero nuevamente, gracias a su proximidad o cercanía, podemos conectar muy rápidamente estos detalles faltantes y entender que aquí estamos viendo pantalones o pantalones, aunque no haya contorno en Ahora es interesante que hubo otra versión que era aún más abstracta, donde incluso faltaba la mano y había aún menos detalles alrededor de la cabeza. Pero esta versión probablemente empujó demasiado lejos la regla del cierre . Y dejaron un poco demasiados detalles para que se reconociera fácilmente. Y lo más probable es que por eso decidieron cambiarlo y traer de vuelta un poco más de detalles. Entonces este es un gran ejemplo donde podemos ver cómo grandes marcas como Johnny Walker está afinando el uso del cierre. Me encanta el póster de esta película llamada La langosta, donde podemos ver a Colin Farrell abrazando algo, pero realmente no podemos distinguir de qué es porque falta es porque Entonces esto es lo que nos referiríamos como espacio negativo. Pero en este caso, se trata más de aplicar la regla de cierre porque nuestra mente intenta inmediatamente llenar este vacío y reconocer lo que se elimina de la imagen. Y hay algunas pistas visuales muy sutiles del detalle faltante Si le prestas más atención a esta área aquí, en realidad podemos ver que hay algunos detalles de cabello. Entonces ese es un gran indicio de que en realidad hay una mujer muy probablemente a la que se le quita aquí o una persona con el pelo largo. Y recuerda lo que dijimos sobre el saldo o encontrar la cantidad correcta de detalles para mostrar y la cantidad correcta de detalles que faltan aquí. Las manos son increíblemente importantes porque sin ellas, sería mucho más difícil entender lo que estamos viendo. Las manos son principalmente necesarias para que entendamos que aquí hay un abrazo. Pero también actúan como un dispositivo de encuadre que realmente crea esa sensación de espacio o profundidad Y esta composición me recuerda a Pantomime, donde de nuevo, los artistas simplemente usan el aire para describir con qué están interactuando El logo del World Wildlife Fund también es un brillante ejemplo de cierre de Us, donde podemos reconocer de inmediato al oso panda a pesar que faltan algunos detalles nuevamente alrededor del contorno. Gracias principalmente a esos detalles característicos que aún son visibles, como las manchas alrededor de los ojos y las orejas grandes y todas estas formas curvilíneas Lo que más ayuda a nuestro cerebro a cerrar esos detalles faltantes es la forma en que este detalle de aquí, y también este otro de aquí a la derecha, se va adelgazando poco a poco. Entonces no es un grosor continuo, pero en realidad tiene una buena transición de líneas gruesas a bordes más delgados y puntiagudos Esta transición, o cambio gradual en el grosor, realmente crea un movimiento o defecto en el diseño Y enfatiza aún más la forma del oso. Entonces podemos ver muy claramente esos detalles faltantes para la cabeza y también para el cuerpo. Y me encanta este divertido ejemplo aquí a la derecha, que claramente no es la versión actualizada de este logotipo, sino que muestra cómo podría verse un oso polar con el mismo estilo visual. Pero claro, aquí de nuevo, la afinación del cierre fue demasiado lejos. Simplemente quedan demasiados detalles para que esto funcione realmente de manera efectiva como logotipo. Cuando vemos las dos versiones una al lado de la otra, claro que es fácil entender de qué se trata la imagen, pero imagina ver esto por sí sola. Bueno, seguro que te puedes imaginar que en realidad no va a funcionar como logotipo. También existe un término llamado ratificación o reificación que describe toda esta idea de cierre y cómo nuestro cerebro y nuestros ojos tienen la tendencia a llenar los vacíos donde quiera que falten contornos o contornos Y aunque aquí hay tantos otros ejemplos realmente buenos. Por último solo quería destacar este póster o diseño donde podamos ver que cierre también se puede usar de manera extrema. Donde ni siquiera en realidad mostramos ningún contorno del tema de nuestro diseño, que en este caso es esta pieza de arte faltante, que solo está rodeada de detalles, las tres manos y el texto aquí en la esquina superior izquierda de esa pieza faltante. Pero cuando lo piensas aquí, en realidad no hay contornos utilizados en absoluto para ese detalle. Entonces, a pesar de que es un uso bastante extremo del cierre, sigue funcionando principalmente porque las cuatro esquinas de estas formas rectangulares tienen algún tipo de detalle que la mantiene unida. Imagínese quitarle una de estas manos, la composición se desmoronaría inmediatamente. 5. Continuidad (parte 1): La continuidad es otro principio que se trata de conectar puntos. Nuevamente, esto es algo que nuestra mente hace automáticamente. Entonces básicamente nos gusta ver las cosas dispuestas en una fila o una línea o una curva, y eso es simplemente agradable a la vista y también más fácil de entender para nosotros. Esa es la razón por la que nos gusta ver árboles plantados en fila en un jardín, o arreglar la ropa en un vestidor en el mismo orden en que los usaríamos, tener sombreros en la parte superior y zapatos en la repisa inferior. Aunque no hay una razón lógica real para colocarlos en este orden, solo crea una combinación estéticamente agradable y ayuda a nuestra mente a conectar estos elementos entre sí o los árboles que fueron plantados en una fila Es un instinto para nosotros seguir un río, un sendero, o una barda Y eso es exactamente lo que también nos gusta ver en los diseños. Así que siempre que haya una invitación, un camino para que nuestros ojos sigan, lo más probable es un camino para que nuestros ojos sigan, que lo hagamos Como diseñador gráfico, continuidad es una herramienta increíble que puede ayudarte a dirigir realmente la mirada de tu espectador de un punto a otro dentro de tus diseños. Y puedes pensarlo como un reto visual similar al cierre que estableces para tus espectadores. invitas y les das algo pensar dejando algunos detalles fuera, o tal vez emparejando diferentes cosas, pero teniendo una continuación entre ellos antes de comenzar a analizar algunos diseños increíbles en este tablero. Aquí hay un ejemplo muy interesante. Vemos un par de puntos, algunos de ellos son rojos, otros son negros. Y aunque tener estos colores claramente los separan entre sí, todavía la mayoría de la gente miraría esto o lo entendería como una línea recta y una curva. En lugar de seguir los puntos por su color, preferimos seguir su forma. Aquí hay una línea recta y aquí hay una línea curva. Es mucho más agradable para nuestra mente conectar estos puntos de esta manera en comparación con tener una forma así y otra forma así. Esto en realidad explica o lleva a un descubrimiento muy importante de que los cambios abruptos nunca son buenos en general en tu vida cotidiana, sino también en el diseño gráfico Por ejemplo, cuando miramos esta imagen al principio nuestra mente prefiere mirar a estas dos personas de esta manera. Mientras que por supuesto, en realidad hay una persona aquí en la parte superior y hay otra persona en la parte inferior. Simplificando esto, también podemos imaginar un triángulo aquí en la parte superior y otro triángulo en la parte inferior Y este es el punto donde está ocurriendo el cambio abrupto tanto en la parte superior como en la inferior O aquí hay otro ejemplo. Si miramos estas flechas, aunque se trata de una imagen bidimensional, todavía sentimos que aquí hay una sensación de profundidad y espacio, gracias a la forma en que se trazan estas líneas. Pero lo que es más importante, estas curvas aquí se crean con una agradable transición gradual de bajar aquí a subir a la cima de ese bache. Tenemos esa transición gradual en el grosor y dirección de las líneas. Y el cambio en estos atributos nos prepara y nos ayuda a entender el cambio en la dirección. Así que imagina si estas líneas fueran completamente rectas, y luego aparecería otra línea además de ellas, sería mucho más difícil para nosotros percibirlas como líneas continuas o ver la continuidad en ellas. Tu trabajo como diseñador gráfico, claro, como siempre, es una vez que entiendes la regla es desafiarlo o convertirlo en un reto para tus espectadores. Lo que hace interesante a esta composición es que en lugar de solo mostrar un retrato, el diseñador la dividió en las rebanadas separadas Pero debido a que están apilados uno encima del otro, nuestra mente aún puede combinarlos fácilmente. Y estoy seguro en tu cabeza, también estás visualizando automáticamente todos estos detalles cayendo unos sobre otros y formando la cabeza real Aquí hay otro ejemplo muy similar donde de nuevo, en lugar de ver el retratar completo, solo vemos partes de él Y lo que hace que esto sea interesante es realmente el hecho de que tenemos esta cinta, línea única continua que forma toda la forma. Entonces podemos rastrearlo fácilmente a lo largo, realmente se puede ver que es una forma simple, casi como la piel de una papa que ha sido pelada en una sola pieza. Y la continuidad de esta cinta, lo que ayuda a nuestro ojo a conectar todo y también lo que hace interesante a toda la pieza. 6. Continuidad (parte 2): Una regla importante de la tipografía es la legibilidad. Así que asegurándose de que la gente pueda leer lo que esté escrito en un diseño. Sin embargo, los títulos o textos más grandes siempre se pueden hacer más interesantes si estás dejando fuera o cubriendo algunos detalles de ellos. Este diseño es el ejemplo perfecto donde el texto jungle está escrito en mucho más grande que el resto de la copia. Y por su escala y también por su alto contraste con el resto de los detalles, funciona y se lee perfectamente bien, aunque hay bastante cubierto por los detalles del follaje en la composición. Si prestas mucha atención, verás que cada letra de la palabra jungla tiene algunas de sus partes cubiertas por detalles superpuestos. Entonces hay algo aquí en la letra J, hay un pedazo bastante grande aquí cubierto en la letra U. Además, hay otro detalle aquí, otro allá, y otro ahí Y por cierto, estos motivos florales también están utilizando la regla de continuidad. Entonces aquí hay un detalle precioso que sube y conecta no sólo el libro de palabras con la palabra jungla, sino también las letras de selva, que se separan en estos dos roles separados. La misma rama que sube aquí también tiene otra rama que se está torciendo alrededor, la letra U. Este es otro hermoso uso de la continuidad. Primero comenzando en la parte inferior de la composición, luego subiendo, dando la vuelta, y luego subiendo de nuevo. Se tuerce alrededor de la letra U y crea una sensación de continuidad, pero también agrega algo de profundidad al diseño. Y lo mismo se aplica a todos los demás detalles, como esta rama aquí, nuevamente, tiene una bonita curva continua. Y nuestros ojos pueden seguir fácilmente este tipo de curvas y entenderlas como un solo elemento aunque esté dividido por la letra. Y de manera similar, entendemos la letra como un solo objeto aunque sea interrumpida por esos elementos florales. Este póster es otro brillante ejemplo de cómo puedes desafiar a tus espectadores aquí. La tarea obviamente es poder leer el texto, que de nuevo está, dividido en múltiples líneas. Más líneas que la cantidad real de palabras. Entonces son sólo tres palabras, pero hay cinco líneas. De manera que esa disposición del texto ya desafiaría un poco a los espectadores a entender cuál es el texto. Pero los espectadores son más desafiantes al ver aquí esta arena de campanas, entrelazándose o entrelazándose en Y por si eso no fuera suficiente ya, en realidad incluso dejaron fuera el cuerpo, o la parte central del cuerpo de esta bailarina, donde esperaríamos ver el vestido blanco que normalmente usarían Pero aquí es donde entra nuestra mente. Y porque entendemos muy bien las proporciones del cuerpo humano, porque lo vemos todo el tiempo, todos los días, inmediatamente entendemos que estos detalles aquí en la parte superior deben estar conectando de alguna manera a las piernas que están debajo. Para que esta composición funcionara, era muy importante asegurarse que la distancia entre los detalles aquí en la parte inferior y los detalles en la parte superior debía ser la misma que en la fotografía original. Si se alejaran más el uno del otro o tal vez se acercaran el uno al otro, todo se sentiría incómodo y extraño de mirar. Entonces, para recapitular, hay tres formas diferentes en las que nos desafían aquí En términos de continuidad, tenemos que, primer lugar, conectar las filas de texto juntas. También nos desafía tener una parte bastante sustancial del texto cubierta por detalles de la bailarina Entonces tenemos que imaginar esos detalles faltantes en estas cartas. Y tercero, también tenemos ese gran detalle faltante de la bailarina Entonces la lección aquí y a lo que realmente estoy tratando de llegar es que cuando tomas una sola regla, en este caso continuidad, no solo puedes usarla una vez en tu composición, sino que puedes hacer que se use varias veces para realmente enfatizarla o exagerarla hasta un punto que aún es reconocible Así que recuerda afinar estas cosas y no vayas demasiado lejos con ellas, porque entonces perderás tus espectadores y ellos no entenderán lo que están viendo, o simplemente se confundirán, y eso nunca es algo bueno. Entonces, por ejemplo, con este diseño, aunque faltan bastantes detalles en estos números, todavía es casi inmediatamente reconocible Y podemos leerlos. Y también podemos entender que estos muy probablemente estén representando fechas. Y esta composición, al igual que las otras anteriores, también se basa en gran medida en la continuación o la continuidad. Nuestra mente podrá conectar fácilmente estos detalles aunque haya brechas entre ellos. No sólo los números están usando la regla de continuidad, sino también estas formas o blobs puestas en rojo En lugar de solo tener un par de puntos, en realidad hay piezas conectadas aquí. Entonces podemos ver una continuación aquí y también otra aquí. Y también entre estos dos puntos ahí, podría preguntarse, ¿por qué era necesario conectar estos puntos rojos además de hacer que los números fueran más legibles dentro de ellos? Bueno, principalmente porque están guiando los ojos del espectador en la dirección en la que se supone que estos números son rojos. Para que las fechas tengan sentido, necesitamos comenzar aquí en la parte superior izquierda y luego ir a este número aquí. Entonces podemos continuar aquí abajo. Y esta línea aquí en realidad también es bastante importante porque esa es la que divide las dos fechas Así que de nuevo, estos puntos nos están llevando a la vista hacia abajo. Una vez que veamos el punto ahí, podemos subir y terminar leyendo este número junto con el punto. Sin estos cuatro puntos, de nuevo, todo el diseño se desmoronaría y no podríamos realmente darle sentido a estos números. Entonces esos puntos o topes completos son tan importantes como los propios números. Y ahora, si solo te concentras en esas formas conectadas, realmente te ayudan a seguir estos importantes detalles en la composición en el orden perfecto. 7. Figura-fondo (parte 1): Uno de los principios gestálticos más interesantes o intrigantes tiene que ser la relación de base de figura La figura suele ser el sujeto de la imagen y el suelo es el ambiente o el fondo. Pero puede tener muchas interpretaciones diferentes. Pero la mejor manera de especificar qué figura hay en una composición es refiriéndola como el elemento que está en foco. El suelo, como dije, es el fondo o ambiente dentro del cual esta figura o sujeto, o punto focal está descansando o colocado en él. Lo único esta relación es que nuestro cerebro trata automática o instintivamente de mantener la figura en primer plano o esperar que la figura o sujeto esté Aquí tienes un ejemplo interesante. Cuando miramos esta sencilla ilustración abstracta, automáticamente pensaríamos esos cuadrados son el sujeto independientemente de su color. Consideraríamos que el cuadrado blanco en ese rectángulo negro es el sujeto o figura. Y de la misma manera consideraríamos este cuadrado negro, nuevamente, la figura dentro del suelo que en este caso es blanca. Lo que podemos aprender de este ejemplo muy simplificado es que la mayoría de las veces, esperaríamos que la cifra fuera más pequeña que el suelo. Por supuesto, puede haber excepciones o se puede trabajar intencionalmente contra de esta forma de entender cuál es la figura y el terreno. Hay otro término importante que vale la pena mencionar cuando hablamos la relación de base de figura, y eso es estabilidad múltiple o percepción multi estable, que es esa experiencia extraña cuando miras algo y sigue apareciendo de un lado a Entonces en este caso, por ejemplo, puedes mirar este cubo, que por cierto, se llama el Cubo Necker, ya que esta cara está más cerca ti y el resto del cubo retrocediendo al espacio Pero si miras hacia otro lado y miras hacia atrás, podrías terminar viendo esta cara estando más cerca de ti y el resto del cubo nuevamente retrocediendo al espacio Al considerar que esta fase está más cerca de nosotros, es como mirar el cubo desde abajo. Mientras que cuando consideramos que esta fase está al frente, estamos mirando el cubo desde arriba. Este tipo especial de visión que nos da una representación de un objeto tridimensional en un plano bidimensional se denomina vista isométrica, donde todas las líneas que retroceden al espacio son paralelas entre sí Comparado con cuando vemos las cosas en perspectiva donde todas las líneas paralelas convergerían en un punto de fuga Hablaremos mucho más sobre perspectiva y vistas exxonométricas porque todas estas son muy importantes de entender para un Pero esto es parte de otro tema, por lo que se centra en la relación de base de figura. Aquí hay otro ejemplo muy interesante. El Rubin fue donde otra vez, tenemos esta sensación de multi estabilidad, donde podemos mirar esta imagen como una taza o jarrón Pero quizás de inmediato has visto estas dos caras aquí en ambos lados. Entonces, en este caso, nuestra comprensión del suelo de la figura se ve desafiada porque realmente no podemos decidir si las caras son la figura o el sujeto o el jarrón. Entonces, si consideramos que las caras son la figura, entonces vemos el campo negro como fondo. No obstante, si consideramos que el jarrón es el sujeto o figura, entonces significa que lo vemos dentro un ambiente o fondo blanco. Quizás se esté preguntando si la estabilidad múltiple es realmente algo bueno o no y si debe aplicar esto en sus diseños o no. La respuesta es que, por supuesto, se puede utilizar y se puede convertir en algo positivo y bueno. Pero si no tienes cuidado en cómo lo estás usando, podría terminar simplemente molestando a tus espectadores. Entonces aquí hay un gran ejemplo de multi estabilidad, donde tenemos a Batman boca abajo, o la silueta de Batman y la silueta de Penguin o Copa Pot, uno de los famosos villanos del universo DC Comics La razón por la que esta composición funciona tan bien es porque el ilustrador o diseñador realmente entiende cómo funciona la relación de base de figura. Entonces, antes que nada, al igual que ver que el objeto más pequeño es la figura, normalmente también consideramos que los detalles más brillantes y saturados son la figura. Porque los objetos tienden a volverse más oscuros y desaturados a medida que van más allá en el espacio Entonces por eso a primera vista, casi todos considerarían que esta es la figura. Y por eso fue inteligente tener este parado normalmente, así que la cabeza en la parte superior y luego el cuerpo debajo de él. Porque esa es simplemente la forma natural o esperada de que veríamos a un personaje en una ilustración. Pero entonces el hecho de que Batman Silhouette sea de color negro, claro, funciona bien con el propio personaje, porque Batman viste una capa negra. Pero entonces otra vez, el hecho de que esté boca abajo funciona perfectamente bien con la forma en que se comporta en la historia Es otro ejemplo brillante de una ilustración minimalista que puede ayudarnos a entender otro término que vale la pena recordar. Se llama región inferior. Y esta es otra de esas cosas instintivas donde consideraríamos de dos regiones que están separadas por una línea horizontal La región inferior para estar más cerca de nosotros o la región inferior para ser la figura. Entonces, aunque no hay mucho detalle en esta ilustración y es muy abstracta, aún de inmediato podemos entender que estamos mirando una playa con un barco. Entonces esta es nuestra figura y está en primer plano mientras tenemos el mar y una isla en el Y recuerda lo que dijimos que nuevamente se espera que los detalles más brillantes estén más cerca de nosotros que los detalles más oscuros que también se aplican aquí. Y así facilitar la comprensión de lo que estamos viendo. 8. Figura-fondo (parte 2): Ahora bien, aquí hay algunos ejemplos de composiciones acromáticas donde solo tenemos detalles en blanco y negro Y todos estos carteles, de nuevo, juegan con ese factor de estabilidad múltiple. Pero lo más probable es que primero reconozcas las formas o siluetas de los objetos que están en blanco Entonces son las piernas aquí, o la cara y el cuerpo en éste y el tenedor en este tercer cartel. Pero una vez que prestas atención a lo que primero percibiste como el fondo o estos detalles negros, entonces también puedes empezar a verlos siendo la figura. Entonces aquí vemos la mano, también la mano aquí, y las botellas de vino en este ejemplo. En estos dos primeros ejemplos, esta multiestabilidad fue una excelente manera de llamar la atención de los espectadores y llamar su atención estos temas tan importantes, acoso sexual y el abuso doméstico. Mientras que en el caso del tercer cartel, es un poco menos duro. Es solo un póster muy inteligente que combina los dos detalles importantes para este tema o evento para el que se creó este póster. Por lo que es un festival de comida y vino y podemos ver de inmediato la comida a la que se refiere usando el tenedor en la ilustración. Y luego podemos ver el vino, claro, a través de las botellas. Y creo que hay una razón por la que decidieron tener el tenedor en blanco. Creo que hay una manera de seguir el mismo orden, la forma en que se escribe el título. Entonces tenemos comida y vino porque tenemos el tenedor en blanco, eso es lo primero que vemos, comida. Y luego vemos las botellas, que es la segunda palabra en el título, simplemente por saber qué color verá la gente. Primero, ya establecimos el orden visual o jerarquía en la que las personas estarán interactuando con este diseño. Me encanta esta composición porque nos desafía. Y nuevamente, muestra muy bien cómo se puede utilizar la relación de base de figura para hacer un diseño o ilustración, en este caso, más interesante. Entonces cuando miras esto, claramente, el punto focal es el gato. Pero, ¿qué gato? Bueno, esto de aquí es exactamente la misma silueta e incluso tamaño a lo que vemos aquí. Simplemente es diferente en color y obviamente su posición en la composición. Pero probablemente te tomó un poco de tiempo averiguar cuál es el gato y cuál es la sombra. Y la razón por la que no es inmediatamente obvio cuál es cuál es que es porque aquí solo existe esta línea única que sugiere la fuente de luz que viene de arriba a la derecha. Y lo que explicaría la sombra que se va a proyectar en esta dirección. Normalmente en una fotografía o incluso una ilustración un poco más compleja, tendríamos muchas sugerencias de la luz y cómo se forman las sombras. Si bien aquí, es realmente intencionalmente solo esa sola línea, que de nuevo, es una excelente manera de desafiar al espectador. El logo del zoológico de Pittsburgh es otro ejemplo brillante de utilizar el principio de base de figura. Donde más probablemente, primero verás el árbol, pero luego eventualmente notarás las siluetas de estos dos animales, el gorila y el león Si pasas un poco más de tiempo analizando el logo, también notarás estas aves aquí en la parte superior y los peces aquí en la parte inferior. Entonces, en realidad hay una planta y cuatro animales aquí, aunque al principio lo más probable es que solo veas la planta. También me encanta esta ilustración de Olimos donde de nuevo, nos desafía a decidir cuál es el tema de la figura y cuál es el terreno Porque tenemos una comprensión inmediata del personaje de Sheer Khan, el tigre. Y le gustaría considerar que es el tema de figura dentro de la composición. No obstante, pronto notarás que estas rayas en realidad están representando una historia muy importante libro de la selva, donde Mowgli se encuentra con el carro serpiente y se hipnotiza por él Entonces, lo que al principio simplemente parecía, las rayas en el tigre se convierten en el sujeto o figura, y el tigre mismo se convierte en el suelo. Y recuerden que dijimos que las cosas más pequeñas instintivamente se sienten como la figura mientras que aquí mowgli y son realmente pequeñas en comparación con el resto de la composición Entonces esto solo enfatiza aún más esa controversia o multi, estabilidad de decidir cuál es la figura y cuál es el terreno. A mí también me encanta esta ilustración. En el fondo tenemos una botella y el vino o el líquido que sea este se está derramando de ella. Entonces si empezamos a seguir estas líneas, nos llevan al interesante detalle en la composición donde nos hemos desafiado y confundido para ver que esto podría ser en realidad una alfombra o tal vez es un cañón. Aquí, no hay dos, sino tres percepciones diferentes de que podemos cambiar de un lado a otro al vino derramado, la alfombra y el cañón De manera similar a esto, esta ilustración sobre tinta de monstruos también es muy inteligente donde pesar de que solo hay un solo uso del color, el verde sobre este fondo amarillento logra crear tres capas y hacernos ver a tres capas y hacernos ver los tres personajes más importantes de la historia Por supuesto, también ayuda que mayoría de las animaciones de Disney y Pixar tuvieran siluetas muy reconocibles para todos los personajes Pero aún así, me encanta el hecho de que la cabeza de la niña esté perfectamente alineada con donde esperaríamos ver ese gran ojo o globo ocular de este monstruo Y no sólo eso, incluso estos cuernos pequeños aquí también doblan como los dientes o esos grandes colmillos del monstruo mancillado Entonces esto una vez más, es un brillante ejemplo de usar esa relación de base de figura. Pero el mismo esquema representa diferentes cosas dependiendo cómo lo miremos y lo entendamos. 9. Destino común: La Fe Común es un principio interesante que podemos usar para asociar diferentes detalles y hacerlos sentir como que están conectados o están relacionados entre sí si se usa correctamente, incluso si los elementos son diferentes en tamaño, color o forma, todavía pueden sentirse conectados siempre y cuando se muevan en la misma dirección o se coloquen en el misma trayectoria. Este cartel es un gran ejemplo donde se utiliza la fe común, donde podemos ver a todas estas personas desde arriba. Y normalmente desde este punto de vista, es muy difícil saber en qué dirección se mueven en comparación con verlas desde un lado. Pero porque terminan siendo más abarrotados por aquí de inmediato, si sentimos que la mayoría de estas personas se mueven en esa dirección. Ahora bien, esto se basa en nuestra comprensión y experiencia de las multitudes reunidas Normalmente significaría que la gente viene de todo tipo de direcciones diferentes, pero terminan yendo al mismo lugar. Piensa en hacer cola en el estadio o concierto. Ahora lo que hace que esta composición sea aún más brillante es el hecho de que la información real, tanto la fecha, el nombre, como la ubicación de este festival se comprime en este pequeño espacio en la esquina superior derecha. Lo cual es una colocación inusual para la información, porque normalmente esperaríamos que estuviera en algún lugar en el medio, o tal vez aquí en la parte superior izquierda. Pero al tener la fe común utilizada y todas estas líneas invisibles apuntando hacia esa parte del diseño, todavía logra ser un punto focal muy fuerte. Además también tenemos esa sensación o sensación de que este festival es muy popular y mucha gente estará asistiendo. Esta ilustración es otro buen ejemplo de cómo podemos lograr interés simplemente colocando un par de elementos florales o decoraciones alrededor de este texto. Y nuevamente, utilizando el destino común al tenerlos todos apuntando hacia el centro para hacer que todo en esta composición se sienta en armonía y unido. Este cartel que intenta crear conciencia sobre los desechos plásticos en los océanos logra comunicar un tema muy complejo con siluetas simples de un par de objetos Entonces tenemos un delfín aquí en el lado derecho, y luego tenemos todos estos desechos plásticos fluyendo hacia la dirección de la boca. Lo que significa que es un gran peligro que todos estos desechos acaben en las vientres de estos animales Y obviamente les va a causar la muerte. Por lo que el destino común en este caso se utiliza al tener todos estos elementos en la misma trayectoria. Entonces incluso hay algo de aleatoriedad entre ellos, todos parecen estar apuntando hacia este punto de aquí Y también convergen de un espacio más grande hacia ese espacio más pequeño aquí Entonces tenemos esas dos curvas reuniéndose en este punto, que obviamente es el punto focal de la composición. Y por cierto, es una colocación muy inteligente porque también es una regla de tercios punto de intersección aquí. Y si no estás familiarizado con ese término, lo cubrimos con gran detalle dentro del tema de composición. Y finalmente, otro ejemplo donde se usa el destino común para separar dos significados diferentes dentro de una misma composición. Entonces mientras tenemos la colocación vertical o posicionamiento de estas botellas de vino, tenemos la colocación diagonal de sus sombras. Y estas en realidad no son las sombras de las botellas, sino las sombras de hitos famosos. Normalmente, miraríamos un objeto y lo emparejaríamos con su sombra. Entonces de esa manera, emparejaríamos, nuevamente, esta botella con su sombra. En este caso, en realidad hay más conexión o relación entre las propias sombras. Para lograr esta forma correcta de agrupar las cosas dentro de la composición se logra una vez más haciéndolas ir en la misma dirección o apuntando hacia esa dirección, mientras que las botellas están todas colocadas en una posición más vertical, apuntando hacia arriba, ayudándolas de nuevo a sentirse más conectadas entre sí que con sus sombras. Hay muchos otros grandes ejemplos de fe común que se muestran en este tablero. Y me gustaría que los analizara y tratara de ver cómo se utilizan y qué enfatizan dentro de cada una de estas composiciones. 10. Simplicidad (parte 1): La simplicidad es otro de esos principios que es muy fácil de entender y se siente obvio. Sin embargo, hay un poco más que al principio, se podría pensar. En realidad, es muy desafiante para cada diseñador gráfico, especialmente quien recién está comenzando para mantener ese trabajo simple en la mayoría de las profesiones. Para ser honestos, cuanto más simple tiene que ser algo, más difícil tienes que trabajar para ello. Esto puede sonar extraño al principio, pero si lo piensas bien, para que algo sea simple, realmente solo tiene que tener los detalles o información más esenciales sin dejar de ser estéticamente agradable Cuando hablamos de diseño gráfico, claro, pero esto se aplica a casi todo, incluso al diseño de productos, todo empieza siendo complejo. Y luego a través de la iteración, llegamos a versiones cada vez más simples hasta que no queda nada que eliminar o simplificar Un término que también proviene originalmente del diseño de producto también es algo que me gusta aplicar en el diseño gráfico. Se llama Kiss, que significa mantenerlo simple, estúpido. O que sea breve y simple. Esta es una gran pauta que puedes tener en cuenta cada vez que estés diseñando algo. Entonces, esencialmente, quieres crear algo que todos puedan entender y su experiencia con tu trabajo, ya sea impreso o basado en web, va a ser fluida e indolora La simplicidad en el diseño gráfico siempre puede ayudarte a aclarar tu mensaje y permitirte llamar la atención de tus espectadores y su comprensión de tu mensaje mucho más rápido en comparación cuando los presentas con diseños más complejos. Menos es más es otra cosa que seguimos diciendo en el diseño. Y esa es sólo otra forma de explicar lo importante que es la simplicidad. Entonces, aunque se sienta contradictorio, en realidad es cierto que al eliminar elementos y complejidad de tu trabajo, lo haces más impactante Y créeme, uno de los errores más comunes de los diseñadores que recién empiezan es que complican demasiado su trabajo Están tratando de introducir demasiados elementos y componentes en su trabajo, lo que sólo disminuye el mensaje que están tratando de comunicar La diferencia entre complejidad y simplicidad en el diseño gráfico puede ser simplemente la introducción de una fase de tipo adicional o un color adicional que no esté en armonía con el resto de la paleta. Por lo que es muy fácil desviarse del camino de la simplicidad y sentirse tentado a agregar cada vez más elementos o componentes en su trabajo La simplicidad, como todos los demás huéspedes de principios, tiene algo que ver con cómo funciona nuestro cerebro y cómo percibimos la información visual. Generalmente es cierto para todos alrededor del mundo que preferimos ver cosas que son simples, claras y ordenadas. Eso es porque instintivamente sentimos que estas cosas son Cuando vemos una forma compleja y poco familiar, nuestro cerebro inmediatamente se esfuerza por darle sentido al dividirlo en componentes más pequeños y simples Casi todos los que mirarían esta extraña silueta aquí del lado izquierdo verían de inmediato el rectángulo, la elipse, y el triángulo dentro de él, aunque no tengamos sus contornos definidos Cuando miramos el logo de los Juegos Olímpicos, de nuevo, casi todos verían de inmediato que se trata de cinco círculos conectados entre sí. Esto, de nuevo, se siente obvio, pero si lo piensas, no hay una distinción clara entre estas formas y están completamente conectadas en estos puntos de intersección. Así que en realidad no tenemos ninguna información visual si estos son realmente círculos independientes puestos uno encima del otro. O tal vez esto es solo una forma compleja o compuesta que se compone de estas regiones cada vez más grandes . Entonces, si te muestro exactamente la misma disposición de círculos en un formato ligeramente diferente, tu mente, de nuevo, tendrá que hacer un poco de trabajo para averiguar qué está pasando aquí. Pero de nuevo, por lo general sólo toma una fracción de segundo para que reconozcamos los círculos. Y aunque se vea diferente, nuevamente intentamos darle sentido a esto y simplificar lo más posible. Lo que vemos, podrías estar pensando que si bien la simplicidad es algo bueno, en algunas cosas como joyas por ejemplo, nos gusta tener complejidad. Nos gusta ver detalles intrincados. Pero cuando miras estos adornos o adornos , nuevamente, mayoría de ellos se pueden descomponer en formas y formas geométricas simples Me encantan las cruces celtas, y este es un hermoso ejemplo, nuevamente, de algo que parece bastante complejo al principio, pero luego otra vez, nuestra mente puede encontrar muy rápidamente estas formas simples dentro de ella, así que hay un círculo Este otro detalle aquí se puede simplificar hasta un triángulo, o podrías estar viendo la sección de un círculo. En estas formas, ahí hay una sección, aquí hay otro círculo grande, y aquí hay otro. En realidad se compone de cuatro círculos, el del medio y tres más grandes que no están terminados. En cambio, que solo están girando y uniéndose entre sí. Pero lo que hace que estos ornamentos sean más interesantes es el hecho de que también hay una sensación de profundidad. Cuando esta forma, por ejemplo, sube aquí, va por debajo de ese círculo más pequeño. Pero entonces cuando vuelve, en realidad está encima de eso. Y sucede lo mismo una y otra vez. Entonces está este intrincado entrelazado de estas cuatro formas que mencionamos anteriormente A pesar de que se trata de un diseño sencillo compuesto por cuatro círculos, se presenta de una manera que lo hace sentir más complejo e intrigante. Otro término que vale la pena recordar cuando hablamos de simplicidad es Hicks Law, que dice que cuantas más opciones le presente a su usuario o espectador, más tiempo tardará en tomar una decisión Ahora bien, esta ley es muy importante en diseño web y el diseño de UX, donde podemos decir con orgullo que vinimos un largo camino desde tener sitios web que estaban realmente abarrotados de mucha información innecesaria, hasta sitios que son mucho más limpios, más limpios y Entonces estos dos ejemplos eran el mismo sitio, bueno, ese es el sitio web original y la versión actual, mucho más simplificada del mismo. Y no solo el sitio se volvió más sencillo, sino incluso el logo, así que tal vez recuerdes este extraño logo de aspecto de caricatura que era original y definitivamente se destacó del resto. Pero ahora si miras su logo, es mucho más sencillo y limpio. No estoy diciendo que necesariamente sea mejor, pero en general, el sitio en sí se siente mucho más acogedor y más profesional. Y esa es una forma muy común de escuchar gente referirse a cosas que parecen simples, que se ven profesionales. Y recuerda que es porque la creación diseños simples suele llevar la mayor experiencia. Porque necesitas poder seleccionar los componentes más importantes. Y también tienen muy buen sentido de lo grandes que deben ser, qué colores deben usar y dónde deben colocarse. Como diseñador, la mayoría de las veces, tendrías mucha información que necesitas para comprimir en tu trabajo. Y depende de ti crear orden y simplicidad organizando las cosas y manteniendo todo claro para tus usuarios o espectadores. 11. Simplicidad (parte 2): Hay una razón por la que marcas internacionales famosas como Apple, Nike y Target tienen logotipos muy simples. A pesar de que no empezaron así de simple, terminaron estando en esta forma más pura que aún podemos reconocerlos. Pero si lo piensas bien, si fuéramos a quitarles más detalles, sería imposible conectarlos con la marca. Entonces, aunque yo fuera a quitar aquí esta pequeña forma, que significa la hoja de la manzana, se vería extraño y tal vez no la reconozcas de inmediato. Si tuviera que cortar esta parte del logotipo de la noche, o tal vez el final de la misma otra vez, se vería extraño y no lo reconozcas de inmediato. O si tuviera que quitar el círculo más pequeño del logotipo de Target, terminaría siendo solo un círculo regular. Entonces otra vez, no podrías reconocerlo. Aquí hay otro logotipo famoso que comenzó siendo mucho más complejo, y a medida que la marca se desarrolló, el logotipo terminó simplificándose cada vez más a la vez que conservaba su estética original. Es una práctica común hoy en día que incluso los elementos dentro de un logotipo puedan usarse por separado, y si aún puedes reconocerlo conectado a la marca, eso significa que tu logo es realmente icónico. Un gran ejemplo es la D del logotipo de Walt Disney, o la Estrella Roja del logotipo de Heineken Y de manera similar a los logotipos, cuando se trata de iconos, también es extremadamente importante mantener las cosas simples. E incluso cuando pensarías que los íconos ya son muy simples o simplificados, todavía se pueden hacer más simples. Entonces este es un ejemplo perfecto de eso, cómo se rediseñaron y simplificaron todos los logotipos de Google rediseñaron y simplificaron Entonces a partir de estos que podemos ver aquí en la parte superior, terminamos viendo estos que son los íconos actuales para los diversos servicios de Google. Si miras estos iconos de cerca, puedes ver que además de que los diseñadores toman de estos pequeños gradientes y sombras de los íconos originales podemos ver casi todos ellos. En la nueva versión, todo está conformado por las formas geométricas más simples, rectángulos y triángulos con esquinas redondeadas Entonces, incluso cuando se trata un ícono más complejo como una cámara, lograron simplificarlo hasta usar solo un cuadrado y un triángulo aquí a la derecha. Una cosa que puede ayudarte a lograr la simplicidad suele ser la consistencia. Y eso es algo que también podemos ver aquí. En el diseño original, todos los iconos tenían algún tipo de indicación de profundidad, pero no eran realmente similares entre sí. Mientras que el ícono del correo solo tenía un sutil indicio de profundidad al tener esta sombra aquí. Entonces ese detalle doblado se siente como si estuviera un poco más arriba que el resto del ícono. El icono del calendario, por ejemplo, tiene mucha más profundidad y movimiento en él en comparación con esto. Nuevamente, el ícono de Google Docs, nuevamente, en comparación con el calendario, se siente mucho más plano en cuanto a las formas que se utilizan. Nuevamente, tenemos bastante variedad aquí desde círculos hasta triángulos y rectángulos, por lo que agregar más consistencia en cuanto a por lo que agregar más consistencia las formas utilizadas y también cuánta profundidad se usa en estos iconos los hizo más simples y también más conectados o hora de diseñar tarjetas de presentación, también es un gran ejercicio tratar de hacerlas lo más simples posible. Y me encanta lo creativa que es esta tarjeta, donde en lugar de tener toda la información mostrada, hay una sola línea de información. Y estas leyendas que nos ayudan a ver cuáles son la información relevante real es para el sitio web, Instagram, correo electrónico, y así sucesivamente y así sucesivamente En lugar de escribir, por ejemplo la Singing Bear Shop en tres ocasiones, sólo fue necesario escribirla una vez. también me encanta esta ilustración minimalista, y siento que incluso sin ella, viendo tenis aquí en la parte inferior, mayoría de nosotros podríamos decir que se trata de tenis. O podemos ver una cancha de tenis. Y si lo piensas, se logra usando solo un par de formas simples. Entonces tenemos la pelota, un círculo, tenemos su sombra y elipse, y luego tenemos estas dos líneas blancas, una yendo diagonalmente y la otra subiendo por esa dirección Y por supuesto, tenemos dos colores diferentes utilizados aquí que representan el tono real y el área a su alrededor. Así que de nuevo, no creo que puedas quitar más detalle sin que sea imposible reconocer lo que estamos viendo. Por último, solo dos ejemplos de una compañía que es famosa por su aplicación de la simplicidad en la obra Apple. Aquí podemos ver la tarjeta Apple, por ejemplo, que una vez más tiene realmente solo la información más necesaria sobre ella y nada más. Incluso este banner que está promocionando esta tarjeta no puede ser más sencillo que este teniendo el nombre y el icono del producto aquí en la parte superior. Después la Descripción y luego la llamada a Opciones de Acción debajo de ella. La tarjeta se muestra en un fondo blanco puro, y solo una sombra sutil indica profundidad, lo que la hace más atractiva y tangible. Y por último, echa un vistazo a estos tres carteles aquí en la parte superior. Nuevamente, estos representan historias bastante complejas. Tenemos las dos películas, Truman Show e Interstellar, y el conocido cuento de hadas, El pequeño código de escritura rojo a la derecha Y aunque las historias tienen mucha más complejidad para ellas, estos diseños minimalistas simplificados aún pueden enfatizar la información más importante sobre ellos. Todos estos diseños utilizan mucho espacio negativo, lo que realmente hace que los detalles importantes resalten o destaquen, como la cámara, la nave espacial y la pared Recuerda, menos es más. Siempre trata de simplificar tu trabajo tanto como puedas hasta que no queden detalles innecesarios. 12. Simetría (parte 1): 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 se pueden 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. En primer lugar, ¿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 es casi perfectamente simétrico. A 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. 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, lo puedes ver, esa es una imagen reflejada perfecta, los pulgares reunidos en el medio y todos los demás dígitos reflejados a los Y verías la misma simetría refleccional en casi todos los organismos vivos, incluidos los animales y Solo piensa en á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 Lo que no quiere decir que ya no va a ser estéticamente agradable. Por el contrario, puede llegar a ser más interesante y único. Ahora bien, es importante que la 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. 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 cartel hada pastorera 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éndose simétrica, pesar de que 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 misma cantidad de texto en la parte inferior y en la parte superior. 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 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íjate como el rostro no es perfectamente simétrico. Al igual que 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. 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 en realidad 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 juega un alineado a la derecha. Y ver incluso cosas sutiles como esta persona mirando hacia la izquierda puede equilibrar el hecho de que tenemos el texto colocado aquí a la derecha. Y la razón de ello es, de nuevo, 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 del Titanic, aunque la parte inferior del cartel es muy simétrica, las caras aquí en la parte superior no están en simetría Tenemos a Kate Winslet mirando hacia la derecha y Leonardo Dicaprio Incluso en esta portada de libro, que se siente como nosotros, es perfecta simetría. Si prestas mucha atención a algunos detalles, especialmente alrededor de esta zona aquí, notarás que en realidad hay algunas imperfecciones para lograr la reflexión o la simetría No siempre hay que usar exactamente lo mismo en ambos lados. También puedes simplemente confiar en objetos similares. Y este cartel lo muestra sumamente 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, a 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 podrás colocar fácilmente un centro de simetría en el medio. Además de establecer un equilibrio como este, también le gusta usar la regla de Odds, donde tienes al sujeto en medio acompañado o enmarcado por otros dos sujetos en los lados. 13. Simetría (parte 2): 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, formando esencialmente un patrón que se basa en formando esencialmente un patrón la repetición y Pero por ejemplo, este cartel utiliza tanto simetría refleccional, por lo que podríamos 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 reflejados están En cambio, están ligeramente desplazados el uno del otro. En este caso, la simetría refleccional de deslizamiento se utiliza en las manos A pesar de que son simétricos, no están alineados entre sí de ninguna manera. Esta particular composición combina también profundidad y ritmo muy bien. Podemos ver que esa línea amarilla curvilínea se entrelaza con las manos A veces está detrás de la mano, a veces viene frente a ella. Y el ritmo se crea tener este efecto superpuesto, Alternando una vez que está atrás, próxima vez que 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. hay uno, otro aquí mismo, otro aquí, nuevo 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, como en este caso, podemos tener el punto central colocado aquí, todo el camino en el borde izquierdo del cuadro. Aunque esté en la línea central de la composición, se puede colocar más abajo, no en el centro exacto, verticalmente. Al igual que con las otras formas de simetría. No es necesario utilizar la radiosimetría de una manera perfecta, aunque en algunos casos, como con este patrón, se usa de manera que todos los elementos se repitan perfectamente y alrededor del centro Pero se pueden ver grandes ejemplos como este póster, donde claramente los detalles no son idénticos. A pesar de que la radiosimetría no es perfecta, seguimos sintiendo que todo está muy bien equilibrado en 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. 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 Caída en el Amor. Todos sabemos que cuando estamos enamorados, no pensamos bien y las cosas pueden ponerse un poco caóticas Entonces el uso de la asimetría para este tema funciona muy bien, 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 la hayas visto 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 desbalanceado 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. Y 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 donde 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 logo de Google no está usando un círculo perfecto, por lo que puedes ver esa diferencia ahí en el lado derecho. Estas sutiles imperfecciones en la simetría o una forma siempre pueden hacer que las cosas sean un poco más intrigantes 14. Experiencias pasadas: La experiencia pasada, también conocida como isomorfismo, es probablemente la más subjetiva de todos los principios de estilo invitado Se basa puramente en el conocimiento y el interés de un individuo. Y suele funcionar bien cuando estás exhibiendo algo icónico o famoso, como el retrato de Bengog, las papas fritas de Mcdonald's, o el semáforo, que es lo mismo en todo el mundo De manera similar a los otros principios, experiencia pasada también es una herramienta con la que puedes hacer tus espectadores trabajen un poco más duro para entender lo que están viendo. De nuevo, es como un pequeño reto que les pones. Como en el caso del cartel de jazz aquí, en lugar de mostrar un instrumento, solo estamos viendo un par de calcetines secándose en un radiador. Pero por la forma en que están dispuestos y principalmente por los espacios entre ellos, y por supuesto también el hecho de que todos sean negros sobre un radiador blanco nos ayuda a asociarnos. Nos recuerda al teclado de un piano. Aquí hay otro cartel brillante donde se utilizan las lápidas para representar la muerte Y a pesar de que es una costumbre y símbolo cristianos, todavía sería reconocida en todo el mundo, incluso en países no cristianos. Y ver estas perfectas filas de cruces por todas partes nos hace mirar de inmediato el espacio vacío aquí, que es por supuesto, el punto focal de toda la composición, diciendo que es la zona para no fumadores. Este texto, por cierto, también está utilizando la regla de la tercera colocación. Y también está en la línea central visual, que siempre es un poco más alta que la línea central física cuando se divide una imagen a una mitad superior e inferior. Estamos discutiendo estas reglas mucho más detalle cuando llegamos al tema de composición. También me encanta la sencillez de este cartel sobre el cáncer de mama, que muestra el detalle suficiente de estas dos letras para que lo reconozcamos. Pero al tenerlos ocultos de la mano, en realidad podemos leer esto también como Beat cancer. Ahora tal vez te estés preguntando, ¿qué tiene que ver este diseño con la experiencia pasada? Y si lo piensas bien, cáncer de mama es uno de los temas más discutidos. Y hay muchas campañas para crear conciencia porque es algo que realmente se puede evitar si la gente se está haciendo un autoexamen regular. Entonces, el hecho de que escuchemos sobre el cáncer de mama a menudo nos ayuda a leer esto, incluso cuando esas dos letras están casi completamente ocultas. También me encantan estos dos ejemplos de diseño. Nuevamente, refiriéndose a la comida rápida o en particular a Mcdonald's, donde se utiliza la copia corporal real y la tipografía como parte integral de las ilustraciones En el texto, vemos el texto utilizado para formar una hamburguesa, la lata de refresco, y también el ponerse al día. Mientras que aquí a la derecha, se usa como las piezas individuales de las papas fritas, simplemente aplicando un color diferente a la copia corporal. Así que recuerda que puedes crear diseños muy inteligentes confiando en la experiencia pasada de tus espectadores. Pero hay que tener cuidado para usar artículos u objetos que son ampliamente conocidos o comprendidos, incluso cuando se simplifican oscurecidos o incluso simplemente se refieren 15. Similitud: La similitud es otro principio de estilo invitado, lo que significa que conectamos instintivamente objetos o elementos con atributos similares y los consideramos como parte del mismo grupo Este principio se puede aplicar a cualquier cosa, pero funciona muy bien en sitios web donde tienes muchos productos diferentes que tal vez quieras que tus usuarios comparen entre sí. Y una vez más, Apple hace un trabajo brillante al hacer eso. Nuevamente, manteniendo las cosas lo más simples posible y asegurándose de que pueda ver no solo las similitudes, sino también detectar las diferencias fácilmente entre los productos. Entonces entre estos tres modelos de Macbook, la principal diferencia, por supuesto, es el tamaño. Y al tenerlos colocados perfectamente uno al lado del otro, podemos ver muy rápidamente las diferencias en los tamaños de pantalla. Pero también podemos detectar diferencias sutiles como que los biseles sean más grandes aquí, la muesca para la webcam, más notorios en estos dos modelos Y también la base del Macbook. Ligeramente diferente en los modelos más grandes en comparación con el más pequeño. Entonces esta página, por ejemplo, no funcionaría tan bien si tuviéramos que alinear estos Macbooks en su punto central vertical Eso significaría que el punto inferior de cada uno de ellos estaría ligeramente desplazado y sería mucho más difícil ver las diferencias en los tamaños de pantalla. La similitud se puede lograr con muchas cosas diferentes. Por ejemplo, en este póster, solo teníamos que mantener el texto usando el mismo tipo de letra y el mismo color Y a pesar de que las letras están completamente dispersas por todo el cartel e incluso se estiran y redimensionan en todo tipo de diversas formas, aún podemos conectarlas y leer estos textos con bastante rapidez y facilidad. Hay que volver a tener cuidado de cómo se usa la similitud. Si haces las cosas demasiado obviamente similares, podría ser un poco demasiado aburrido y estático. Si bien si introduce un poco de variedad o diferencias sin dejar de asegurarse de que las personas puedan conectar esos detalles entre sí, puede lograr un diseño que sea más dinámico y atractivo. Hay otro término que vale la pena recordar cuando se habla de similitud. Se llama invarianza, lo que significa que reconocemos formas similares o familiares a pesar de la varianza en su color, tamaño e incluso rotación Este cartel lo demuestra muy bien. Que a pesar de que estamos viendo aviones apilados uno encima del otro, también podemos ver muy rápidamente el árbol de Navidad aquí, gracias a esas pequeñas luces brillantes al final de cada una de las alas Al igual que con todos los demás principios de estilo invitado, romper la similitud también puede ser una buena manera de llamar la atención sobre cierto detalle. Y normalmente esto es lo que llamamos una anomalía en este elemento similar, o un elemento que se destaque del resto del entorno Por lo que es una gran manera de crear un punto focal como este con la flecha roja apuntando en dirección opuesta. invarianza es una habilidad importante que casi todo el mundo tiene, y usted como diseñador gráfico puede confiar en ella para asegurarse de que las personas reconozcan objetos o personajes, incluso cuando realmente se simplifiquen en una versión minimalista, como lo que podemos ver aquí con estos iconos Solo necesitas dibujar unas pocas líneas en el orden y proporciones correctas para poder crear algo como un gato, un caniche, o una flor, un pincel, o incluso una piña De manera similar a cómo el artista de caricatura tiene que detectar y exagerar las características destacadas y únicas de las personas para crear ilustraciones convincentes y divertidas Tú como diseñador gráfico o ilustrador también debes aprender a reconocer esos detalles más importantes que aún pueden ayudar a las personas a reconocer lo que estás mostrando. A veces esto puede ser difícil de lograr, especialmente cuando tienes mucha información que tienes que comprimir en tu composición. Como tomar este ejemplo del mapa del zoológico de Los Ángeles. Además de todas las ilustraciones de los animales, también hay muchos signos importantes aquí, incluyendo las áreas de refrigerio y también aspectos botánicos destacados Pero la similitud, nuevamente, ayuda a conectar estos entre sí porque todas las áreas de refrigerio se indican con cuadrados rojos y todos los reflejos botánicos con hojas verdes Es muy rápido y fácil para nosotros localizarlos dentro del mapa, pesar de que tiene muchos detalles e información adicionales. Normalmente, querrías que tus diseños destaquen y capten la atención de tus espectadores. Sin embargo, a veces puede ser más efectivo o más fácil para tus usuarios si confías en plantillas o layouts bien conocidos, que definitivamente es el caso a la hora crear cuentas e iniciar sesión en diferentes servicios. Entonces, a estas alturas, en casi todas partes encontrarías diferentes formas de iniciar sesión, ya sea usando las redes sociales o algunas otras cuentas como Google o Apple. Además de escribir manualmente tu correo electrónico y contraseña, y casi todo el tiempo, tendrías que recordarme y olvidar tus contraseñas colocadas aquí en la parte inferior izquierda y el botón de inicio de sesión real en la parte inferior derecha. Entonces aquí puedes ver las opciones de inicio de sesión para tres sitios completamente diferentes. Y se puede ver la similitud tanto en la colocación de las opciones, el dimensionamiento de las mismas, e incluso la alineación. La similitud se puede usar en un nivel micro, es decir, dentro de tu diseño, pero también se puede usar a nivel macro, lo que significa que estás creando algo similar a otros diseños que la gente está acostumbrada a usar. Incluso cuando se trata de los logotipos de marcas de moda famosas, hay una razón por la que algunas de ellas se ven tan similares entre sí. Lo más probable es que estén compitiendo entre sí y también tratando de lograr el mismo tipo de estética. Por lo general, querrás que el texto en tu logotipo sea muy claro y legible. Y si le dijeras a tu cliente que estás planeando cubrir hasta el 50% del tipo en su logotipo, probablemente pensarían que estás loco. Pero eso es exactamente lo que pasó con el logo de IBM. Y a pesar de que tenemos estos vacíos vacíos vacíos dentro del texto, todavía podemos leerlo fácilmente gracias al otro principio de estilo invitado del que ya hablamos , que es el cierre. Pero también el hecho de que todas estas líneas que todavía podemos ver son similares entre sí, no sólo en su color sino también en su grosor. E incluso esos huecos o espacios que se agregaron son exactamente del mismo tamaño, por lo que incluso hay un ritmo y repetición dentro de este patrón de líneas. Cuanto más hablemos de los principios de estilo invitado, y cuanto más entiendas sobre ellos, más los verás conectados en cada diseño. Así que un diseño exitoso casi nunca se basa en un solo principio. Combinaría muchos de ellos y los haría trabajar juntos para crear algo único y atractivo. 16. Conectividad uniforme: La conectividad uniforme es otro principio de inicio de invitado que puede ayudarte a emparejar objetos entre sí Pero aquí, en lugar de confiar en la similitud en la apariencia visual, usas líneas, flechas u otras formas para conectar ciertos elementos entre sí. Estos dispositivos de conexión pueden ayudar a los espectadores a conectar la información a ciertos detalles dentro de una composición, incluso cuando es bastante compleja e incluso cuando los dos detalles conectados se colocan lejos uno del otro. diagramas de flujo, por ejemplo, no funcionarían sin el uso de una conectividad uniforme Y lo mismo se aplica a las infografías aquí. Por ejemplo, además de la línea que muestra la línea de tiempo para la historia de la comunicación, también están estas flechas más pequeñas para conectar la información relevante a cada uno de los puntos de la línea de tiempo. Las líneas de conexión no siempre tienen que apuntar a detalles específicos y resaltar características importantes dentro de una foto o ilustración. También se pueden usar solo para agrupar información. Como en el caso de este cartel donde después de describir algo, esta línea nos ayuda a volver a la pareja. Y luego otra línea nos lleva a la siguiente información. Estas líneas sirven como vías visuales dentro del diseño. Y lo mismo se aplica a este diseño de cartelera, donde un simple mensaje, una sola oración se divide en cuatro partes diferentes conectadas por puntos y líneas, destacando lo importante que es obtener una guía para saltarse las señales, pero aún así poder ver todos los hitos importantes Esta maquetación utiliza una composición similar donde nuevamente, tenemos el título dividido en tres palabras separadas completamente dispersas en este pliego. Y las líneas simplificadas y curvilíneas del estatoscopio es lo único que las conecta entre sí y ayuda al lector a poder leer este título También me encanta en este ejemplo en particular que el dispositivo que utilizó para crear esta conectividad también se esté entrelazando con Entonces podemos ver un uso muy sutil de la profundidad. El V, por ejemplo, esconde un poco detrás de esa línea negra aquí, mientras que la E ya está frente a ella. Nuevamente, el ir detrás de la línea negra, mientras que la U está frente a ella. E incluso hay consistencia en cómo se recortan ligeramente las tres palabras Entonces tenemos la mitad de la T que falta aquí, mitad de la H que falta a la derecha, y también la mitad de la que falta aquí. Entonces en este caso, además de la conectividad uniforme, también hay similitud utilizada para asegurarnos de que podamos emparejar estas tres palabras entre sí Comparten el mismo tipo de fase, pero también tienen la profundidad sutil o efecto entrelazado con la ilustración Y también están todos ligeramente recortados en sus extremos. Una vez más, la conectividad uniforme no funcionaría tan bien como cuando se combina con los otros principios de estilo invitado que ya cubrimos 17. Regiones comunes: La región común es otro principio bastante obvio de invitado que establece que los elementos se perciben como parte del mismo grupo si se colocan en la misma región cerrada. Tu tarea como diseñador es poder crear estas regiones de manera creativa, ya sea usando marcos, ya sea usando marcos, diferentes colores de fondo para cada sección, o simplemente líneas simples para la división. En este tablero, puedes ver un par de ejemplos tradicionales, pero también algunos únicos y creativos. Entonces, por ejemplo, aquí hay un layout donde tenemos estas líneas dividiendo las diferentes historias. Y además de esas delgadas líneas divisorias, lo que también ayuda a los espectadores a reconocer por dónde comienza cada una de las historias son los puntos de entrada aquí se indican con estos números, que aquí se indican con estos números, que gracias a su similitud, llevarán inmediatamente al espectador de un punto a otro. No siempre es necesario usar dispositivos como líneas o marcos para crear estas regiones comunes. A veces simplemente es suficiente para usar algún espacio amplio o brechas. Al igual que aquí con esta página de una guía, no necesitamos ver líneas de división individuales entre cada uno de estos componentes debido a la brecha entre las imágenes y el texto ya las agrupa entre sí y facilita el reconocimiento de esas regiones comunes Y la única vez que se usa una línea es cuando es importante asegurarnos de que podemos separar la categoría de comida y bebida del resto. Y categoría, como siempre menos es más. Y un solo uso de una línea es mucho más efectivo que crear una malla o cuadrícula que sería completamente innecesaria en este diseño, pesar de que tenemos un par de líneas de división entre las columnas. La principal herramienta que se utiliza para crear estas regiones comunes son los diferentes colores de fondo. Y nuevamente, la razón por la que este diseño se siente elegante y sin esfuerzo es porque en lugar de introducir bordes fuertes entre estas dos regiones, o patrones decorativos como líneas onduladas o zigzags o tal vez incluso un ángulo en esta línea de división, ya funciona maravillosamente es cuando se trata de diseño de interfaz de usuario También es importante poder crear estas regiones comunes, agrupar todas las funciones o características importantes juntas. Pero nuevamente, es importante que los dispositivos o detalles que utilizó para crear estas regiones siempre sean secundarios y realmente desmayados en el fondo, asegurándose de que no estén sobrepasando las características reales que necesitan destacar Aquí puedes ver, por ejemplo, cuán sutiles son estas líneas de división. No sólo son delgadas, sino que son muy tenues, casi del mismo color que el color de fondo circundante El área central aquí también es un poco más oscura que las otras regiones que la rodean. Se sentiría demasiado sobrecogedor si introdujéramos un color de fondo más fuerte Por ejemplo, usando el color del logo aquí en este fondo, te imaginas que sería demasiado intenso y crearía demasiado contraste con el resto de la composición. contrastes más fuertes en los detalles de fondo se usan solo en elementos más pequeños e importantes como estos Y por último pero no menos importante, como mencioné, puedes ser muy creativo en la forma en que creas regiones comunes. Al igual que con este ejemplo de Apple, los propios Macbooks son los dispositivos que se utilizan para separar las regiones Por lo que la información aquí en el lado izquierdo y en el lado derecho claramente no están conectadas entre sí, sino conectadas a esos dispositivos al lado de ellos. Y claro, también ayuda que tengan una alineación diferente. Si bien este texto aquí está alineado a la izquierda, el otro está alineado a la derecha. E incluso cosas simples como la alineación del texto pueden ayudar a conectar realmente con el detalle correcto dentro de una composición. La alineación, por supuesto, es otro gran tema que estaremos cubriendo mucho más detalle una vez que empecemos a hablar del espacio. 18. Proximidad: La proximidad es otro principio de inicio de invitado que establece que percibimos que los objetos que están más cerca unos de otros están más relacionados que los elementos u objetos que están más separados. Esto es similar a las regiones comunes, pero aquí en lugar de usar dispositivos como marcos o líneas, simplemente agrupa las cosas simplemente colocándolas cerca unas de otras. Este es un principio muy importante que debes aplicar tanto en el diseño impreso como en el diseño web para crear jerarquía y guiar a tus espectadores a través de tu diseño en el orden deseado. A pesar de que, de nuevo, suena como algo bastante obvio que hacer, en realidad es un tema grande y hay mucho más en él. Y creo que tiene más sentido hablar de ello en contexto del espacio y de cómo usamos el espacio en nuestros diseños, que es otro gran tema en este curso. Entonces, si deseas conocer este principio de estilo invitado en este momento, siéntete libre de saltar al capítulo llamado espacio. Y una vez que hayas terminado, podrás regresar y continuar con el resto de este capítulo. La proximidad es otro principio de inicio de invitado que establece que percibimos que los objetos que están más cerca unos de otros están más relacionados que los elementos u objetos que están más separados. Entonces esto es similar a las regiones comunes, pero aquí en lugar de usar dispositivos como marcos o líneas, simplemente agrupas las cosas simplemente colocándolas cerca unas de otras. Este es un principio muy importante que debes aplicar tanto en el diseño impreso como en el diseño web para crear jerarquía y guiar a tus espectadores a través de tu diseño en el orden deseado. Y a pesar de que, de nuevo, suena como algo bastante obvio que hacer, en realidad es un tema grande y hay mucho más en él. Y creo que tiene más sentido hablar de ello en contexto del espacio y de cómo usamos el espacio en nuestros diseños, que es otro gran tema en esta serie de teoría del diseño gráfico. Entonces, si estás interesado en aprender más al respecto, asegúrate de revisar esa. De manera similar a los otros principios de estilo invitado que cubrimos en este curso, voy a entrar en gran detalle analizando todos los ejemplos que puedes ver en este tablero, pero también me escucharás referirme a él en algunos de los próximos videos. Y por supuesto, podrás acceder a este tablero para echar un buen vistazo a estos ejemplos en tu propio tiempo. 19. 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 Miller Not Boards 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. Envianos un correo electrónico a Info at Sm Designer.com y nos pondremos en contacto contigo 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.