Teoría del diseño gráfico: unidad y armonía

1. Introducción: De todos los términos comúnmente utilizados en el contexto del diseño gráfico, unidad y la armonía son probablemente los más ambiguos. Hay muchas maneras de unificar elementos en un diseño para crear composiciones agradables y lograr consistencia En este curso, aprenderemos las técnicas más utilizadas como la repetición, el ritmo visual, la variedad, el encuadre, los patrones de agrupación, y mucho más 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 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. Unidad y armonía: Es esencial lograr la unidad y armonía dentro de sus diseños para crear composiciones y diseños agradables. Estos dos términos suenan muy similares, y casi pueden considerarse como sinónimos el uno del otro. Sin embargo, existe una sutil diferencia entre sus significados. La forma en que me gusta pensar de ellos es que logramos la unidad aplicando todos los principios del diseño. Y la armonía es algo que logramos encima de la unidad afinando esos principios y decidiendo cuánto o con qué intensidad los aplicamos a nuestro diseño. Entonces, si lo miras de esta manera, puedes lograr la unidad sin armonía. Pero no se puede lograr la armonía sin la unidad. Pero, ¿cuáles son los principios que realmente necesitamos para lograr la unidad? Bueno, puedes pensar en prácticamente todos los invitados todos los principios y ellos te estarán ayudando a crear unidad. Una obvia es la similitud y la continuidad. Por ejemplo, con estas tres portadas diferentes para estos cuadernillos, podemos ver de inmediato que existe algún tipo de conexión o unidad entre ellas gracias a los elementos que se repiten Entonces tenemos la tipografía colocada en la misma posición con el mismo formato y tamaño A pesar de que los colores de estas líneas gruesas están cambiando entre los tres cuadernillos, hay un color que se repite, que es este gris, que podemos ver en todos ellos. Pero además de eso, estos ángulos de 45 grados también son los mismos en todas las tres composiciones. E incluso el grosor de estas líneas es el mismo en todas ellas. Al tenerlos dispuestos uno al lado del otro, también casi parece que estas líneas se pueden continuar de una portada a otra. En el caso de una serie como esta, quiere lograr esa unidad no sólo dentro del diseño, sino también entre las diferentes versiones de portadas. Mientras que al mismo tiempo, también quieres asegurarte de que haya suficiente diferencia entre ellos que se pueda lograr incluyendo algún tipo de contraste. Ahora bien, el contraste es definitivamente algo con lo que se puede interrumpir la armonía en el diseño, pero el uso inteligente del contraste en realidad puede enfatizar la unidad. Aquí hay otra serie de composiciones de la increíble artista llamada Magda Lopez Y podemos ver en su obra que utiliza muchas formas diferentes de perturbar la armonía en cada una de estas composiciones Ya sea cortando, retrata aparte o cubriendo caras con cuadrados Pero incluso cuando se introducen estos detalles disruptivos, siempre se conectan con la composición general Por ejemplo, aquí, estos gradientes funcionan perfectamente bien con los gradientes utilizados en el fondo y también con los gradientes utilizados en el Incluso detalles disruptivos como estos pueden ayudar a crear unidad y armonía Pero al ver un par de ejemplos de este proyecto uno al lado del otro, también podemos ver que toda la serie tiene algún tipo de armonía. Así que incluso las composiciones individuales tienen similitudes entre ellas. Y eso ayuda a establecer un resultado agradable cuando todos están dispuestos uno al lado del otro. Así, para las redes sociales basadas en imágenes como Instagram, también es importante tener armonía entre las distintas publicaciones. Y la armonía aquí, de nuevo, se basará en primer lugar en los principios de diseño que se utilizan y también en elementos recurrentes o colores, formas e incluso tratamientos de imágenes. La repetición y la consistencia son dos grandes temas que vamos a estar cubriendo mucho más en los próximos videos. Pero también hay un par de métodos interesantes que puedes evitar crear resultados aburridos incluso cuando solo estás creando una sola composición o una serie de composiciones como estas. Pero si constantemente estás repitiendo o re, usando los mismos elementos y el mismo tipo de composición, eso puede llegar a ser aburrido fácilmente. También es importante usar cosas como el ritmo y la variedad. Nuevamente, cosas que estaremos cubriendo mucho más detalle en los próximos videos. Al mirar este feed de Instagram, podemos ver, por ejemplo, que el color de fondo o el color dominante en cada una de estas publicaciones hay, aunque hay una paleta de colores en particular que se está utilizando, no verías el fondo amarillo usado en dos publicaciones una al lado de la otra. Está aquí en la parte superior. Entonces el siguiente está aquí abajo. Y luego otra vez, parece ser el color dominante ahí abajo. Lo mismo ocurre con este fondo morado. Podemos ver un ejemplo aquí, otro allá, y podemos decir que tal vez también es dominante en éste. Y lo mismo ocurre con este fondo turquesa. Tenemos uno aquí, otro aquí arriba, y otro allá abajo. La similitud entre estos ayuda a crear unidad, pero el ritmo y la variedad aplicados hacen que todo el feed sea más dinámico e interesante de mirar. Así que no lo olvides, crear armonía no se trata solo de agregar estructura a tu diseño. Es más sofisticado que eso. Por ejemplo, se puede crear una composición armoniosa mediante uso de asimetría o la falta de simetría, como en esta serie de carteles sobre diseño de experiencia de usuario donde ninguno de ellos tiene una línea de simetría central Y la mayoría de las veces tendríamos un artículo mucho más grande colocado en un lado y uno más pequeño en el otro lado. Entonces estos dos todavía se están equilibrando entre sí o crean un equilibrio visual en la composición. Y la unidad se logra usando una cuadrícula dentro del diseño y teniendo las cosas alineadas entre sí. Pero también la consistencia y repetición de colores y formas entre todos estos carteles de la serie. A la hora de lograr la unidad con la ilustración, por lo general se reduce al estilo. Entonces, si hay un estilo distinto y muy reconocible aplicado a todos los detalles dentro de una ilustración, se sentiría que está en armonía y todo está conectado o unido Aquí tenemos un par de grandes ejemplos, como esta portada de libro de cocina, donde todos los diferentes objetos se ilustran en ese estilo distinto con bordes afilados y proporciones ligeramente torcidas Lo mismo ocurre con la ilustración sesgada de verduras y frutas, donde una vez más, pesar de que las formas son variadas y hay muchos colores diferentes, el estilo de los dibujos es el mismo Y también hay unidad creada con detalles repetidos o recurrentes como los ojos y las bocas sonrientes hora de crear un conjunto de iconos para imprimir o un proyecto También es por supuesto, muy importante crear unidad porque quieres asegurarte de que se sientan parte de la misma serie. Y esto se puede lograr una vez más asegurándose de que haya consistencia en el peso de la línea, los colores, y también los radios utilizados en las esquinas redondeadas Incluso una página de un periódico puede volver a sentirse unida o armoniosa al reutilizar o repetir ciertos atributos o detalles Aquí podemos ver que el color verde se usa en combinación con el negro a lo largo de toda la página. Y a pesar de que se trata de artículos independientes, todo el diseño se siente conectado y unificado. Y otra área del diseño gráfico donde la unidad y la armonía son extremadamente importantes es el branding donde el logotipo de la empresa y todos los demás activos de la marca, como el color y los tipos de letra que se seleccionaron, tienen que ser utilizados consistentemente donde quiera que aparezca la marca para asegurarnos de que la gente pueda reconocerla, ahora que sabemos lo importante que es lograr la unidad y la armonía en nuestros diseños. En los próximos videos, cubriremos ciertos métodos y técnicas que pueden ayudarnos a lograrlos. 3. Repetición: La repetición es una forma muy sencilla de aportar unidad a tus diseños, porque cuando repitas los mismos elementos una y otra vez, obviamente se sentirán conectados entre sí. Pero claro, hay mucho más allá la unidad que puedes lograr usando la repetición. También puede agregar énfasis a los elementos repetidos en su composición, manera similar a las palabras repetidas en la escritura y el habla. Un gran ejemplo de esto es este póster de Joker, que casi se siente como carteles que se colocaron uno encima del otro y se desgarraron Y el detalle clave es esa sonrisa grande y extraña que sigue apareciendo una y otra vez, ligeramente desplazada cada vez Aquí los elementos repetidos son ligeramente caóticos. Y eso funciona muy bien para este tema o el póster que representa el estado mental del personaje principal de la película. Si bien en este diseño, hay un uso muy estricto de la cuadrícula para los elementos repetidos lo cual fue necesario para llamar la atención sobre esa sutil transición que ocurre aquí en la parte inferior donde la letra comienza a girar, que finalmente se convierte en el logo Nescafé, siendo esa la primera La pequeña línea de etiqueta aquí en la parte inferior dice, nada te despierta como Nescafé Entonces, el objetivo de este cartel es mostrar el tiempo que pasas durmiendo y cómo una taza de café te ayudará a despertar. Se puede ver que la repetición es un gran método para llamar la atención de la gente porque al principio, es inusual ver un detalle repetido tantas veces que casi parece un error. Pero entonces también tenemos curiosidad por detectar cualquier diferencia y averiguar por qué se introdujeron. Interrumpir algo que se ha repetido muchas veces puede crear un énfasis y un punto focal muy fuertes Este Edward es también un ejemplo perfecto de eso, donde tenemos aquí un pequeño artículo que casi se pierde entre este patrón de círculos rojos. Y a pesar de que esta bola es del mismo tamaño que los otros círculos, e incluso del mismo color por esa sutil sombra paralela sobre ella. Y claro que esa línea blanca que cruza sobre ella todavía permite separarla del resto de las instancias repetidas. Al esconderte y solo marcar una sutil diferencia entre todas las instancias repetidas, puedes, nuevamente, crear un pequeño desafío visual o juego para los espectadores, y eso siempre ayuda a que tus diseños sean más atractivos. Aquí hay otro resaltador muy inteligente, el anuncio. Es la aguja en el pajar, así que tenemos, de nuevo, repetición de la palabra heno, y se resalta la palabra aguja, creando ese punto focal fuerte En este ejemplo, la tipografía se utiliza casi como una textura. Entonces tenemos este gran bloque de texto que en realidad no tenemos que leer. Es suficiente si leemos una de las palabras e inmediatamente podemos ver que es lo mismo en todo momento, gracias a que todo está perfectamente alineado aparte de, por supuesto, esa sola palabra ahí, que es todo el mensaje o punto de este anuncio Aquí hay otro ejemplo de la repetición de la tipografía, donde una vez más, aunque podamos leerla, también sirve de telón de fondo para este modelo Crear este rectángulo sólido y enfatizar que esta colección es para repetición de primavera también puede ser una gran herramienta cuando quieres mostrar o representar el progreso en tu diseño. Como en este ejemplo, donde podemos ver una persona que tiene sobrepeso u obesidad y otra persona en la parte inferior que está muy en forma y atlética. Y es el uso inteligente de esa postura la que primero se parece más a una y luego eventualmente la transición hacia algo más parecido a una de la grasa a la forma. Lo mismo se logra en este diseño, donde las letras están formando las escaleras a partir de la escena icónica de la película Rocky. Y aunque sólo estamos viendo este punto particular del tiempo cuando está llegando a esta tercera letra en nuestra mente, ya podemos ver de inmediato la dirección y el movimiento y todo el cartel se vuelve muy dinámico. Otro interesante ejemplo de repetición, donde se utiliza la misma silueta de una cabeza femenina en diferentes colores sobre puesta una encima de la otra para crear un telón de fondo o contenedor para los principales elementos tipográficos en esta disposición Y la repetición suele funcionar muy bien en combinación con el ritmo. El ritmo en este caso se establece alternando entre el texto grande y el texto más pequeño. Entonces, una vez más, texto grande y luego textos más pequeños, y una vez más, el texto más grande en la parte inferior. Y ni siquiera necesitas más ida y vuelta que solo estas pocas veces para establecer ya ese ritmo visual en tu composición. Este es otro tema que cubriremos mucho más detalle en uno de los próximos videos. 4. Consistencia: Aunque la consistencia suena y se siente similar a la repetición, sigue siendo ligeramente diferente y tiene un significado diferente en el diseño gráfico. Como hemos visto en el video anterior, repetición consiste en replicar y crear múltiples instancias de los mismos elementos en nuestra composición Nuestra consistencia consiste más en reutilizar el mismo tipo de cara, el mismo color, o incluso el mismo tratamiento en las imágenes a lo largo de nuestro diseño para lograr la unidad Y la consistencia se vuelve mucho más importante una vez que tu trabajo comienza a crecer de tamaño. Entonces, por ejemplo, en una revista, querrías tener consistencia en donde se colocan los números de página y todos los detalles en los pies de página y encabezados también deben ser consistentes Pero lo mismo se aplica a los libros en los que esperarían los mismos márgenes utilizados y por supuesto el mismo tipo de cara también para la copia corporal y los títulos de encabezamientos y capítulos Sin consistencia, no reconoceríamos nuestras portadas de revistas favoritas en el quiosco de periódicos. Y aquí podemos ver dos brillantes ejemplos de la revista Dazed y Red, demostrando que usan la cabecera consistentemente aunque el color cambie El hecho de que sea del mismo tipo de cara y del mismo tamaño, y también esté en la misma posición, establece la consistencia necesaria. En el caso de la revista Time, no solo es la cabecera la que se utiliza como elemento recurrente para asegurar la consistencia, sino también el icónico marco rojo como mencionamos cuando hablamos de unidad y armonía, que las ilustraciones también se pueden utilizar para crear Por supuesto, es crucial que el estilo de las ilustraciones tenga que ser el mismo. Y es por ello que las revistas contratarían ilustradores para crear todas las ilustraciones necesarias para un artículo específico Al igual que en este ejemplo, podemos ver que no sólo los colores de estas ilustraciones están en armonía y unidad, sino que también estas extrañas y comprimidas poses crean o establecen la consistencia. Cuando se trata de diseño UX, hay ciertos elementos que son consistentes a lo largo de nuestra experiencia, navegar por una aplicación o sitio. Y eso es la mayor parte del tiempo, el menú en la parte inferior y también el menú en la esquina superior derecha o esquina superior izquierda. Pero para asegurar una curva de aprendizaje fluida para los nuevos usuarios de nuestra aplicación, también es útil ser consistentes en dónde colocamos estos elementos comunes dentro de nuestro diseño. Por lo tanto, no solo debemos ser consistentes dentro de nuestro trabajo real, sino incluso consistentes con lo que las expectativas del usuario se basan en su experiencia pasada con otras aplicaciones. Cuando se trata de diseño responsive, también tenemos que asegurar que haya consistencia entre los diferentes tamaños de pantalla. Cuando el espectador revisa el sitio en una computadora, debería verse y sentirse muy similar a lo que vería en un dispositivo móvil. Por lo que aquí podemos ver la versión de escritorio de este sitio y la versión móvil junto a él. Una vez más, como antes, consistencia se logra usando los mismos colores, el mismo tipo de caras, y en este caso, el mismo estilo en imágenes y botones como cabría esperar. La consistencia también es crucial para el empaque, donde si tienes diferentes sabores, por ejemplo, quieres seguir asegurándote de que los usuarios puedan reconocer de inmediato que son parte de la misma marca. E incluso si los colores de estas bebidas son completamente diferentes, gracias a que cada otro elemento es consistente, es fácil reconocerlas como diferentes sabores del mismo producto. La consistencia también jugará un papel crucial en un diseño de presentación exitoso, donde la mayoría de las veces, no querrás sorprender a la audiencia con diapositivas completamente diferentes. Y al reutilizar los mismos colores, tipos de letra e incluso posición para ciertos elementos, estás reduciendo la carga cognitiva en los miembros de la Eso básicamente significa que están a gusto porque ven formas y colores y diseños familiares entre todas las diapositivas de la presentación. Y realmente pueden prestar atención y centrarse en el contenido real de la presentación. Sin consistencia, las marcas no se verían profesionales. Por lo que es crucial también para el diseño de identidad y también para las redes sociales donde se necesita unidad y armonía entre el feed de imágenes. Y una vez más, la consistencia y el uso repetido del mismo tipo, caras , colores y elementos te ayudarán mucho a lograrlo. Y hay otra herramienta que se usa muy comúnmente para garantizar la consistencia en el diseño gráfico, que es usar una cuadrícula. Y se puede ver en este ejemplo de un diseño de revista, incluso desde esta distancia, podemos detectar cosas que están alineadas a la misma posición dentro de la composición. Entonces esta imagen de aquí está en la misma alineación que aquella de allá arriba sobre otra propagación. O una vez más aquí hay otra alineación. Por lo que el texto aquí en esta página o spread también está alineado a la misma posición que en esta página. Y trabajar con cuadrículas en el diseño es un tema enorme y es muy importante Entonces lo estaremos cubriendo con mucho más detalle una vez que lleguemos al tema titulado espacio. 5. Ritmo visual: El ritmo es otro principio que va de la mano con la repetición. Es muy similar, pero en lugar de repetir las cosas de una manera muy ordenada, generalmente cuando usamos el ritmo en el diseño, significa que estamos introduciendo algún tipo de patrón alterno en lugar de simplemente tener una cuadrícula estática de todas las copias del mismo objeto Cuando usamos el ritmo, estamos sugiriendo movimiento y acción en nuestras composiciones. Ritmo es un término que originalmente se suele mencionar cuando hablamos de música. Pero al igual que la comunicación y el habla tienen su propio tempo y ritmo, a veces podemos hablar rápido o a veces podemos reducir la velocidad. Y eso puede ayudar a captar la atención de la gente. Lo mismo que podemos hacer en la comunicación visual. Por lo que el diseño gráfico también puede tener su propio ritmo visual y tempo visual Entonces echemos un vistazo a algunos de estos ejemplos para entender mejor cómo aplicar el ritmo. Y también descubriremos que en realidad hay cinco formas diferentes de usar el ritmo en este video. Aquí hay un increíble póster ilustrado de la película Los siete samuráis Akira Kurasava que se basa en gran medida en Y en este caso específico, es un ritmo regular. Así que aquí hay un par de elementos diferentes utilizados para introducir el ritmo en la composición. En primer lugar, tenemos estos grandes trazos de pincel. Entonces estamos comenzando con un trazo de pincel negro. Después hay un hueco, y luego viene otro trazo de pincel. Ahora incluso hay una sensación de movimiento con pinceladas, y aunque es un poco difícil decir de qué dirección vienen, parece que probablemente el primero iba a decir de qué dirección vienen, parece que probablemente la derecha, luego el siguiente iba a la izquierda, y luego otra vez a la derecha, y luego otra vez a la izquierda otra vez. Como dije, no está del todo claro porque no podemos ver las pinceladas completas. Entonces se recortan en esta composición, pero aún así hay una sensación de direcciones alternas que ya crea un ritmo En lugar de dejar claro u obvio que van todos en la misma dirección, esta aleatoriedad ya crea ese interés visual que se puede introducir usando el ritmo Pero claro, al agregar estas pinceladas y dejar algún hueco entre ellas también se crea ritmo Tenemos detalles oscuros, entonces tenemos estos detalles brillantes o espacio en blanco. Entonces otra vez, tenemos una pincelada. Entonces otra vez, blanco, negro, blanco, negro. Al contrapesar los colores de estos trazos de pincel y el espacio en blanco entre ellos, tenemos los colores opuestos o inversos utilizados en las letras colocadas en el centro de la composición En el trazo de pincel negro tenemos una letra blanca. Entonces en el espacio blanco tenemos una letra negra. Y así sucesivamente y así sucesivamente. Entonces, aunque solo miremos las letras y leemos la palabra samurai, también vemos un ritmo con los colores alternos. Pero lo que realmente une todo y lo que realmente agrega un gran énfasis en el ritmo en esta composición son los personajes samuráis reales y su colocación o alineación dentro de la composición. Empezamos por la izquierda, luego vamos a la derecha, luego retrocedemos otra vez, y así sucesivamente y así sucesivamente. Continuamos con este movimiento en zigzag. Ahora en cuanto a los samurais y al texto en el medio, llamaría a este ritmo irregular, como ya mencioné al principio Pero al mirar los trazos de pincel y los espacios blancos entre ellos, también podríamos llamar a esto un ritmo aleatorio. Porque el tamaño de estos trazos de pincel y el espacio entre ellos es completamente aleatorio, por lo que no se aplica el mismo espacio o grosor. Y creo que eso ayuda a acumular esta tensión dentro de esta composición, que funciona muy bien para el tema de la película. Entonces tenemos tanto ritmo regular, pero también un ritmo aleatorio o ligeramente caótico al mismo tiempo Y aunque pensaríamos que chocarían dos tipos diferentes de ritmos, en este caso funcionan perfectamente bien juntos Este diseño utiliza un tipo similar de ritmo pero basándose únicamente en la tipografía Y aquí, en lugar de tener siete secciones separadas, tenemos diez de ellas, lo que obviamente es un número par. Por lo que el diseñador podría colocar los primeros cinco de estos mandamientos a la izquierda cuando los alineó a la izquierda, mientras que tenía el resto de ellos, 6-10 alineados a la derecha Pero en lugar de crear dos columnas completamente separadas, que podemos imaginar que serían algo así, el diseñador decidió fusionar estas dos y crear esta interesante dinámica utilizando una vez más un ritmo regular. Ahora bien, esto podría ser contraproducente o confuso si tuvieras que leer estos mandamientos en el orden correcto Si hubiera un problema al leer el primero y luego el sexto, entonces no recomendaría usar este diseño. Pero como realmente no importa en qué orden leas estos mandamientos, en realidad funciona perfectamente bien como eres tú ya en qué orden leas estos mandamientos, realidad funciona perfectamente bien como eres tú el espectador puede decidir si quieres leerlos en este orden Entonces, yendo de arriba a abajo, o en realidad seguirías el orden previsto, que sería el número 12345, y luego seguirías por el lado derecho desde el número seis hacia abajo hasta el número diez Lo que ayuda a establecer el ritmo aquí es simplemente la alineación del texto, pero también la sutil diferencia en el color del texto. Observe cómo el texto tanto para los números la copia del cuerpo se establece en negro en el lado izquierdo. Por lo que todos estos están puestos en negro. Si bien estos de aquí a la derecha, tanto los números como la copia del cuerpo se establecen en una tonalidad de gris. Incluso con solo usar el color, hubiera sido suficiente separar estos unos de otros, Pero para hacer más obvio este patrón o ritmo, también tenemos la alineación utilizada, donde tenemos esta sangría en los números del lado derecho comparado con todos los números que tenemos aquí en el lado izquierdo, lo que crea esta estructura separada o grupo aquí en el lado derecho. 6. Ritmo fluido y progresivo: Otro tipo interesante de ritmo que puedes introducir en tus composiciones se llama ritmo fluido. Y para esto también, tenemos un par de ejemplos aquí en la pizarra. Empecemos con esta ilustración en la que tenemos una malla de líneas azules en el fondo la cual es perturbada o deformada por el movimiento de este velero aquí en la parte inferior izquierda En caso de que la línea se mantuviera completamente recta, este sería un ritmo regular. Pero porque ahora están deformados, como mencionamos, esto crea este ritmo que fluye Entonces las líneas ahora se convirtieron en pequeñas olas, y cada una de estas olas es ligeramente diferente entre sí. Entonces nuevamente, no hay una regularidad real en ellos. Por eso llamaría a esto un ritmo fluido. La misma idea también se puede aplicar simplemente mediante el uso de la tipografía Y creo que este es un ejemplo perfecto de ello, donde incluso sin ver ningún rastro o señal de una playa o del mar, todavía podemos imaginar ese hermoso ritmo de las olas que se arrastran a tierra de una playa de arena Además de la flexión rítmica de la tipografía, obviamente también hay un fuerte indicio usando estos colores, el azul del mar y el amarillo de la arena Aquí hay otra composición brillante usando ritmo fluido. Pero creo que llamaría incluso a este ritmo que fluye o distorsión de ritmo aleatorio, o glitching de esta tipografía se utiliza para crear ese ritmo único y dinámico El ritmo que fluye es algo que vemos a menudo en la naturaleza. Como como dije en la playa, pero también en desiertos. Las dunas de arena están formadas y conformadas de una manera que vuelven a crear, este hermoso ritmo que fluye. Se puede replicar no sólo en diseño gráfico sino también en arquitectura, ya que este ejemplo lo demuestra perfectamente Hay otro tipo interesante de ritmo llamado ritmo progresivo, donde cambiamos una característica cada vez que se repite algo. En este caso, en lugar de simplemente tener el mismo texto repetido y otra vez y alinearse perfectamente uno encima del otro, ya tenemos un poco de movimiento hacia adelante si partimos de abajo, así que una ligera sangría cada vez a la derecha Pero lo que lo hace interesante es que a pesar hay una diferencia en donde comienza el texto, la letra B está perfectamente alineada a lo largo de toda la composición. Y lo que cambia entre cada fila es la forma en que la letra S se estira de este lado y aquí. Entonces mientras que aquí en la parte superior empieza a ser más pequeña, pero ya ligeramente estirada. A medida que bajamos, se está estirando más. Mientras vemos que sucede lo contrario a la derecha, donde el estiramiento de la letra E va aumentando a medida que avanzamos hacia arriba. También hay una sutil diferencia en cuanto se estira la letra B en cada fila, Como puedes ver aquí del lado derecho, no es una línea perfectamente recta, pero no es tan notoria como lo que podemos ver en la letra E en ambos lados. Los ritmos progresivos se pueden utilizar para crear algún tipo de acumulación en tu composición, casi como un crescendo en la música donde poco a poco aumentamos la intensidad o un diminuendo, que es otro término usado en la música para lenta y gradualmente Y como estamos hablando de música, vamos a echar un vistazo a este cartel de un festival de jazz. Aquí una vez más tenemos un uso muy interesante del ritmo. Y me pregunto si ya vas a poder decir por tu cuenta qué tipo de ritmo puedes detectar aquí. Si miras la composición como un todo, probablemente elegirás un tipo específico de ritmo, pero también puedes mirar ciertas partes dentro de la composición por sí solo o individualmente. Y en ese caso, también se pueden notar diferentes tipos de ritmos utilizados en diversos lugares Entonces una obvia sería aquí en la parte inferior, donde tenemos el mismo tipo de líneas, las líneas en zigzag, repetidas una vez más. Tenemos los negros y luego los blancos. Puedes llamar a esto un patrón alterno si consideras que son líneas blancas y negras una al lado de la otra. O si lo consideras simplemente líneas negras con espacio en blanco alrededor de ellas. Incluso se le puede llamar un patrón regular. Pero al mirar la composición como un todo, diría que podemos ver un hermoso ejemplo de un ritmo aleatorio en uso. Se logra repitiendo estas formas geométricas, pero no de manera ordenada Y por cierto, estas formas también nos recuerdan a los instrumentos como símbolos. También tenemos una versión abstracta de un teclado, de un piano. E incluso están los botones que normalmente veríamos en un instrumento de viento, como un saxofón o un clarinete aquí en la parte inferior y también aquí en el lado derecho Entonces, ¿por qué fue una buena idea por parte del diseñador introducir este ritmo aleatorio en este caso lugar de los otros tipos de ritmos que hemos visto Bueno, porque funciona perfectamente bien con el tipo de festival que es. Si estás familiarizado con la música jazz, probablemente sepas que todo se trata de improvisación Entonces es la aleatoriedad de la música lo que la hace única y reconocible Entonces la lección que debes aprender de esto es que tú como diseñador siempre debes tener una buena comprensión del tema de tu diseño. Entonces, por ejemplo, si tienes que diseñar un póster para un tipo de música del que no entiendes, lo más probable es que no puedas capturar la esencia del tema y no podrás crear una composición efectiva. No estoy diciendo que no debas trabajar en proyectos donde el tema es algo con lo que no estás familiarizado. Se trata más de que dediques un tiempo a investigar antes de empezar a crear tus conceptos de diseño. Eso es muy importante. Entonces, aunque no estés completamente familiarizado con el tema, dedicar algún tiempo a conocer lo que vas a diseñar va a marcar una gran diferencia en la calidad de tu trabajo 7. Variedad: La variedad es una forma brillante de asegurarte de que introduzcas interés en tu trabajo y además que no pierdas la atención de tus espectadores. Se puede aplicar a prácticamente cualquier cosa que se te ocurra, desde la música hasta la ropa que llevas puesta o la forma en que hablas o actúas. Lo que sea. Pero más específicamente en el diseño gráfico, es una gran herramienta para crear composiciones más atractivas. Y podrías estar pensando que la variedad es en realidad casi lo contrario de la unidad. Entonces, cuando hablamos de unidad, mencionamos que todos los componentes y elementos de nuestro diseño necesitan de alguna manera estar conectados entre sí. Pero cuando tenemos variedad, casi se siente contraproducente, porque tendríamos que introducir diferencias entre los elementos Pero lo interesante es que en realidad se puede lograr la unidad mediante el uso de la variedad. Entonces déjame mostrarte a lo que me refiero. Aquí hay un gran ejemplo de difusión o maquetación de revista que utiliza indenso inusual o alineación de la copia del cuerpo Y se enfatiza aún más por estas líneas coloridas junto a ellas en el lado izquierdo. Entonces tenemos las líneas azules, las rojas, y también las verdes. Entonces definitivamente hay una variedad tanto en los colores como también en los sangrías utilizados Sin embargo, aquí también hay cierta estructura. Observe que la línea azul siempre se usa cuando la sangría es la más grande Entonces podemos ver que el espacio aquí es exactamente el mismo aquí. Y también una vez más aquí a la derecha. Entonces tenemos la línea verde, que forma una sangría que es aproximadamente la mitad del tamaño del azul Y nuevamente, es la misma distancia exacta aquí, y aquí, y aquí también. puede ver si tuviéramos que conectar estas dos líneas aquí, estaría exactamente en la misma posición. Y finalmente, la línea roja está formando la línea más alejada a la izquierda Y eso es de nuevo, repetido a lo largo de estas tres columnas. Y siempre está en la misma posición pesar de que las cosas se sientan un poco aleatorias por la variedad en las sangrías. Todavía hay estructura aquí, gracias a la repetición e incluso al ritmo que se aplica a los variados guiones. Cuando sigas el texto desde el principio hasta el final, notarás que en realidad no hay ningún patrón en la forma en que se usan estas sangrías Entonces empezamos con azul, luego rojo, luego verde, luego rojo viene, luego azul, y luego rojo otra vez, luego verde. Entonces aquí no hay un patrón real en términos de ritmo aquí. Sería un ritmo aleatorio, pero debido a que las sangrías individuales se repiten y se usan exactamente de la misma manera cada vez, todavía podemos llamar a esta repetición o ritmo, y todavía forma una unidad en la composición general Aquí hay otro hermoso ejemplo de cómo variedad y la unidad pueden trabajar de la mano. En esta composición monocromática, todo está utilizando el mismo color azul Y casi todos los detalles se crean a partir de líneas simples. Y la tipografía principal en sí, la Escuela de Diseño de Praga, termina convirtiéndose en parte de esa malla o patrón de líneas azules horizontales La estructura o rejilla en esta composición son estas líneas azules. Si bien la variedad se aplica principalmente sobre la tipografía y cómo se estira cada letra de una manera diferente para asegurar que todavía podemos leer este texto Algunas de las letras como aquí siguen en ancho normal y también en esta zona y aquí en la parte inferior. Si bien hay algunos ejemplos extremos de estiramiento, por ejemplo aquí en la letra G y también en la letra H y D. Así puedes ver, siempre y cuando logres un buen equilibrio entre unidad y variedad en tu composición, va a funcionar, comunicando el mensaje, pero también a la vez, será interesante y atractivo para tus espectadores. Pero como siempre con todos los demás principios de diseño, tienes que ser muy bueno para afinar la cantidad de variedad que estás introduciendo. Si agregas demasiado, tu diseño puede terminar siendo confuso. Y aquí hay un ejemplo interesante donde definitivamente tenemos mucha variedad. Y si todo este texto escrito a mano que podemos ver formando casi como una textura en esta composición serían todas palabras diferentes Puede parecer sobrecogedor y confuso porque nos gustaría leerlo, pero sería muy difícil darle sentido a dónde comienza el texto y dónde termina Pero como aquí solo hay como dos o tres palabras que se repiten una y otra vez, realidad no se interpone en el camino. Entonces la variedad aquí, nuevamente, se fija en la cantidad correcta donde está agregando interés, pero no distrae del mensaje que el cartel está comunicando 8. Maestros de variedad: Ahora, no puedo hablar de variedad sin mencionarlo a increíbles diseñadores gráficos. Seguro que has oído hablar de David Carson quien es realmente revolucionario en diseño gráfico Y yo diría que es el que mejor está empujando los límites de la cantidad de variedad utilizada en las composiciones. El hecho de que esté rompiendo prácticamente todas las reglas en las formas de diseño gráfico, su propio sistema único, cómo está armando las cosas. Y aunque la mayoría de las veces es difícil darle sentido a lo que estás viendo, definitivamente te llama la atención y te mantiene interesado en mirar la composición. Otro artista que vale la pena mencionar, que está usando la variedad brillantemente es Asian Tro o de otro modo conocido como Bogsm Recomiendo encarecidamente revisar su perfil de manos porque verás algunos trabajos increíbles y en prácticamente todos ellos, verás lo bien que está aplicando variedad en sus composiciones. Al mirar este póster por ejemplo, puedes ver que aquí ya hay todo tipo de formas y formas. Desde formas geométricas perfectas como un círculo, hasta formas orgánicas que tienen bordes irregulares. Y casi ninguno de los elementos o atributos se repite. Sabemos que a estas alturas esa creación unidad en un diseño y armonía se logra mejor repitiendo elementos o creando componentes recurrentes. Si bien aquí, las cosas que se repiten son mucho menos notorias, están casi disfrazadas Si miramos fuerte, podemos notar que en realidad se repiten ciertos colores. Así. azul vuelve a aparecer aquí a la derecha, aunque es un poco más oscuro, sigue siendo del mismo tono. Este color ladrillo rojizo se utiliza en toda la composición, por lo que es bastante constante Pero entonces también tenemos blanco usado en un par de áreas. Y luego hay un color de resaltado que no se repite en ningún otro lugar, este amarillo aquí en este rectángulo. También tenemos tonos negros u oscuros de gris utilizados en un par de áreas también en esta forma. Por cierto, nuevamente, esta forma es la única que utiliza un gradiente que la hace sentir más tridimensional que el resto de la composición. Y luego otra vez, aquí solo tenemos esta forma única que usa un patrón de alto contraste muy fuerte, mientras que todas las demás están limpias y no usan patrones. La textura es algo que se usa en un par de áreas aquí, allá arriba, también aquí abajo en la parte inferior e incluso en el círculo. Entonces eso es algo que vuelve a ocurrir con más frecuencia que los otros componentes y apenas se nota Pero también están estas líneas blancas muy delgadas que aparecen en un par de áreas. Casi parecen rasguños en el cartel. Porque lo irregulares que son. Pero a pesar de que hay mucha más variedad que elementos repetidos en esta composición, todavía de alguna manera se siente armoniosa y equilibrada. Tanto el trabajo de David Carson como el de Bogazm es un buen ejemplo de que una vez que tengas mucha confianza en aplicar las reglas del diseño gráfico, comenzarás a empujar los límites y crear versiones extremas, contradiciendo esas reglas, pero aún usando lo suficiente los principios de diseño para hacer que las cosas funcionen y seguir creando algo que la gente pueda entender y disfrutar 9. Encuadre: El encuadre es una de las formas o métodos más fáciles de entender para crear unidad en la composición del diseño gráfico Y es algo de lo que ya hablamos cuando estábamos discutiendo los Principios Guest Start o la Psicología del Diseño. Ahí nos referimos a regiones comunes, por lo que áreas en nuestro diseño deben agruparse. Y la mayoría de las veces esto se logra mediante el uso de marcos. Ahora a pesar de que, de nuevo, suena como algo muy obvio y directo, puedes ser muy creativo en la forma en que aplicas marcos en tu diseño. Y en realidad hay mucha sofisticación y matiz que puedes agregar en la forma en que los aplicas en tu diseño En este video, estaremos analizando y viendo algunos ejemplos brillantes donde encuadre se usa de manera muy profesional En primer lugar, comencemos con este póster nocturno, donde tenemos el texto rebote formando un marco dentro de la composición. Aquí, esta línea blanca que se interrumpe un par de veces todavía forma este rectángulo visible, que entendemos inmediatamente como un marco. Y lo interesante de ello es que el texto se mantiene dentro de este rectángulo. A pesar de que se mueve hacia arriba y hacia abajo, todavía forma un límite. Y por ello, la tipografía casi se convierte en una animación de una pelota rebota arriba y abajo en un Me encanta el hecho de que el rectángulo en sí esté de fondo, mientras que la tipografía comienza detrás del atleta, pero luego viene al frente, y luego lo más probable es que vuelva a atrás Siempre que estés introduciendo profundidad creando estos detalles entrelazados, como en este caso, la fotografía y este marco, y la tipografía moviéndose de un lado a otro en el espacio, también logra esta relación particular entre estos detalles entrelazados, como en este caso, la fotografía y este marco, y la tipografía moviéndose de un lado a otro en el espacio, también logra esta relación particular entre tus componentes. Y esto mismo ya está creando alguna forma de encuadre. Entonces solo piensa en esto. Incluso la tipografía por sí sola, sin ese rectángulo ya, en cierto modo, enmarcaría al atleta Porque comienza detrás de él, luego viene al frente. Y luego otra vez, no sabemos si estas dos letras están detrás de él o no, pero tenemos ese tipo de sensación simplemente por tener lo oculto detrás de su brazo aquí. Este es un gran ejemplo de cómo nuestra mente puede vagar, simplemente siendo desencadenada por un pequeño detalle como ese solapamiento entre la persona y la tipografía Entonces tu tarea como diseñador gráfico es pensar en estos disparadores que puedes introducir en tu trabajo, que luego ayudarán a tus espectadores a comenzar a hacer suposiciones de lo que realmente está sucediendo en tu composición. Los márgenes también se utilizan en el diseño gráfico para formar marcos en composiciones. Nuevamente, este diseño, tenemos un margen bastante amplio. Entonces esto es lo que yo consideraría el margen, esta zona gris. Y es del mismo tamaño alrededor en la parte superior, inferior, izquierda y derecha. Funciona de manera similar a una parte de poste a la que colocarías en un marco de imagen que está colgado en la pared, es decir ese cartón que está recortado en el medio. Lo que de nuevo crea algún espacio vacío o espacio en blanco alrededor de la imagen real dentro del marco. Y al igual que con los marcos de imagen en los diseños, agregar algo de espacio en blanco alrededor de los bordes siempre ayuda a dirigir la atención del espectador hacia el centro de la composición. Esto funciona particularmente bien cuando la composición misma está alineada con el centro. Y si se tiene alto contraste en valores tonales y color entre las áreas de margen y la composición en su interior, que nuevamente, podemos ver claramente aquí tenemos un área de margen muy brillante y una región más oscura en el centro Pero este diseño en particular también utiliza un par de soluciones interesantes adicionales. Dentro de los márgenes, tenemos una delgada línea blanca adicional que se entrelaza con esta imagen distorsionada de la estatua Entonces podemos ver que algunas áreas están escondidas. Entonces la estatua viene frente a esa línea blanca. Mientras que aquí en la parte inferior, la línea blanca está al frente. Nuevamente, es similar a ese póster de rebote. Está yendo y viniendo en el espacio. Nuevamente, la cabeza viene al frente. Pero no sólo eso, la estatua en realidad, en algunos lugares como aquí en la parte superior, sobresale en el espacio de los márgenes. Esto es algo a lo que normalmente nos referiríamos como efecto o método fuera de límites Se puede enfatizar o aumentar el sentido de profundidad. Y eso siempre es algo bueno en el diseño porque claro, todo es bidimensional. Estamos trabajando en una pieza plana de papel o pantalla. Y cualquier cosa que haga que las cosas se sientan más tridimensionales o introducir esa profundidad va a cautivar a los espectadores y los va a invitar a mirar tu composición Y si eso ya no era interesante, el diseñador en este caso también agregó algún texto en los lados izquierdo y derecho, que es un poco difícil de leer. Pero lo más probable es que deba leerse en esta dirección. Pero no necesariamente hay que leer este texto o darle sentido, porque también actúa como una forma de dispositivo de encuadre, manteniendo unida la composición desde los dos lados A pesar de que es bastante suelto y aleatorio, todavía casi forma un soporte en cada lado. En esta composición, podemos ver que se pueden tener múltiples elementos y múltiples marcos utilizados en un mismo diseño Y si los estás equilibrando bien e incorporándolos con tu tema, entonces pueden funcionar muy bien en armonía juntos. 10. Formas únicas de encuadre: Hay muchos otros ejemplos en este tablero donde nuevamente vemos que se está utilizando el margen. Y nuevamente, como con esta ilustración aquí, vemos estos sutiles efectos fuera de límites donde de nuevo, algunos detalles van por encima de los márgenes También tenemos otros ejemplos, como este póster aquí, donde de nuevo, se utiliza la tipografía para formar el marco O otro más allá abajo, donde de nuevo, el tema está rodeado de tipografía Y en este caso, incluso llamaría a la tipografía el margen, aunque en este caso no lo sea Aun así tenemos un margen más estrecho en este lado, mientras que es más ancho a la derecha y en la parte superior También hay una divertida ilustración aquí, el sujeto real, en este caso el gato que está tocando una guitarra está formando el marco para la composición. Si dibujamos un rectángulo aquí, podemos ver que el gato encaja perfectamente en él, aunque la ilustración sólo está sugiriendo ese marco, gracias al cierre del principio guestle, nuestros ojos y mente conectarán automáticamente estas áreas vacías Los marcos, como puedes ver, no siempre tienen que ser un elemento independiente. Incluso puede ser creado o sugerido por el sujeto real en tu composición. Este es otro ejemplo interesante, cuando el área de margen o el marco en la composición contiene la información real, mientras que el centro donde esperaríamos que aparezca el sujeto está completamente omitido, y en realidad es espacio negativo. Recuerda, como diseñador gráfico, tu tarea es captar la atención de tus espectadores. Y a veces hacer lo contrario a lo que la gente está acostumbrada, o las soluciones habituales, como mantener los márgenes libres o vacíos, puede producir una composición más única y emocionante. Hasta el momento, hemos visto principalmente marcos rectangulares geométricos. Pero claro puedes usar formas más orgánicas, curvilíneas así como marcos como en esta composición Tenemos esta forma funcionando como marco y sujetando nuevamente al sujeto, saliendo sujeto usando el efecto de límites externos Pero además de eso, también tenemos alguna tipografía utilizada alrededor de los bordes Y si tuviera que conectarlos juntos, también forman este límite o marco casi invisible que todavía actúa como una forma de mantener todo unido. Y en realidad crea un bonito contraste. Tener este texto negro sólido escrito alrededor este pastor más suave colorea las formas curvas en el centro Eso también es algo que puedes considerar, que tu marco pueda mezclarse con tu composición o hacer lo contrario, y realmente destacar mediante el uso de alto contraste. Ya hemos visto grandes ejemplos de ambas soluciones. Y realmente depende de ti si quieres llamar la atención sobre el marco o darle menos énfasis. También es otra técnica común en el diseño gráfico que la tipografía se utilice como marco aquí En lugar de formas geométricas u orgánicas, en realidad tenemos estos números que también podrían ser letras del alfabeto que se aplica como marco para la escena que podemos ver en esta composición. Sería una pena no mencionar o mostrar un ejemplo de National Geographic Magazines o su página web cuando estamos hablando de marcos, ya que tienen su icónico marco amarillo. Y elegí esta portada en particular porque en este caso, fueron realmente audaces. Y prácticamente encubrieron no sólo una gran sección del encuadre, sino hasta la cabecera o el título de la revista Y la razón por la que pueden hacer eso es porque todos reconocen que se trata de la Revista National Geographic, principalmente gracias a su marco icónico. Y la razón principal por la que esta composición funciona tan bien, tener este árbol saliendo del marco tanto en la parte inferior como en la parte superior, y encubriendo el título es porque el artículo principal este número trata sobre los árboles más altos Y debido a que es difícil mostrar estos árboles en su totalidad, el diseñador decidió centrarse en una sección más pequeña y enfatizar su altura por lo mucho que ocupan de la cubierta. Pero claro, también mostrando a una persona aquí a un lado. Esto, por supuesto, también es un elemento crucial en la composición porque sin una persona en la imagen, siempre nos cuesta relacionar o entender las proporciones de algo. Entonces, si quieres que tus espectadores se hagan una idea de la escala de algo, siempre es bueno colocar a una persona o un objeto de uso común en la composición porque eso es algo con lo que todos podemos relacionarnos. Y por cierto, es posible que hayas notado que para crear unidad en esta composición, tenemos el mismo color utilizado en esta línea de cubierta de soporte que podemos ver este escalador variando en términos de colocación Tanto esta persona como esa línea de cobertura de apoyo se colocan perfectamente de acuerdo a la regla de los tercios. Entonces hay muchas razones para amar esta portada de revista. 11. Patrón: Los patrones son muy utilizados en el diseño gráfico, pero también son muy importantes en moda y el diseño de interiores. Y podemos ver patrones todo el tiempo a nuestro alrededor. Lo podemos ver en los fondos de pantalla de las habitaciones. Lo podemos ver en la ropa que usamos, productos que compramos. Y el hecho de que los veamos tan a menudo es solo un testimonio de lo atractivos que pueden ser y por qué es tan importante aprender a aplicarlos en tus composiciones de diseño gráfico. Así que vamos a sumergirnos y aprender sobre los diferentes tipos de patrones que puedes crear. Y nuevamente, ver un par de usos muy creativos de ellos. En primer lugar, aquí hay un empaque muy colorido y vibrante para esta lata de sidra Y podemos ver que el patrón aquí en el fondo es el mismo que se usa en la propia lata. Y actúa como telón de fondo sobre el cual la información principal se presenta en un marco separado. Y el resto de la información está completamente apartada de ese patrón, utilizando, nuevamente, un color de fondo sólido Ahora bien, lo que podemos aprender de este ejemplo en particular es que aunque estés usando un patrón de arriba a abajo dentro de una composición, en este caso la lata, aún puedes asegurarte de que tanto la legibilidad como la legibilidad de la tipografía en tu diseño no va Y se puede lograr simplemente tapando partes del patrón. Con estas formas sólidas bloqueadas, observe cómo incluso el logotipo en sí está usando un color de fondo sólido. Nuevamente, asegurándose de que se destaque de este patrón vibrante y ocupado. Aquí hay otro buen ejemplo de patrones utilizados en el empaque de un producto. En este caso, se trata de papeles de envolver que utilizan patrones regulares donde los motivos son formas geométricas. Entonces llamamos a los detalles repetidos motivos. Ese es un término útil para recordar. Llamamos patrones regulares donde los motivos se repiten de manera predecible. Comparado con esto, si echamos un vistazo a este cartel, por ejemplo, de Ikea, se trata más de un patrón irregular donde ambos motivos están cambiando e incluso la forma que se repiten es impredecible. También fue otro gran ejemplo donde el diseñador está desafiando al espectador. Por lo que no es tan fácil encontrar el mensaje oculto dentro de esta composición. Pero al final vas a poder leer eso. Dice, ¿dónde están mis calcetines nuevos? Y también, lo más probable es que eventualmente encuentres el signo de interrogación aquí en la parte inferior. Y la forma en que logró el diseñador para asegurarnos de que todavía podamos leer esto como texto es por supuesto tener los calcetines que están formando estas letras un poco más cercanos entre sí que el resto de los calcetines alrededor de ellos. Pero también al usar colores de mayor contraste que destacan un poco más que los otros calcetines en la composición general. Entonces, para poder detectar esto mejor, si entrecerras los ojos mientras miras este póster, podrás decir que los colores más contrastantes se usan todos en esos calcetines que están formando las letras Aquí hay otra composición interesante donde podemos ver el uso de un patrón irregular, aunque se repita el motivo, que es este triángulo. En este caso, el peso que se repite sigue siendo impredecible. Y como hablamos de enmarcar en el último video, se puede ver que incluso estas formas geométricas convertidas en un patrón pueden actuar como fotograma Porque la imagen de esta mujer, en este caso, se coloca dentro del patrón mismo. Así que no sientas que estás restringido a usar patrones solo en segundo plano. Como puedes ver, incluso pueden convertirse en los contenedores o dispositivos de sujeción para el tema principal en tu composición. O aquí hay un ejemplo aún más extremo, cuando el patrón en sí se convierte en el sujeto. Y la razón por la que esto fue posible es porque es un patrón geométrico tan icónico de la película brillando que basta con mostrar eso de fondo e inmediatamente podemos asociarnos a la película o la escena particular o al niño montando su triciclo por los pasillos del hotel Aquí hay otro gran ejemplo donde un patrón se vuelve mucho más integral a toda la composición y juega un papel más importante y se convierte en el sujeto mismo. Y una vez más, esto lo llamaría un patrón irregular porque no tenemos un motivo claro que se repita. Pero la razón por la que todavía consideraríamos que esto un patrón es porque todavía usa elementos recurrentes, como los elementos florales, pero también cosas como estos relojes y las tazas de té y juegos de té. Lo bueno de los patrones es que ya que están confiando en elementos o motivos repetidos, funcionan perfectamente bien para lograr la unidad y armonía en tus composiciones. 12. Patrones sin fisuras: Si planeas convertirte en diseñador de patrones, lo que tendrás que aprender es cómo crear patrones sin fisuras. Esto básicamente significa que tendrás un mosaico creado dentro del cual podrías tener varios motivos, pero ese mosaico se va a repetir sin problemas, ya sea usando una cuadrícula estándar y simple o una cuadrícula de transición ladrillo por fila, o ladrillo por columna Entonces echemos un vistazo a un par de ejemplos en este tablero aquí. Primero, comenzando con este precioso patrón con el tema de París, y usando el estilo de bocetos o ilustración dibujada a mano Entonces este es un patrón sin fisuras usando una cuadrícula estándar aquí. Si prestamos atención a los elementos repetidos, podemos notar los detalles destacados como la Torre Eiffel, que podemos ver aquí Y luego vuelve a repetirse aquí abajo. Pero también podemos ver un poquito de ella aquí en los bordes. Entonces ese es un buen anclaje visual para que podamos identificar el tamaño de una baldosa. Entonces yo diría que el azulejo está aproximadamente por aquí. Así que solo voy a mover esto ligeramente hacia arriba, y creo que esto es más o menos el azulejo que se repite tanto horizontal como verticalmente en este patrón. La forma en que puede asegurarse de que un patrón sin costuras se vea interesante, incluso cuando usa esta cuadrícula estándar, es asegurarse de que los bordes de su mosaico estén ocultos o sean muy difíciles de encontrar. La forma más fácil de lograrlo es tener cosas que se superponen, por lo que están interrumpiendo el borde de la baldosa Al igual que en este caso, creo que estos muelles aquí están exactamente colocados en el borde de la baldosa Por lo que no están sentados perfectamente dentro de la baldosa, sino que se dividen entre los dos bordes de la baldosa. Y una vez que veamos los mosaicos como un patrón sin fisuras, se unirán entre sí. Otra cosa útil para recordar cuando estás diseñando patrones es trabajar con una especie de jerarquía dentro de los elementos de tus patrones. Lo que quiero decir es que deberías tener algunos elementos destacados que pueden ser más grandes o superiores en contraste con el resto de los elementos Pero deberías tener muchos detalles diferentes más pequeños que puedan actuar fácilmente como relleno para asegurarte de que el patrón no tenga grandes agujeros o huecos dentro de él. Entonces en este caso, por ejemplo, yo llamaría a estas ollas los detalles más destacados, o podemos llamarlos los elementos héroes, las copas Yo llamaría detalles secundarios junto con un par de artículos más grandes. Pero luego también están estos pequeños elementos como las flores y las bolsas, que son más como rellenos que mencioné antes. Y la forma en que puedes lograr la armonía dentro tu patrón es asegurándote de que los mismos componentes o elementos no se coloquen uno al lado del otro, por lo que no tendrías el mismo detalle exacto varias veces en el mismo lugar. En cambio, estás usando un ritmo visual, dispersándolos más separados entre sí, y asegurándote de que siempre haya variedad entre los elementos Observe cómo en una oración utilizo prácticamente todos los términos que cubrimos hasta ahora en este tema. Eso solo muestra cuán conectados están estos principios de diseño y cómo hay que confiar, ni en una sola, en múltiples reglas y principios para lograr un resultado agradable en sus diseños. Como nota final, solo quería mostrar estas pocas imágenes aquí al final del tablero, los patrones en la naturaleza. Lo que de nuevo, solo demuestra que la razón por encontramos patrones atractivos es porque estamos muy acostumbrados a que los vean a nuestro alrededor en el mundo. Ya sea el patrón de una araña B, o la bella simetría de radio en un copo de nieve, o incluso los hexágonos en No olvides que la naturaleza es una gran inspiración para idear grandes diseños, no solo a la hora de diseñar patrones. 13. Agrupación: La agrupación es otro método utilizado en el diseño gráfico para unificar los elementos en tus composiciones Se puede lograr de muchas maneras diferentes desde colocar sus elementos cerca unos de otros, principalmente confiando en su proximidad o utilizando dispositivos de sujeción o contenedores para mantenerlos conectados entre sí. También podemos usar líneas entre objetos para tenerlos conectados. Confiando en el principio de invitado , la conectividad uniforme o el uso de marcos y líneas de división, creando regiones comunes Una vez más, otro principio de guest out, agrupando la información visual en tus composiciones, sobre todo si son complejas y hay muchos elementos. Es importante porque ayuda a los espectadores a encontrar el orden en el que deben recibir la información. Pero también puede establecer jerarquía en este video. Como siempre, estaremos viendo algunos ejemplos muy creativos tanto de composiciones de diseño gráfico como de ilustraciones, confiando en gran medida en la agrupación. Para empezar, aquí hay un gran diseño de cartel de festival donde como siempre tenemos donde como siempre tenemos bastantes detalles tipográficos, donde, en primer lugar, tenemos todos los nombres de los intérpretes, pero luego también vemos en qué escenario estarán actuando Entonces, cuando hay mucha información que mostrar, la agrupación se vuelve esencial. Sin él, todo este cartel no serviría realmente a su propósito. Aquí hay otro ejemplo, la página de tabla de contenido de una revista, y de manera similar a los carteles del festival, generalmente en estas páginas. También tenemos mucha información para mostrar y también se utiliza para navegación dentro de la revista en este caso y ya que en esta revista en particular hay dos secciones principales o categorías de artículos, una titulada Fun y otra titulada Kids, y un grupo más pequeño que aparece en cada número. Tener estos grupos para que los espectadores encuentren los artículos que les interesan, ayuda aún más a encontrar su camino alrededor la revista más allá de simplemente ver los números de página aquí. Cuando se trata de diseño de menús para restaurantes y bares, también es crucial crear grupos porque una vez más, tenemos bastante información que mostrar. Y queremos asegurarnos de que nuestros espectadores puedan encontrar la información relevante lo más rápido posible. Porque no hay nada peor que luchar por encontrar los platos adecuados cuando tienes hambre. Como dije antes, la agrupación se puede lograr de tantas maneras diferentes, ya sea usando marcos reales para separar cierta parte de la información del resto, o bien teniendo un fondo de color sólido en una sección, lo que de nuevo, la hace realmente destacar del resto. A veces incluso una sola línea es suficiente para separar, en este caso, la dirección y redes sociales manejan aquí en la parte inferior. Bueno, recuerden que hablamos de consistencia, que también es una forma de lograr la unidad en un diseño. Bueno, en este caso, todas las categorías usan el mismo tipo de cara y también el mismo tamaño y color, incluso sin usar una línea divisoria aquí. Simplemente porque tenemos aquí estos títulos de categoría, ya podemos imaginar que este es un grupo diferente a este aquí en la parte superior. Así que recuerda, cuando tienes mucha información que necesitas mostrar, tienes que tener mucho cuidado en la intensidad de los grupos que creas. Algunos grupos podrían ser más relevantes que otros, como en este caso. Creo que esta sección lateral es la que más destaca. Casi salta de la página debido color de fondo de alto contraste que se usa en ella. Y debe ser intencional porque no importa lo que pidas, más probable es que tengas algunos lados con él. Y en términos de jerarquía de los grupos, yo diría que la sección happy hour es la que viene en segundo lugar. Y eso también es importante porque la mayoría de la gente querría pedir bebidas aunque no estén pidiendo comida. 14. Contenedores y dispositivos de retención: Pero demos un paso atrás ahora y veamos algunos ejemplos. Cuando hay mucha menos información para mostrar. Incluso en el caso de una ilustración sin tipografía en absoluto, agrupación tiene un papel muy crucial que desempeñar Ahora tal vez te estés preguntando qué se considera un grupo en esta ilustración porque es menos obvio. Pero los mismos principios que hemos visto en el anterior, ejemplos más complejos se aplican aquí también para ayudar al espectador a entender lo que está viendo y para ayudarle a leer esta ilustración. Entonces, antes que nada, los colores utilizados nos ayudan a ver qué está más cerca de nosotros y qué hay más en la parte de atrás. De esta manera, estos colores más oscuros, azulados, verdosos se utilizan para establecer y crear el primer plano en la Entonces se utilizan estos colores más suaves y cálidos para establecer el medio suelo Y finalmente, se utiliza la combinación de algunos otros tonos cálidos y algunos otros tonos cálidos y el color de fondo para establecer el fondo con estos tres picos aquí en las montañas. Me encanta la forma en que estas montañas se mezclan en el fondo. Y también sucede lo mismo aquí con el conejo en primer plano ¿Recuerdas cuando hablamos de enmarcar? Esto se consideraría el margen para esta ilustración en lugar del habitual efecto fuera de límites, donde la ilustración estaría encubriendo aquí partes del margen, sucede lo contrario y el margen se superpone o sangra en la ilustración La forma general de este rectángulo aquí y el círculo aquí en la parte superior también se considera una forma de agrupar la ilustración o la información dentro de la ilustración. Normalmente, a estas formas que sujetan las cosas juntas las llamaríamos un dispositivo de sujeción o un contenedor. Y verás muchos ejemplos de esto en este tablero. Como en este caso, la letra D es el contenedor o dispositivo de sujeción que mantiene unida toda la información dentro de la ilustración. Y el interés visual es creado por todos estos pequeños detalles que cruzan ligeramente los bordes o límites de la forma de la letra. Cuando se trata de diseño de logotipos, también es muy común que usemos un dispositivo de sujeción para mantener las cosas juntas. Como en este caso tenemos un círculo invisible. Por lo que se basa en el cierre del principio de parada de invitado para que imaginemos que hay una forma que sostiene todas estas verduras juntas. Mientras que en estos otros dos ejemplos, tenemos círculos reales y formas geométricas que forman estos dispositivos de sujeción. Incluso cuando solo estás usando dos simples círculos dentro de un logotipo, ya ayuda a agrupar las cosas. Como en este caso, tenemos aquí este texto sentado entre los dos círculos. Eso nos ayuda a conectar el texto en la parte superior y el texto aquí en la parte inferior juntos. Entonces sabemos que dentro de los dos círculos, estos dos textos se conectan entre sí. Mientras que el texto establecido en un tamaño menor dentro un segundo círculo formará inmediatamente un grupo con el otro texto en la misma posición. Aquí hay otro diseño impactante, confiando en agrupar o utilizando un dispositivo de sujeción, en este caso es la primera letra del título de la película, Valeriana Todos los personajes importantes y naves espaciales se combinan y agrupan usando esta sola letra Y el negocio de esta sección aquí está muy bien equilibrado al usar mucho espacio negativo en el lado derecho y también un poco aquí a la izquierda. Por supuesto, además de que el principal interés visual se agrupa en esta forma de letra, también tenemos aquí dos grupos adicionales. Tenemos el texto aquí en la parte superior. Y también otro grupo importante en la parte inferior, donde tenemos el nombre de los dos actores principales, el título de la película y la fecha en que se estrenó. Así que no olvides aplicar agrupación en tus diseños, ya sean complejos o simples, porque siempre conducirá a una composición más unida y estéticamente agradable 15. 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.