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

1. Introducción: ¿Cómo puedes asegurarte de que la gente lea primero el título de un artículo, luego el código de la encuesta con algún fragmento jugoso de la historia, y solo entonces pasará a la copia del cuerpo Como diseñador gráfico, no puedes dar a tus espectadores instrucciones sobre cómo usar tu trabajo la mayor parte del tiempo. Tiene que haber otra manera de hacer que la gente sepa qué hacer y dónde encontrar la información que busca. La solución mágica es una jerarquía visual. En este curso, cubriremos punto focal, punto entrada, dominio, énfasis, escala, posición, proporción, exageración, densidad proposicional, y todo lo demás que pueda ayudarte a hacer tus diseños estructurados y También analizaremos cientos de diseños increíbles de todas las áreas del diseño gráfico para ayudarlo a visualizar y comprender fácilmente todos los términos y reglas que se cubren en este curso. Junto con el emocionante proyecto de clase que espero que completes al final del curso, también tienes la hoja de trabajo de análisis y el glosario de términos para ayudarte a practicar todo lo que has aprendido Espero que estés tan emocionado como yo de comenzar y sumergirte en el mar del conocimiento y hermosos ejemplos de diseño gráfico. 2. Conceptos básicos de la jerarquía: Dado que el diseño gráfico es una forma de comunicación visual, cada vez que diseñamos algo, lo más importante o tarea que tenemos que lograr es que nuestro mensaje tenga que ser claro. Pensamos en hablar, que es obviamente la forma más común de comunicación. Generalmente nos referimos a alguien que puede explicar bien las cosas. Son concisos, son claros, llegan al punto y son fáciles de seguir. Buenos oradores aprenden a mantener al público comprometido y utilizando técnicas como levantar la voz en ciertos puntos, están manteniendo pausas más largas para efecto dramático puede estar repitiendo palabras un par de tiempos o incluso oraciones completas para énfasis y variando la velocidad a la que están hablando. Por lo que a veces podrían disminuir la velocidad y realmente deletrear un par de palabras mientras las veces van a coger el tempo e ir más rápido. Entonces todos estos, hay formas que podemos usar en nuestro discurso para mantener a la gente comprometida y mantenerlas interesadas en lo que estamos diciendo. Porque lo peor que puedes hacer es hablar o leer las cosas de una manera monótono. Entonces no tener variedad y no utilizar ninguna de esas técnicas que mencioné anteriormente. Ahora puede que ya hayas notado que al describir hablando, realidad ya mencioné unas palabras que usamos en la comunicación visual y el diseño gráfico, como el énfasis, la Repetición, el espacio negativo, lo que equivale a una pausa en el habla, la variedad y la escala, que equivaldría al volumen del discurso. Y por supuesto, no olvidemos cuando un orador está presente. Por lo que también podemos verlos. Lo más probable es que también estén articulando las cosas de las que están hablando con las manos y tal vez incluso con esa postura. Y eso de nuevo, añade toda otra capa a la efectividad de la comunicación, que una vez más será igual a una composición dinámica en diseño gráfico, dirección bien equilibrada y se utilizan todos los movimientos. Pero la mayor diferencia entre las palabras habladas o el habla y la comunicación visual o diseño gráfico es como sigue el habla, una estructura lineal rígida donde tenemos que entender cada palabra tal y como son viniendo el uno al otro. Entonces no tenemos otra opción que procesar esas palabras en el mismo orden en que se hablaban. Si bien en caso de comunicación visual, como tomar este cartel como ejemplo. No hay estructura lineal, por lo que le corresponde al espectador decidir a qué información empiezan leer o empezar a prestar atención. No olvidemos, en diseño gráfico, no solo usamos palabras. También trabajamos con imágenes, colores, formas y texturas. Entonces en caso de este volante, por ejemplo, lo que va a garantizar que el espectador va a pasar por la inflamación en el orden previsto, el orden que el cliente en este caso, esta barra haría preferir y lo que se suponía que el diseñador establecería. Porque recuerda, el diseñador es casi como un portavoz de su cliente. Están tratando de comunicar cualesquiera sean los mensajes y asegurarse de que los espectadores puedan percibir la información y encontrar toda la información relevante de la necesaria que estén buscando porque sin ninguna frustración. Entonces al analizar un poco este volante, probablemente pensarás que la mayoría de los espectadores primero intentarán leer lo que esté escrito aquí. Y por qué pensarías que si bien principalmente porque este es el texto más grande en el volante, pero también porque está posicionado en la esquina superior izquierda, que es para la mayoría de la gente de los países occidentales, sería el lugar donde empezamos a leer cualquier cosa. Pero además de su escala y posición, lo que también hace prominente a este elemento es que aquí es donde tenemos el mayor contraste dentro de la composición. Ahora eso podría ser algo que no es obvio al principio. Pero si lo piensas, el color de fondo es casi como un medio de tonos perfectos, por lo que no es oscuro, no es brillante, está en algún lugar en el medio. Si bien obviamente el texto es el más brillante como puede ser, está usando blanco puro. Pero detrás del impuesto, tenemos esta imagen más oscura de un cerebro, que está más cerca de una sombra si estamos hablando del rango tonal de esta composición. De manera que ese tinte púrpura oscuro o azul que se utiliza para la ilustración y también en un par de elementos adicionales dentro la composición es el detalle más oscuro dentro de la composición. Y esta es la única área dentro de la cual es pad o combinada con el detalle más brillante de la composición. Por lo que tenemos los detalles más brillantes y oscuros juntos en un solo lugar. Y eso crea un punto focal al utilizar el contraste más alto. 3. Detalles destacados: Pero también hay un par de técnicas interesantes que hacen que este detalle sea prominente dentro de la composición. Uno de ellos es bastante obvio, como me pueden ver creando este rectángulo alrededor de este título y subtítulo, forma un rectángulo perfecto. Por lo que incluso sin enmarcar este detalle, podemos ver de inmediato una forma sosteniéndola unida, a la que normalmente nos referimos como agrupación o regiones comunes según los principios de la Gestalt. Y podría seguir indagando en detalles adicionales que justificarían por qué ese detalle va a ser el más prominente dentro de la composición. Pero ojalá por ahora se pueda ver que es claramente una decisión intencional que el diseñador hizo aquí, que querían que esa información fuera lo primero que la mayoría de los espectadores de vamos a mirar. Entonces digamos que estamos de acuerdo en que esto es lo primero a lo que los espectadores prestarán atención. Pero, ¿qué sucede realmente cuando miran este detalle? ¿ Lo leerán? O tal vez saltarán a otro detalle rápidamente dentro de la composición. Ahora, en este caso, es otra vez, bastante interesante que este título, aunque no sea el más prominente, en realidad no es el más fácil de leer. ¿ Y por qué es eso? Porque en primer lugar, tenemos dos palabras, cerebro y tensión, divididas en cuatro líneas. Entonces a pesar de que este es el tipo más grande, todavía está lejos de ser el más fácil de leer. Y al tener este impuesto dividido de esta manera particular cuando se presta atención a cada línea. Por lo que tenemos BR en primera línea que AIM en la segunda, luego SDR y luego Ai. Y de nuevo, ninguno de estos tiene sentido por sí solos. Entonces, si alguien simplemente vislumbra rápidamente a través de estas líneas, tal vez no puedan armar lo que están leyendo comparado con si tienes al menos una de las palabras en una sola línea como el cerebro, que aceleraría enormemente la legibilidad de este título. Ahora por supuesto, la noche de trivialidades es mucho más fácil de leer aunque sea más pequeña, ya que está en una sola línea, es muy rápido y fácil de reconocer, pero todo el punto de hacer difícil el título leer es desafiar un poco a los espectadores y darles algo en qué pensar, que funciona perfectamente bien para el tema de esta noche de trivialidades, que se trata de pensar y usar tu cerebro. Pero además el hecho es una forma ligeramente críptica de diseñar tipo funciona con el tema de este evento también se asegurará de que el espectador no sólo mirará este detalle primero, sino que les dará que poco de un reto que los mantendrá mirando a este volante. Ahora, como todos estamos bombardeados con información visual durante todo el día, cualquier cosa que pueda sostener la atención del espectador durante al menos unos segundos ya es un diseño exitoso. Entonces en este caso, el diseñador y sólo logró asegurarse de que todos nosotros vamos a mirar primero la información más importante, pero también nos mantuvo comprometidos y tal vez incluso entretenidos con este pequeño juego de topografía críptica. Esta técnica también se usa muy comúnmente en la escritura, donde una historia podría comenzar con una pregunta intrigante. O incluso si piensa en videos o artículos en la web, haga clic en cebos funcionan de manera muy similar. De inmediato queremos conocer el resto de la historia. Y en caso de este incendio, luego de este primer pedacito de información que han visto, lo más probable es que miren la ilustración, que es un detalle bastante grande y además está bastante cerca del título de la izquierda . Pero después de eso, es más difícil decir lo que van a leer a continuación. Pero para ser honesto, en este punto, ya que ya están sosteniendo el volante y pasaron un par de segundos pasando por él. Ya están enganchados y lo más probable es que recuerden que hay este evento sucediendo. Cualquier información adicional que lean es solo un bono de alguna manera. Pero si usted está tratando de analizar estos elementos, por lo que la hora y el día aquí en la parte superior derecha, el hecho de que sea entrada libre, y luego estos incentivos adicionales aquí en la parte inferior, beber especiales y cuándo mil dólares en efectivo, podemos argumentar que muy probablemente esta esquina inferior izquierda va a ser la más prominente. Principalmente por su tamaño, pero también una vez más, porque tenemos los dos detalles de contraste más altos uno al lado del otro, pero también porque está muy bien presentado justo debajo del título que originalmente rojo. Una vez establecida esa dirección de lectura vertical, es más fácil mantener el espectador va en la misma dirección. Pero a partir de aquí, lo más probable es que saltaran a la copia de entrada libre porque eso es lo más cercano a donde estaban. Y a partir de aquí, lo más probable es que suban hasta el último bit de información. Y para cuando lleguen allí, lo más probable es que ya decidieran que les interesa ir a este evento. Y ese es el momento perfecto para proporcionarles ese poco de información. Porque si lo piensas, no tiene sentido decirle a nadie cuándo está sucediendo un evento en particular antes de incluso decirles por qué deberían ir allí en primer lugar. 4. Priorización de la información: Ahora que entendemos la importancia de la jerarquía visual, echemos un vistazo a un par de otros ejemplos y veamos otras formas y métodos para priorizar con éxito la información. Ya hemos visto un par de formas en que los diseñadores gráficos pueden resaltar un cierto detalle dentro de una composición y asegurarse de que eso se vuelva prominente para el espectador. Pero a pesar de que veremos estos también aplicados en las otras composiciones, hay muchas otras formas en las que puedes volver guiar a tu espectador por el diseño. Soy uno de estos métodos es la alineación. Entonces al echar un vistazo a este ejemplo, podemos ver que toda la información importante y relevante se coloca aquí en el centro. Y tenemos bastante espacio negativo tanto a la izquierda como a la derecha. Mantener los principales intereses visuales para la mitad inferior de la composición. Donde tenemos esta genial ilustración de corte de papel o estilo origami de un sitio de campamento. Pero al echar un vistazo más de cerca a esta composición, además de que una vez más, tenemos una forma rectangular muy reconocible sosteniendo la mayor parte de la tipografía unida dentro de esta estructura, también tenemos una forma más pequeña y marco real que mantiene unida parte de la información. Y esto es otra vez algo a lo que nos referiríamos como grupo o agrupando la información. Y aunque a primera vista parece que tenemos una columna vertebral central o estructura para la información. Al analizarlo más a fondo, podemos ver que en su interior tenemos también estas secciones más pequeñas, el logotipo en la parte superior, el título, y la fecha aquí en el medio, este grupo más pequeño debajo de él. Y luego también la fecha real en la parte inferior en este marco circular, que se parece más a una pegatina o a un banco. Entonces Vd en el grupo principal, tenemos estos subgrupos de información. No importa cuánta información tengas que mostrar en una composición, agrupar siempre va a ayudar a tus espectadores a poder concentrarse en trozos más pequeños de información en lugar de estar abrumado por todo lo que están viendo. Por lo que en caso de este festival de música, todavía tenemos una composición alineada en el centro. Y por eso, también se siente muy simétrico. Pero dentro de eso, tenemos la primera y más importante información aquí mostrada en la parte superior, que fue el nombre, la ubicación, y la fecha del evento. Pero curiosamente, este texto no es el más grande en la composición. Yo diría Kool y la pandilla, el nombre de la banda es el más grande. Y eso es en realidad lo más probable que la mayoría de los espectadores lean primero y tal vez incluso un par de nombres adicionales de por aquí antes de que saltaran a la cima del cartel y Infórmate sobre la información que se muestra allí. Y en el caso de un festival de música, lo más importante, por supuesto, es quién está actuando. Y si hay grandes nombres que se pueden enumerar, por supuesto, eso va a llamar la atención de la gente y así es como los enganchas a mirar tu póster. Pero además de tener aquí establecido este gancho visual, también es claramente visible que esta sección se separa y establecer un grupo visual claro, al igual que el resto de la composición, también tener estos grupos más pequeños. Y en este caso, para lo que estos se utilizan es ayudar a categorizar a los intérpretes en función de las diferentes etapas en las que van a estar jugando. Y aquí hay un ejemplo aún más extremo donde tenemos montones de nombres, de intérpretes enumerados en la parte inferior. Pero aun así, esta composición aún no se siente abrumadora por la hermosa agrupación y separación de la información. Entonces en este caso, el nombre del evento que destaca probablemente el más que algunos de estos intérpretes. Entonces a partir de este punto, lo más probable es que los espectadores vean dónde está sucediendo esto y cuál es la fecha. Y luego si les interesa, probablemente pasarán un poco más de tiempo mirando estos nombres adicionales de intérpretes secundarios. Y entonces si todavía están intrigados, pueden pasar un poco más de tiempo buscando nombres que les sean relevantes o que les interesen. En esta sección más grande en la parte inferior, incluyendo probablemente más de un 100 de rendimiento diferente. Agrupar es una forma muy efectiva de hacer saber a los espectadores que no necesariamente tienen leer todo en la sección para poder pasar a otra sección. Entonces aunque solo escojan algunos nombres de cada uno de estos grupos, cuando lleguen al fondo del cartel, lo más probable es que se vendan que les gustaría ir a este evento o tal vez no. Pero en todo caso, en la parte inferior, son recibidos con la URL, lo que les llevará a mayor información. Y también pueden empezar a comprar o reservar sus boletos. 5. Alineación y agrupación: La mayoría de los ejemplos que hemos visto hasta ahora estaban alineados al centro, pero también la alineación izquierda y derecha puede ser igualmente útil cuando se está estableciendo jerarquía visual. Entonces en caso de esta composición, una vez más, podemos ver una agrupación clara aquí en la parte superior izquierda, luego otro grupo aquí a la derecha, y luego probablemente un tercero aquí en la parte inferior. Pero además de la información tipográfica, también podríamos considerar aquí esta parte central, donde tenemos estas formas y los capilares para ser también otro grupo. Ahora como se trata del evento culinario, la cubertería es obviamente también comunicar un mensaje importante e incluso sin ver comida real, los platos vacíos también son perfectos consejos visuales sobre el tema de este evento. Justo como antes, dentro de cada uno de estos grupos, encontraremos subgrupos. Por lo que tenemos aquí el presentado por sección o patrocinadores, que sería un subgrupo en este primero. Y luego en el segundo, tendríamos tres subgrupos. Entonces tenemos el que está en el medio, que es la fecha. Y luego tenemos esta información adicional en la parte superior y abajo. Y hay un par de cosas que se utilizan para pegar a estos subgrupos y para asegurarse de que estén claramente separados de los otros grupos principales. Una técnica obvia es el uso del espacio negativo. Por lo que podemos ver claramente esa brecha entre el grupo de la izquierda y la derecha. Pero luego dentro de este grupo, podemos ver también que todo el texto queda alineado. Entonces ese es un rasgo común que nuevamente mantiene juntos a estos subgrupos. Y otra técnica común es el uso de líneas. Entonces en este caso, eso ayuda a separar los dos subgrupos unos de otros, pero también ayuda a mantenerlos juntos. Y de igual manera aquí a la derecha, estas dos líneas ayudan de nuevo a separar los subgrupos, pero también a sostenerlos y vincularlos entre sí. Ahora claramente, agrupar estamos definiendo los grupos en tus composiciones es muy importante para establecer jerarquía visual. Pero ¿hay alguna prueba para ver rápidamente si tus grupos están trabajando de la manera que querías que lo hicieran. La respuesta, por supuesto, es sí. Lo llamamos la prueba de estrabismo. Y es tan simple como simplemente entrecerrar los ojos cuando estás mirando tu composición y verificando si aún puedes ver claramente esos grupos que definiste. Ahora por supuesto, no necesariamente tienes que hacer una pantalla. También puedes usar Photoshop y desenfocar tu diseño temporalmente solo para poder probarlo de esta manera especial de verlo. Y podemos ver un ejemplo de esta interfaz de Spotify en un teléfono móvil del lado izquierdo sin tenerla borrosa. Y del lado derecho, pesar de que esté borrosa, todavía podremos ver a los principales grupos que se establecen. Entonces tenemos uno ahí arriba, tenemos otro aquí, y luego tenemos otro más abajo. Y a pesar de que es difícil hacerlo, todavía probablemente podamos decir que hay otro grupo aquí en la parte inferior, que es la pestaña de la interfaz, el área de navegación más importante. que claramente tiene que ser un grupo bien definido a la hora de diseñar la experiencia del usuario. Pero no importa en qué tipo de diseño estés trabajando, recuerda que la prueba de pantalla es una gran manera de probar y si se establece claramente para el espectador dónde puede encontrar la información relevante ellos están buscando. Pero hay otra cosa muy importante que tenemos que hablar a la hora de crear grupos, y eso es similitud. Ahora, esto es especialmente importante cuando tus grupos tienen igual importancia o igual peso dentro de la composición. Entonces en caso de este menú, podemos ver que claramente hay un grupo para los aperitivos. Hay otro grupo para hamburguesas, otro para sándwiches, y finalmente, otro para perritos. Y a pesar de que las hamburguesas el grupo más grande y se mantienen en el centro de la composición, la principal forma en que estos grupos se mantienen similares entre sí es cómo se diseñan sus títulos. Por lo que todos están utilizando la misma topografía, el anuncio exactamente del mismo color y mismo tamaño y la misma fuente. Y también todos están centrados en la composición. Y al establecer esta similitud, estos se vuelven casi como anclas entre las que los espectadores podrán saltar rápidamente de ida y vuelta. Aquí hay otro gran ejemplo donde se utiliza la similitud para guiar a los espectadores a través de una composición. Por lo que una vez más, tenemos los grupos más pequeños de las lámparas son los productos, su nombre, su tamaño y precio, y eso sigue repitiendo. Entonces tenemos la misma alineación. Las lámparas están en una fila. Entonces tenemos el título de nuevo en otra regla. Pero todos estos detalles son siempre exactamente iguales en cada uno de los grupos. Entonces los tamaños, por ejemplo, siempre se encuentran en la misma posición, pero también usando el mismo tamaño de impuesto y del mismo color. Y al igual que con el menú, estableciendo estas similitudes aquí en esta composición, es importante porque los espectadores están comparando estos productos entre sí. Y para ayudarles a tomar una decisión convenientemente, se les proporciona una forma muy sencilla y conveniente saltar de un precio a otro, por ejemplo, o de un tamaño a otro. Cuanta más información tengas en una composición, menos probable será capaz de controlar exactamente el orden en el que tu espectador atraviesa esa inflamación. Pero después de que estableciste y transmitiste la esencia de la composición, que en este caso es bastante dominante. Es la palabra colgantes, junto con la pista visual de cada una de estas líneas. Y entonces lo más probable es que la inflamación secundaria o eslabone productos elegantes para más que salas de estar. Y en realidad hay un error tipográfico aquí, que acabo de notar. Los espectadores serán libres de explorar el resto de la información en cualquier orden que deseen. Así que recuerda como diseñador gráfico, no tienes que sostener continuamente la mano de tus espectadores siempre y cuando les proporciones estructura. Y mientras establezcas la información más importante al principio, puedes dejarlos explorar libremente y en algunos casos hasta divertirte con el resto de la composición. 6. Estructura y orden: No importa qué técnica o método esté utilizando para establecer jerarquía en su composición, el objetivo siempre debe ser crear estructura y orden entre los elementos con los que está trabajando. Hay una gran cita que siempre me viene a la mente cada vez que pienso en orden y jerarquía visual, Víctor Copérnico dijo que el diseño es un esfuerzo consciente por imponer un orden significativo. Y esto resume perfectamente el objetivo y el proceso de establecer jerarquía visual, donde el diseñador tiene que pasar realmente tiempo y pensar en cómo pueden alinearse en un rango o los elementos de una manera que va a ser eficaz y significativo para los espectadores. Entonces solo echemos un vistazo más de cerca a las tres variaciones o versiones del mismo diseño, empezando por esta de aquí a la izquierda, inmediatamente podemos ver que la alineación está centrada para todos los elementos. Y además de la tipografía, tenemos dos elementos adicionales, la imagen y esta línea aquí en la parte inferior. Y estos ya se usan con bastante eficacia, rompiendo el flujo de la tipografía. Por lo que no nos sentimos abrumados con muchos textos a la vez. En primer lugar, vemos el logo aquí en la parte superior. Después está ese pequeño intermedio visual o pose usando la imagen. Después continuamos más abajo con algunos textos más que una vez más, hay un intermedio visual, esta línea horizontal que rompe ligeramente el flujo de lecturas. Y luego terminaremos una vez más, otro grupo de información al fondo. Por lo que se puede pensar en este arreglo también como un buen ejemplo de ritmo donde tenemos topografía, imagen, topografía, tipografía de líneas. Entonces se puede ver cómo va y adelante, y vuelta, estableciendo ese ritmo visual. Y se puede decir que al tener todo centrado y simétrico, también tiene un equilibrio visual muy fuerte. Pero a pesar de que este diseño funciona y es estéticamente agradable, falta un elemento importante, y ese es el orden entre estos elementos, principalmente debido a la similitud entre todos los elementos en cuanto a su escala y también alineación. El único orden plausible que obtienen los espectadores cuando miran esto es que empiezan desde arriba y luego se abren camino hacia abajo. Y para visualizar mejor por qué esta no es la mejor manera de diseñar la información. Solo piense en el pasillo o entrada a un edificio. Preferirías estar caminando por un pasillo estrecho y largo o ser recibido tan pronto como entras con un bonito espacio abierto amplio, grande. Este rígido flujo vertical que podemos ver aquí en el lado izquierdo es como un corredor estrecho y largo, comparado con el cual los otros dos ejemplos aquí a la derecha están permitiendo mucha más libertad visual para los espectadores al aumentar el tamaño del texto para gran apertura y además darle una tipografía más única de inmediato hace que esto sea más prominente que el resto de los elementos, pero también la imagen, como se puede ver en el original, hizo más grande ligeramente y el logotipo se hace más pequeño. Lo que esto logró es que la mayoría de los espectadores ahora comenzarán aquí en el centro de la composición, y luego lo más probable es que se muevan hacia arriba y miren la imagen. Y a partir de ahí podrían leer el logo o tal vez bajarán y leerán el resto del texto. Por lo que al establecer el orden de iniciar en el centro de la composición, ya estamos brindando múltiples opciones para los espectadores. Entonces al tener el énfasis más fuerte, por lo que el detalle más dominante en el centro de la composición, el flujo visual no es tan lineal como solía ser, pero eso no significa que la composición es necesariamente mejor porque hay una cosa que quieres evitar establecer un obstáculo visual en tu composición. Y lo que quiero decir con eso es que en caso empiecen a leer aquí en el medio, entonces se mueven hacia arriba a la imagen y al logo cuando van a seguir y abriéndose camino hacia abajo para encontrar al resto de la información. Volverán a ser recibidos por este gran trozo de textos, que es lo que he referido como un obstáculo visual. En este caso, es casi como tener demasiadas puertas innecesarias para poder entrar a ese edificio. Entonces en cambio, en esta última versión del diseño, tenemos una solución mucho mejor. Los dos detalles más grandes, la imagen y el texto de gran apertura, son casi imposibles de perder. Y lo más probable es donde los espectadores iniciarán su viaje. Por lo que leerán el texto y mirarán la imagen casi al mismo tiempo, y luego harán su camino más abajo. Lo bueno es que ahora tenemos el resto de la información realmente bien organizada aquí en dos grupos principales, 12 divididos por esa línea horizontal. El primer subgrupo está dentro del círculo, y el segundo es la lista aquí a la derecha. Para volver a la analogía de un edificio o pasillo, nos saludan con un gran espacio. Y una vez que entramos, tenemos opciones para explorar lo que hay dentro. Podemos ir a la izquierda o a la derecha, y ninguna de estas direcciones está equivocada en cuanto a la importancia de la información. Por lo que está bien si los espectadores primero leen por qué deben estar asistiendo a este espacio o cuándo y dónde va a tener lugar este evento. Se puede decir que estos son igualmente importantes. Y luego una vez que decidieron, pueden moverse más hacia abajo y averiguar exactamente a dónde necesitan ir. Entonces si alguna vez te resulta difícil, cómo puedes ajustar o mejorar la jerarquía visual de una composición. Solo recuerda la analogía del espacio físico, como un edificio, pasillo, o una calle, lo que sea que tenga sentido para ti. Pero piensa en cuál sería la forma más agradable y agradable experimentar y explorar ese espacio. Y ir con la misma analogía, todo cuando estás pensando en espacios más grandes, tal vez incluso en toda una ciudad. Diseñador gráfico es casi como un guía turístico. Eres el responsable de guiar y mostrar a la gente alrededor y asegurarte de que puedan digerir la información que les estás presentando. Muéstrales las atracciones son puntos de referencia en el orden correcto. Y también es importante, debes asegurarte de que todos en tu grupo se mantengan comprometidos durante todo el recorrido. Lo que significa que realmente hay que prestar atención para no perder el tiempo de nadie. 7. Punto focal: Muy comúnmente utilizado en estrategia efectiva por los diseñadores gráficos para asegurar que capten la atención del espectador es introduciendo un punto focal en su composición. Se trata de detalles que se destacan claramente utilizando ya sea una sola o múltiples formas de contraste. Y lo mejor de usar puntos focales es que no solo puedes asegurarte de que la gente se vea intrigada por tu diseño, sino que también sabrás qué detalle estarán mirando al principio saber dónde comienza tu recorrido visual de espectadores te ayuda a organizar todos los demás elementos la composición en consecuencia. Lo interesante de los puntos focales es que no tienen que estar en una posición particular dentro de la composición. Y además, no se requiere sean el elemento dominante, sino para entender mejor cómo funcionan, echemos un vistazo a un par de ejemplos de esta junta directiva. Este cartel de evento es un gran ejemplo donde claramente el punto focal es el I con la pintura roja o círculo a su alrededor. Esto se destaca claramente del resto de los detalles monocromáticos. Y tal vez el único detalle adicional que también un erudito o los labios. Pero como eso también está muy cerca del punto focal, incluso podemos considerar que estos dos juntos son los puntos focales. Y en general, si tienes un rostro, sobre todo mirando al espectador, si dentro de tu composición, incluso sin resaltar los ojos, eso se va a convertir en un tipo de punto focal. Porque instintivamente siempre primero miramos a los ojos de alguien que nos encontramos y eso es casi algo imposible de desaprender. Para que puedas confiar en este reflejo, pero al tener esta pintura roja en uno de los ojos, hacemos que ese detalle destaque aún más. Pero además de tener el punto focal En una obvia detallada como un ojo, eso también son consideraciones adicionales aquí que podemos ver. Uno de ellos es que este detalle está casi exactamente en el punto central visual o línea central de la composición, que es diferente a la línea del centro físico, que es algo que discutimos en otro tema de este curso, esencialmente el punto central visual siempre es ligeramente más alto que el punto central físico. Y en términos de posicionamiento horizontal, está utilizando perfectamente la regla de los tercios. Así que una vez más, en lugar de tener algo exactamente en el centro, está ligeramente fuera a la izquierda, en este caso, usando o utilizando la regla de los tercios. Por lo que podemos ver que hay tantas decisiones deliberadas que se toman aquí para hacer este destacado detallado y ser el punto focal de esta composición. Y al saber que la mayoría de los espectadores iniciarán su viaje visual desde este punto, podemos pensar en lo que más probable va a ser el siguiente detalle que mirarán. Y ya que esta sección aquí es la más cercana en posición al punto focal del que hablamos. Creo que esto es lo que más probable es que lean a continuación, a pesar de que se gira y un poco más difícil de leer debido a la cercanía al punto focal. Creo que este es el segundo detalle que mirarán, que es perfecto porque ese es el título de la obra en este caso. Y a partir de este punto, estoy bastante seguro de que continuarían con el título, que es el nombre del recinto en este caso. Y este es obviamente un detalle muy dominante. Es el elemento tipográfico más grande y también en términos de valores tonales, tiene el mayor contraste. Entonces los detalles más brillantes que reúnen los detalles más oscuros, las letras audaces y grandes en la parte superior del fondo blanco. Y luego de aquí, de nuevo, por su cercanía, lo más probable es que los lectores salten a este texto. Y luego a partir de ahí, bajarán al resto de la información, que de nuevo está muy bien agrupada formando dos subgrupos. Ahora que consideramos que se trata de las órdenes que se pretenden. Entonces vamos de izquierda a arriba, ellos a escribir y luego a la esquina inferior derecha. También es interesante darse cuenta de que hay un ritmo aplicado a la topografía. Primero comenzamos con un texto vertical, luego pasamos a uno horizontal. Después volvemos a cambiar de nuevo a vertical, y luego finalmente llegamos a otra sección horizontal. Entonces el ritmo se establece cambiando de ida y vuelta entre topografía vertical y horizontal. Pero para continuar con nuestra discusión sobre el punto focal, aquí hay otra gran composición para la película Vertigo de Alfred Hitchcock. Y en este caso, el punto focal es definitivamente esta sección aquí, diría que toda esta plaza y lo que hay dentro de ella. Y una vez más, como mencioné al principio, la forma en que se logra ser el punto focal es mediante la utilización del contraste. El ejemplo más extremo es siempre blanco y negro uno al lado del otro. Y eso es exactamente lo que podemos ver aquí. Y al igual que en el ejemplo anterior, se utiliza una vez más la regla de los tercios. Pero en este caso, el punto focal se coloca mucho más alto dentro de la composición, casi al lado del borde superior. Pero la razón por la que se coloca es para poder establecer la profundidad que es crucial en esta composición. Entonces, al llevar al espectador este diseño desde este punto, inmediato nos pusimos en el lugar de ese personaje ahí en lo alto de este edificio. Y por el uso de una perspectiva inteligente, pesar de que es una ilustración de escena muy mínima, podemos sentir de inmediato el sentido de profundidad y ese sentimiento incómodo o vertical que obtenemos cuando estamos mirando hacia abajo desde lo alto de un edificio. Entonces recuerda, los puntos focales son cruciales a la hora definir la narrativa de tu narrativa visual. Y por último pero no menos importante, es otro ejemplo interesante. Recuerda lo que dije sobre los ojos o un rostro en una composición. En este caso, está completamente oculto o cubierto por este bloque degradado. Pero al revelar suficiente información sobre la persona podemos ver claramente que es debe ser una dama atractiva. No ver la cara lo hace aún más atractivo porque mantiene al espectador adivinando y una vez más desencadena curiosidad. Una técnica similar se utiliza también en este cartel, lincoln, y teniendo los ojos tapados y dos cruces colocados sobre ellos. Pero volviendo al cartel en medio, además de este ocultamiento, que establece el punto focal, también hay muchas formas inteligentes de utilizar el contraste, como tener un geométrico muy rígido forma, un cuadrado colocado encima de una forma muy orgánica de una persona, pero también teniendo la dirección del gradiente invertida en comparación con el fondo. Así que no lo olvides, los puntos focales pueden ser extremadamente útiles para capturar y mantener la atención de tus espectadores. 8. Punto de entrada: En diseño editorial, los puntos de entrada sirven un propósito similar, dos puntos focales dando a los lectores ganchos visuales o anclas que pueden guiarlos o navegar a detalles importantes como el inicio del artículo principal o dos encabezamiento o inicio de una historia más pequeña dentro del artículo en comparación con un punto focal, que normalmente se usa sólo una vez dentro de una composición. Eso puede ser múltiples puntos de entrada dentro de un diseño. más común de todos ellos es un tope de caída, que en ocasiones también se conoce como tope inicial o tope inicial, que es una carta ampliada indica el inicio de una sección, párrafo, historia, o artículo. También de manera similar, dos puntos focales caen los límites pueden utilizar el contraste para aumentar su efectividad. Y además de la obvia dominancia de su tamaño o el contraste en escala en comparación con la copia corporal. También puede ser contraste en color e incluso en diferente tipografia siendo utilizado nuevo en comparación con la copia del cuerpo. Para un efecto extremo, estas tapas de caída pueden incluso estirarse como en este caso, tenemos una D que normalmente estaría probablemente alrededor de este tamaño. Pero como podemos ver, se estira todo el camino hacia abajo para alinearlo con el resto de las columnas en esta propagación. Como mencioné, puede haber múltiples puntos de entrada dentro de un solo diseño, y eso significa que incluso puedes tener múltiples Drop Caps. Y en esta composición lograron realmente jerarquía visual entre estas tapas de caída al tener la primera con la que se supone que el lector debe comenzar. Más grandes y decorativos en comparación con estos otros tres que podemos encontrar más en la historia. Pero además de tener el primero claramente el más dominante e importante que sigue siendo similitud usada entre estas tapas de caída que los mantiene conectados entre sí. Por lo que hay una relación formada dentro de estos puntos de entrada, y que se logra mediante el uso de la misma tipografia y también del mismo color. Además de las tapas de caída en este diseño, incluso el pobre código sería considerado un punto de entrada. Una vez más, porque este es un detalle destacado que queremos que nuestros lectores lean. Y aunque empiecen a leer esto antes de leer el resto de la historia, todavía debería tener sentido y en realidad los atraería o los haría interesados en leer el resto de la historia. En caso de diseños más complejos como este, donde hay bastantes cosas pasando en drop cap es muy importante, una vez más, ayudar al espectador a encontrar dónde se supone que deben comenzar. Mientras que en otros casos, como con esta composición, el punto de entrada o la tapa de gota está sirviendo más como elemento decorativo que algo que se utiliza para la navegación. La sutileza de este diseño radica no sólo en la gran cantidad de espacio negativo, sino también en el bajo contraste tonal utilizado en la tapa de caída, que se puede imaginar. Si fuera blanco, se destacaría mucho más que la forma en que está en este momento. Pero ese contraste en el color era innecesario porque ya es dominante en escala, sobre todo teniendo todo ese vacío o espacio negativo a su alrededor. Y siempre es un buen equilibrio. Es necesario golpear con un punto de entrada y de igual manera también con un punto focal. Porque por un lado quieres que destaque y asegúrate de que capte la atención de tus espectadores. Pero por otro lado, no quieres que sean abrumadores y distraen del resto de la composición. No hay que olvidar que no sólo es un tapón de gota que puede ser utilizado como punto de entrada en el diseño editorial. Por lo que además del tope inicial o el tope inicial aquí, también consideraría estos encabezados e incluso estos subtítulos como puntos de entrada, junto con esta sección resaltada aquí en la parte inferior derecha, que al tener un color diferente al resto del fondo, separa automáticamente y lo convierte en otro punto de entrada. 9. Dominio: Una de las técnicas más fuertes o extremas que puedes aplicar en tus composiciones para controlar la jerarquía visual. Crear un punto focal o punto de partida en su diseño es aplicar dominancia o énfasis. Un elemento dominante en una composición es el que tiene el mayor peso visual o el que todo lo demás está apuntando. Por lo que casi siempre es el elemento que va a atraer la atención del espectador primero. Y en ciertos casos, también se puede utilizar como factor de choque. Por ejemplo, echa un vistazo a esta composición donde el rezago o el pie es claramente el elemento más grande, pero también tiene el mayor contraste. Además de su tamaño y contraste, el factor de choque proviene de este pequeño personaje debajo del pie que está a punto de ser aplastado. Una ilustración como esta en el diseño editorial es una forma muy efectiva para la narración visual, pero también para atraer a los lectores y hacerlos interesados en leer un artículo. Pero además de que esta ilustración sea tan dominante en esta página, la escala de la comida se siente aún más grande porque podemos compararla con ese pequeño personaje en la parte inferior. Y la escala de todos los elementos de tu composición son relativos unos a otros. Y en este caso, la yuxtaposición de un personaje minúsculo y este pie gigante hace que un elemento ya dominante se sienta aún más poderoso. Aquí hay otra composición similar. Una vez más, tenemos un detalle dominante, esta rebanada de pizza. Y aunque tenemos otro detalle sobresaliente que tiene énfasis en ello, The Chili Pepper en el fondo. El detalle dominante sigue siendo claramente la rebanada de pizza. Y eso es realmente bueno tener en cuenta. Y es una buena práctica recordar que no deberías tener múltiples personajes dominantes o detalles dentro de una sola composición. Porque si estás tratando de que destaquen múltiples detalles y sean dominantes, comenzarían a competir entre sí y vas a reducir la efectividad de tu jerarquía visual. Ahora lo único que el dominio siempre tiene que ser el uso de escala o tamaño en una composición. Se puede lograr con prácticamente cualquier otro atributos, como el color. En este caso, por ejemplo, amarillo es el color dominante, pero el énfasis está en realidad en este pequeño personaje aquí, que también podríamos considerar ser el punto focal. Entonces a pesar de que el dominio y el énfasis son muy similares, se pueden usar en combinación dentro del mismo diseño, pero aplicados a dos elementos separados dentro de su composición. Aquí hay otro gran ejemplo de dominancia y énfasis trabajando mano a mano. El detalle dominante es esta flecha que apunta a la derecha. Y eso significa la rejilla de la que se trata este libro, frente a todas estas otras flechas apuntando a la izquierda, formando un patrón en el fondo. Pero además de un énfasis estar en la palabra grid, también hay otro detalle de enfatizar, copia bestseller de The New York Times aquí en la parte superior derecha. Me encanta este ejemplo porque muestra bien que un detalle dominante no tiene que estar siempre en tu cara, algo que realmente destaca. En realidad es realmente sutil aquí porque se basa puramente en el espacio negativo. Y a pesar de que esta flecha dominante que apunta a la derecha es claramente el mayor detalle dentro de la rejilla de desvío composición. Y esa flecha en la parte superior derecha destaca mucho más, principalmente por el intenso color rojo, que destacaría aunque hubiera más color utilizado en el resto de la composición. Pero se siente aún más potente emparejado con esta paleta monocromática. último pero no menos importante, es importante recordar que el dominio es un término fuera del diseño gráfico que se usa generalmente para cosas que son bastante negativas. Por ejemplo, no es bueno tener una persona dominante en una relación. Pero al comprender mejor lo que realmente significa el dominio, podemos aplicar esto en nuestras composiciones y podemos usar el elemento dominante como una amenaza o algo de lo que queremos que nuestros espectadores tengan miedo. Y este cartel utiliza o muestra esto a la perfección al tener esta moto siendo el detalle dominante, que aparentemente está acelerando hacia este niño de fondo. Y la copia francesa aquí en la parte superior, creo que significa proteger a los niños, nos advierte sobre este evidente peligro que podemos sentir. 10. Escala: Ya nos referimos a la escala de elementos en nuestra composición en el anterior par de videos. Pero es importante pasar un poco más de tiempo hablando de ello, ya que tiene un enorme impacto en la jerarquía visual de tus composiciones, probablemente lo mejor que hay que recordar es esa escala siempre es relativo, como lo dijo Stephen Bradley, un solo objeto no tiene escala hasta que se vea en comparación con otra cosa. Solo considera cómo se sentiría esta composición quitando este perno aquí en el medio con la gente dentro de él, viendo estas aletas sin ninguna comparación, no podríamos decir si es un pez pequeño o una ballena masiva, como en este caso. Pero al establecer esta relación y colocar estos dos elementos uno al lado del otro, inmediatamente entendemos y apreciamos la diferencia de escala. Lo mismo se utiliza en este cartel de película donde tenemos nuestro punto de referencia como de nuevo, una persona aquí en la parte superior. Y por cierto, el ser humano es siempre la mejor manera de referenciar escala porque eso es sólo algo con lo que estamos muy familiarizados. Y en comparación en este caso, podemos ver de inmediato cuán grande es este tiburón. Pero lo que es aterrador es de inmediato lo enorme que se siente esta boca en el fondo. Ahora bien, esto es claramente una exageración, pero una brillante. Por lo que tenemos este detalle dominante todo el camino en la parte inferior, muy cerca del borde. Por lo que sólo vemos un pequeño detalle de ese gigantesco animal, pero al mostrar sólo la boca, que es probablemente el detalle más amenazante de un tiburón, dejamos que los espectadores usen su imaginación para llenar los detalles faltantes. Cuando estás tratando de enfatizar cuán grande es algo dentro de tu composición, en lugar de usar un cultivo extremo en él, como hemos visto con el póster anterior de la película. También puedes utilizar la perspectiva con el cartel de la película kong Skull Island, king Kong, el simio gigante se establece todo el camino en el fondo. inmediatamente podemos sentir esa vasta distancia que se encuentra entre estas colinas o montañas de fondo y estas personas aquí en primer plano. Y de igual manera cómo podemos relacionar y entender el tamaño de una persona. También entendemos instintivamente la distancia de los objetos gracias a la perspectiva, que es otra vez, algo que estamos experimentando todos los días en nuestra vida. Entonces en este caso, a pesar de que King Kong no se sienta como un enorme o dominante elementos dentro de la composición. Todavía apreciamos y entendemos cómo Gigante debe ser para torre sobre estas montañas o colinas muy lejos en la distancia. También me encanta cómo en esta composición podemos ver que incluso un objeto cotidiano en raqueta de tenis también puede sentirse enorme simplemente por el inteligente posicionamiento y recorte de la misma. Entonces en este caso, al elegir un mirador donde sienta que estamos mirando hacia arriba a la raqueta y colocándola frente a este cielo despejado, ya se siente mucho más grande. Pero debido a este ingenioso recorte, también comienza a parecerse a la Torre Eiffel en París. Esa connotación visual desencadena de inmediato nuestra imaginación, que nos dirá que en realidad se trata de una raqueta gigantesca. Aquí hay otra forma realmente inteligente de utilizar la escala y el dominio en una composición, en este caso, utilizando espacio negativo y tipografía. Por lo que tenemos esta H grande, que significa Hamlet, pero el espacio blanco o espacio negativo, también está formando un cuchillo, que por supuesto es muy importante o integral a la historia. Además del uso inteligente del espacio negativo, lo que hace a esta composición También valiente es lo pequeño que mantuvieron toda la información real y lo cerca que está al borde del marco. Y creo que la intención aquí era que no solo estos cuchillos estén llenando completamente el marco de arriba a abajo, sino que también comparado con la topografía aquí de la derecha, se siente aún más grande. Nuevamente, es la relación entre los elementos o la comparación de su escala lo que puede hacer las cosas aún más efectivas. Aquí hay otro ejemplo realmente genial donde se usa la dominancia y la escala con la tipografía. Entonces tenemos el punto de entrada o la letra inicial del título Forever fashion recortada a una cantidad extrema donde no podríamos decir lo que estamos mirando, obviamente sin ver el título en sí. Si alguna vez planeas usar este tipo de efectos, solo recuerda que necesitas mostrar detalles distintos de una carta que pueda ser reconocida. Y para esas caras tipo serif, vamos a trabajar mejor. Más o menos todo lo que vemos son los serifs, pero aún podemos distinguir lo que estamos mirando. Ahora a pesar de que hasta ahora hemos estado hablando de escala comparativa, o el hecho de que se necesitan múltiples elementos y la relación entre ellos te ayudará a establecer la escala que en realidad formas ingeniosas que se puede lograr sentido de escala incluso con un solo elemento. Empezando con esta impresionante ilustración de Hulk. Y la forma en que es escala se logra en este caso es que está llenando completamente el marco. Y a pesar de que es sólo un solo personaje dentro de esta composición, la escala de la cabeza del personaje en comparación con sus brazos y parte superior del cuerpo también ayuda a contar la historia de que es enorme y muscular. Otra impresionante ilustración de Wonder Woman, este caso, de nuevo, muestra solo un personaje, pero por el punto de vista y otra vez, la perspectiva exagerada ayuda a que se vea gigantesca y heroica. Pero se puede lograr sentido de escala incluso con la fotografía, como con este brillante ejemplo, donde esta persona está claramente demasiado cerca de la cámara o cerca del espectador para la próxima vez que su rostro esté quedando distorsionado, similar a lo que pasaría si alguien se empujara a sí mismo sobre una superficie de vidrio. Esto de nuevo, sólo demuestra que si eres creativo, puedes lograr no sólo escala, sino incluso cercanía o cercanía a algo, incluso sin incluir múltiples elementos que puedes comparar con cada uno otro, como con la Isla Skull posterior anteriormente. 11. Posición: Además de la escala y el contraste, la posición es probablemente la técnica o forma más importante en la que puedes enfatizar la importancia de un elemento y establecer jerarquía visual en tu composición. Lo interesante de usar la posición en el diseño gráfico es que puede influir o incluso determinar la percepción de un elemento. Y al igual que con habilidad y contraste con posición, también puedes ser muy creativo y veremos muchos ejemplos interesantes. Pero primero, permítanme mostrarles este increíble experimento del diseñador brasileño naval Atlanta, quien llevó a cabo esa investigación con cientos de personas. Y les mostraron estos sencillos gráficos y preguntas. Sin obviamente los porcentajes y sin dar ningún contexto, todos tenían que decidir. Por ejemplo, en este caso, quién es el preso. El círculo aquí en la parte superior, el círculo en la parte inferior. Por lo que de inmediato podemos ver que la mayoría de la gente eligió este círculo aquí en la parte inferior para ser el prisionero. Pero ¿por qué crees que eso es lo que has elegido también el mismo círculo, creo que la razón principal por la que creemos que para ser el prisionero es porque esta línea aquí en medio parece dividirse el espacio en dos partes desiguales. Y el espacio en la parte inferior es más pequeño que el espacio de arriba. Pero también podemos atribuir el hecho de que más personas elegirían esto en la parte inferior para ser el prisionero. Al hecho de que normalmente colocaríamos a las personas más altas en posición o en una mejor posición en general, a la cima y a las personas menos exitosas debajo incluso de la jerarquía en contextos sociales, también pensar normalmente en un triángulo, y las personas en la parte superior del triángulo son las más ricas o más influyentes y poderosas. Las personas en el fondo del triángulo serían las más pobres y menos poderosas. Así que simplemente el hecho de que este círculo esté más cerca del borde superior de la composición y el otro círculo esté más cerca del borde inferior, también nos hace creer que este círculo en la parte inferior es muy probable el menos afortunado. Aquí hay otro ejemplo. En este caso la pregunta fue, quién tiene miedo. Y aunque aquí las respuestas fueron un poco más divididas entre las dos opciones, todavía hay una mayoría eligiendo este círculo a la derecha. Así que vamos a tratar de volver a entender esto. ¿ Por qué la gente pensaría que el círculo de la derecha es más probable que tenga miedo que el de la izquierda sin dar ningún contexto en este caso, creo que se reduce principalmente al hecho, otra vez que tenemos estos rectángulo oscuro aquí en el lado derecho. En general, el fondo es brillante, mientras que este rectángulo es mucho más oscuro, mientras que la gente en general tiene miedo, bueno, es la oscuridad o estar sola en la oscuridad. Y parece simplemente por tener este círculo colocado más cerca del rectángulo oscuro ya era suficiente para hacer este el lugar menos cómodo de los dos círculos. Pero una vez más, al igual que antes, este círculo es más alto. Entonces en términos de posicionamiento vertical, es más alto, que uno es más bajo. Entonces si estás pensando en ese triángulo social que mencioné anteriormente, éste de nuevo está más abajo, por lo que ya se siente un poco menos afortunado. Otra pregunta muy interesante fue, ¿quién es el más feliz? Y en este caso, en lugar de dos círculos, tenemos tres plazas. Y de nuevo, a pesar las respuestas se dividieron entre las tres, la mayoría eligió esta aquí en la parte superior derecha. La segunda respuesta más popular fue la que estaba en el medio, y esta fue la opción menos seleccionada. Entonces siguiendo la lógica de los dos ejemplos anteriores, podemos ver con claridad que esta es la raíz cuadrada que es más alta o fuera de todos ellos. Pero también está más cerca de la derecha y en general, más cercana al borde del lienzo o de este marco. Si estamos pensando en una habitación, por ejemplo, y niños jugando dentro de esa habitación, considerarías que el niño de la esquina es el más feliz o el que está sentado en el centro de la habitación. Creo que si se proporcionara este contexto a esta ilustración, casi todos habrían elegido el que está en el medio para ser el más feliz. Pero creo que en realidad hay otra razón interesante por la que la de arriba a la derecha se siente como la más feliz. Y creo que porque al tener no dos sino tres plazas en este caso, empieza a sentirse más como un gráfico. Y si piensas en gráficos, mayoría de las veces la mejor posición está en el coordinador de la parte superior derecha. Entonces no importa lo que tengamos en los dos ejes, en general, querrías estar en la esquina superior derecha, aparte de obviamente algunas excepciones dependiendo de lo que se trate el gráfico. Pero si generalizas, la mayoría de los gráficos significarían éxito. Cuanto más te encuentres y más cerca de la cima estás. Por último, una diapositiva más de este experimento. ¿ Quién es el cantante de la banda? En este caso, tenemos cinco círculos perfectamente alineados en el centro y también distribuidos uniformemente. Los círculos son exactamente del mismo tamaño y del mismo color. Por lo que visualmente no hay diferencia entre ellos y no hay razón por la que pensaríamos que alguno de ellos es diferente de los demás. Pero aún así, la mayoría de las personas que participaron en esta prueba eligieron al centro para ser el cantante de la banda. La segunda respuesta más común fue esta. Por lo que el primer círculo y los otros tres círculos son casi insignificantes en comparación con los otros dos. Y de nuevo, pensemos ¿por qué es eso? Se trata más de quién podría ser el líder si se trata de un grupo, porque el cantante suele ser el líder del grupo, pesar de que no siempre es el caso por supuesto, pero por si estamos hablando de el dirigente. La mayoría de las veces colocaríamos eso en el centro, como la forma en que tendríamos al juez o así en el centro de la sala de audiencias, o la forma en que el conductor también estaría pie en el centro de un orquesta. Pero también podemos entender por qué algunas personas eligieron este círculo para ser el cantante o el líder de la banda. Porque para todos los países occidentales, siempre empezamos a mirar detalles y leer de izquierda a derecha. Entonces en ese orden, este de aquí es el primero y éste es el último. Entonces en ese aspecto, este de aquí a la izquierda es muy probable que sea el líder. Tengo el enlace en el tablero si te interesa ver las otras diapositivas de esta prueba. Pero lo que podemos aprender de estos resultados que hemos visto es que la posición de los elementos visuales y la cercanía de ellos a ciertos detalles en una composición pueden influir enormemente en nuestros percepción de los mismos. 12. Alineación: Entonces como comparación, solo echemos un vistazo a estos tres carteles de cine bastante similares, cada uno de ellos usando una buena cantidad de espacios en blanco y teniendo ya sea una o dos personas con alguna topografía. Incluso el tamaño de las personas en estas composiciones es bastante similar. Y las principales diferencias entre ellos es cómo se posicionan dentro del marco y por supuesto también su postura. Ahora empecemos con Tom Hanks en terminal. Se coloca en la esquina inferior derecha del marco y está claramente orientado hacia el borde del marco. Lo que esto nos dice es que no quiere estar en este marco. Tiene ganas de irse. Nuevamente, todo se reduce al hecho de que esperaríamos que las cosas entraran en el marco desde la izquierda y se vayan a la derecha. Y una vez más, este flujo visual esperado es algo que se aplica principalmente a los países occidentales. Porque por ejemplo, en los países árabes donde la lectura es de derecha a izquierda, también esperarían detalles y elementos o incluso personas que entraran al marco desde la derecha y se vayan a la izquierda. Entonces es exactamente lo contrario de lo que estamos viendo aquí comparado con esto cuando miramos el cartel de la película de propuesta, ambos actores realmente cercanos al borde izquierdo del marco, y sobre todo el personaje de Ryan Reynolds está casi aplastado al borde del marco. Ahora claramente se ve incómodo y también quiere vivir igual que Tom Hanks, pero está coordinado. ¿ Y por qué lo tenemos del lado izquierdo y no del lado derecho? Una vez más, porque sabemos que al lado derecho podría irse porque ese es el flujo general de las cosas. De nuevo, Tom Hanks está mirando hacia la derecha donde sabe que la salida se va a abrir a la 1. Si bien en este caso, Sandra Bullock está impidiendo a Ryan Reynolds salir del marco. Pero ahora echemos un vistazo a este tercer postorden, Sr. y la señora Smith con Brad Pitt y Angelina Jolie, la destacada, frente a la otra en los bordes izquierdo y derecho del marco. Y como también están en una pose muy similar, crea una composición simétrica muy agradable. Pero lo más importante es que estos dos personajes en esta composición se sientan iguales. Por lo que no hay carácter dominante, como en el ejemplo anterior. Incluso son iguales en altura y ambos están vestidos de negro, también ambos portando un arma. Entonces, ¿qué nos dice la colocación de estos dos personajes y la dirección en la que se enfrentan. Creo que lo principal que trata de decirnos es que no necesariamente quieren estar juntos. Por lo que están retomando los dos puntos más alejados dentro de la composición posible, tanto es así que incluso se están inclinando ligeramente una V el uno del otro, no el uno hacia el otro. Por lo que aquí, este posicionamiento está creando principalmente tensión entre estos dos personajes. Esto es casi como lo opuesto lo que se podría lograr en una composición cuando dos personajes se abrazan o se besan entre sí. Para que puedas ver el posicionamiento de tus elementos en una composición puede realmente subyacente o enfatizar la historia. Y al elegir la posición correcta, realmente se puede reforzar y subrayar la historia que está contando. Ahora, es posible que no siempre puedas colocar una información relevante uno al lado del otro. Al igual que en caso de este trazado, tenemos esta hermosa ilustración de los hitos de Barcelona. Y luego tenemos la copia dividida en estas columnas, Cada una hablando de un hito particular. Pero el orden de la copia no está siguiendo el orden de la ilustración. Y es por eso que el diseñador tiene que usar estos números para conectar la ilustración a la copia. En comparación con eso, aquí hay un layout en Table of Contents en este caso, que es muy inusual pero muy creativo, donde todavía podemos distinguir claramente estos grupos más pequeños. Entonces los números de página y los artículos correspondientes, pero es un poco más difícil seguir el orden de los mismos porque obviamente de nuevo, no están dispuestos de la manera convencional. No obstante, todavía hay una lógica. Por lo que estamos empezando con el número más bajo aquí en el número seis superior izquierda. Después vamos y nos dirigimos camino hacia abajo en este orden. Entonces desde aquí pasamos a la parte superior de la siguiente página. Y luego una vez más, seguimos un orden similar. Entonces bajando desde arriba. Y la razón por la que estoy mostrando este ejemplo es porque posición, nuestra alineación se usa muy comúnmente en composiciones, sobre todo en diseño editorial, para agrupar o organizar ciertos elementos juntos y facilitando al lector digerir la información. En este caso, la inusual y casi caótica colocación y escalamiento así como de estos elementos de especial interés en trig y en general hace que la composición sea mucho más dinámica. Entonces recuerda, no siempre se trata de encontrar cuál es la posición más habitual o esperada para algo. En ocasiones puedes trabajar intencionalmente contra las expectativas y elegir una colocación inesperada para uno o incluso más de tus elementos. 13. Proporción y exageración: Proporción en diseño gráfico se refiere al tamaño relativo de sus elementos en una composición. Y ya discutimos que el tamaño es extremadamente importante para establecer la jerarquía visual correcta. Y la proporción es en realidad un término que se puede usar y aplicar para muchas cosas diferentes. Se pueden considerar las proporciones de un personaje. Por lo que relativamente la cabeza, los pies y las manos son diminutas en comparación con el cuerpo en este caso, pero también podemos comparar el personaje con el medio ambiente. Por lo que en este caso, esta silla colgante y su relación entre sí también forma una proporción en la que una vez más, el personaje es definitivamente más dominante que la silla no sólo se percibe de esa manera por el tamaño del personaje, pero también porque la silla se dibuja con estas líneas muy delgadas en comparación con el grosor del personaje. En caso de este banner, podemos considerar la proporción entre la imagen y la topografía. Y desde ese punto de vista, la imagen ocupa aproximadamente alrededor del 40 por ciento de la composición. En tanto que el logotipo, los textos, y el botón de llamada a la acción, que foros agrupan visualmente ocupa también aproximadamente alrededor del 40 por ciento, y el resto es un espacio negativo. Estoy seguro de que se puede imaginar que en caso de este banner, sin cambiar ninguno de los elementos, podemos cambiar fácilmente y cambiar estas proporciones a lo que creemos que mejor funcione. Pero recuerda cuando estás escalando las cosas hacia arriba y hacia abajo, que la idea general es resaltar los detalles importantes a la vez que se mantiene la armonía y la integridad entre tus elementos. Por supuesto, también hay otro término que es importante recordar y es una técnica que puedes aplicar en tus diseños. Y es exageración. Y esto es algo que generalmente mete con las proporciones de tus elementos y normalmente se usa para efecto dramático y para captar los ojos de tus espectadores. Toma esta portada de libro, por ejemplo, donde la casa es pequeña en comparación con el tamaño de las llamas y el humo. Y al usar estas proporciones, manteniendo el fuego para ser el elemento dominante en la composición, claramente obtiene mucho énfasis y más o menos se hace cargo de la portada de este libro. exageración en la ilustración se puede usar por mucho más que solo para hacer que algo se vea realmente grande y algo realmente pequeño. También se puede utilizar para simplificar la forma de algo. Entonces para convertir formas o formas en algo un poco más abstracto. Y eso es exactamente lo que está pasando aquí. Entonces el animal es un realmente simplificado y la brillante idea aquí es que el ojo es en realidad una persona. Así que hay otra vez, una gran diferencia entre el tamaño o la escala de estos dos personajes. Pero en este caso, en lugar de tenerlos uno al lado del otro, al ilustrador se le ocurrió esta forma muy inteligente de combinarlas. Como se puede ver, las proporciones y los detalles son claramente exagerados. Nuevamente, en este caso por efecto dramático. Aquí hay otro ejemplo muy interesante, esta portada de The New York Magazine, que una vez más, la proporción juega un papel importante. En primer lugar, tenemos las caras de estos dos niños realmente de cerca. Por lo que definitivamente son detalles dominantes dentro de toda la composición. Por lo que en términos de proporciones, ocupan alrededor del 90% de la cobertura. Pero lo importante aquí es cómo descubierto se relaciona con el artículo principal dentro de esta revista, que se trata, ¿se puede enseñar racismo o un artículo en general sobre el racismo? Y en ese sentido, este diseño es extremadamente poderoso porque está utilizando una proporción aproximadamente alrededor de la misma para cada una de estas fases. Entonces los dos niños se sienten iguales. Pero lo que es extremadamente inteligente es que la distancia entre los dos ojos es casi exactamente otro tamaño de ojos, que es casi idéntico a la misma proporción que se obtiene con la cara de una persona. Entonces aunque aquí estamos viendo dos caras y una al lado del otro, cuando te estás concentrando en las proporciones de estos ojos y la distancia entre ellos, es similar a lo que nosotros obtendría cuando una sola persona nos está mirando. También me encanta el hecho de que este bloque de textos que tenemos aquí no se establece más grande ni más ancho. También innovan foros como una barrera entre estas dos fases o entre estos dos niños. Por lo que estos enfatizan aún más esa división que se establece con la composición. Pero recuerda, lo que equilibra que fuera es la forma en que estas dos caras también podrían formar una sola fase por el uso de proporciones inteligentes. Otra área en el diseño gráfico donde la proporción juega un papel importante es cómo configuras tu paleta de colores. Ya hablamos de esto en el tema del color. Qué importante es asegurarse de que tengas una buena armonía entre tus colores. Pero lo que también es importante es cuánto de estos colores se utilizan dentro de una composición, igual que equilibrar la escala de tus elementos, también puedes pensar tus colores en relación entre sí, y la mayoría de las veces, en lugar de usarlas por igual, lo que hará que las cosas sean más interesantes es pensar en ellas similares a cómo se usan en el diseño de interiores. Por lo que la regla 603010 es de uso muy común para decorar interiores. Y en general lo que significa es que siempre debes tener un color primario o principal que va a estar dominando el diseño. Y en términos de diseño de interiores, este es en realidad normalmente un color neutro que el color secundario. Por lo general es un color complementario al color principal. Y el tercer color es lo que llamamos como el color de acento, que suele ser el color más vibrante e intenso de la paleta. Y se pueden ver ejemplos de esta regla, no sólo en el diseño de interiores sino también en el diseño de moda. Pero como dije, es algo en realidad que también puede ayudarte en proyectos de diseño gráfico, pero no tienes que seguirlo estrictamente. Por ejemplo, volviendo a este banner que hemos visto antes, podemos ver que el color principal o dominante en este caso es el rosa, que se utiliza para el fondo. Entonces el color secundario es gris, que se utiliza para esta versión monocromática de la persona. Y luego como color de acento, tenemos en realidad dos colores. En este caso, tenemos este morado, que se utiliza para el botón de llamada a la acción y también estas hojas, pero también tenemos un poco de amarillo en la parte inferior. Ahora de estos dos colores de acento, el púrpura es el más fuerte que tiene más contraste. Y por eso funciona para ser utilizado para el elemento más importante en el banner, que es el botón de llamada a la acción. Así que recuerda cuando piensas en las proporciones dentro de tu diseño, no solo es la escala de los elementos lo que es importante, sino también las proporciones de los colores que estás utilizando. Y prácticamente cualquier otra cosa se puede considerar de esta manera, incluso, digamos la proporción de imágenes en comparación con el tipo en una portada. Pero no importa qué aspecto de tu diseño estás cambiando o ajustando. Recuerda que las proporciones son extremadamente importantes para la armonía y el equilibrio llamativos. Pero cuando estás usando la exageración, también puedes hacer las cosas fuera de equilibrio para un efecto dramático. 14. Densidad proposicional: Hasta ahora hablamos de jerarquía visual en términos de más complejos como spreads y diseños de revistas, portadas de libros, carteles de películas. Pero no olvides que la jerarquía visual también debe aplicarse a diseños más pequeños o menos complejos, como en el caso de un logotipo. Y para entender mejor cómo funciona la jerarquía visual específicamente en el diseño de logotipos, necesitamos hablar de densidad proposicional. Aquí pensamos en la relación y la proporción entre la cantidad de elementos en un logotipo y la cantidad de significados subyacentes u ocultos ligados a ellos. Así que toma este logotipo, por ejemplo, de la campaña presidencial de Barack Obama 2008, que es un brillante ejemplo de cómo la cantidad de significados puede superar con creces la cantidad de elementos utilizados. Y hablamos de densidad proposicional, los significados a los que generalmente nos referimos como proposiciones profundas. Y se puede recordar fácilmente que debido a que estos son los significados ocultos o reuniones subyacentes, por lo que están en el fondo y los elementos reales que se utilizan en el diseño llamamos proposiciones de superficie. Y eso también es fácil de recordar porque están en la superficie. Eso es lo que realmente podemos ver. Hay una ecuación matemática muy simple para obtener la densidad proposicional real, solo tienes que contar cuántas proposiciones profundas puedes encontrar y luego dividir ese número con la cantidad de proposiciones superficiales. Por lo que esencialmente cuenta el número de significados que puedes encontrar y dividirlo con el número de elementos utilizados en el diseño. Entonces en caso de este logotipo, podemos encontrar diez significados y sólo tres elementos que se utilizan. Entonces la ecuación es diez dividida por tres, lo que resulta en un número superior a tres. Incluso si se puede lograr la densidad proposicional sea superior a una, ya está haciendo un gran trabajo. Pero como se puede ver en este caso, hubo más de tres veces más significados que los elementos reales. Esto es por supuesto, es un ejemplo excepcionalmente bueno para la densidad proposicional. Pero sólo para mostrarte el otro extremo aquí es un logotipo que obviamente es mucho más débil en términos de densidad proposicional. Y aquí ese número es más probable por debajo de uno porque hay más elementos que significados. Y sin contarlo, sólo podemos ver de inmediato que tenemos el águila calva y la bandera americana, que básicamente lleva exactamente el mismo significado del patriotismo. De igual manera, tenemos el texto En Dios Confiamos aquí en la parte inferior, pero luego también tenemos la Biblia y la cruz. Por lo que de nuevo, tres elementos sirviendo el mismo significado. no mencionar que hasta el texto se repite. El condado de Saint Francois que está escrito aquí en el exterior también es visible aquí en este pequeño mapa dentro del logotipo. Entonces estoy bastante seguro de que incluso sin contar exactamente las proposiciones de superficie profunda, podemos ver claramente que este logotipo es mucho menos exitoso en comparación con la campaña de Obama. Pero hay muchos otros logotipos que tienen una gran densidad proposicional, como el logotipo actual de Airbnb, que a pesar de que es solo una forma abstracta simple, en realidad se refiere a muchas cosas como personas, lugares, amor, y también la letra a, que es la primera letra del nombre. En este caso, existen dos preposiciones superficiales, la forma y el texto. Pero de inmediato podemos encontrar que estas cuatro proposiciones profundas, lo que cuatro divididas por dos. Conseguimos dos por densidad proposicional, que una vez más es un logro brillante y para una marca sea memorable y que las personas puedan reconocerlo fácilmente, la efectividad depende en gran medida la densidad proposicional para la cual, como podemos ver, una de las cosas más importantes es mantener sus elementos lo más simples o menos posible. Existe un estudio llamado de marca en la memoria, que muestra cómo las diferentes marcas son recordadas por el público en general. Aquí, por ejemplo, podemos ver el logotipo de Apple sacado de la memoria por más de 150 personas que se muestran de una manera que estamos obteniendo las versiones más precisas medida que estamos llegando a la parte inferior derecha. Y tenemos los menos precisos aquí en la parte superior izquierda. Por lo que los dibujos están mejorando a medida que estamos haciendo nuestro camino hacia la esquina inferior derecha. Y también hay algunas estadísticas interesantes adicionales aquí en la parte inferior. De la cual probablemente el más interesante es mostrar que el color real del logotipo es la materia gris. Estos son los colores que la gente usa cuando dibujaban estos logotipos. A pesar de que la mayoría de la gente usaba gris, también hay bastantes personas que usan el negro y nunca, incluso algunas personas que usan azul y rojo en esos dibujos. Ahora definitivamente el número más importante aquí es el porcentaje de cuántas personas logran dibujar una versión casi perfecta del logotipo, porque eso muestra realmente bien lo memorable este logo es. Y en el caso de Apple, fue del 20 por ciento en comparación con eso. El mismo estudio exacto resultó en solo seis por ciento para dibujos casi perfectos para Starbucks. Y algunas versiones realmente divertidas del logo aquí en la esquina superior izquierda. Pero el logotipo de mejor rendimiento en este estudio fue objetivo con Veinticinco por ciento cerca de dibujos perfectos. Eso significa que una de cada cuatro personas logró sacar el logotipo de la memoria sin cometer ningún error. E incluso los colores y sus proporciones coincidieron casi perfectamente con el logotipo real de todos estos dibujos. Ahora podemos ver claramente que la densidad proposicional juega un papel muy importante en el diseño de logotipos. Pero la lección general que podemos aprender de esto es que pensar en proposiciones superficiales y profundas es algo que también podemos aplicar a cualquier forma de diseño. Por lo que incluso cuando estés trabajando en un folleto, un póster, una revista, o un sitio web, siempre debes preguntarte si necesitas agregar ese elemento adicional y si va a agregar cualquier significado para tu diseño o que sea más fácil para los espectadores entender lo que están viendo. Por lo que sólo introduce nuevos elementos cuando sean realmente importantes y cuando ya no hay nada en el diseño que sirva al mismo propósito, consiguiendo la jerarquía visual bien en tu diseños depende no sólo de priorizar ciertos elementos sobre otros, sino también de tu capacidad para poder juzgar cuáles son los elementos que realmente necesitarás en la composición y cuáles son los que puedes dejar fuera. 15. Conclusión: Enhorabuena por completar este curso de la serie de teoría del diseño gráfico. Espero que lo hayas encontrado útil e inspirador. No olvides pasar por el glosario de términos PDF, revisar todo lo que cubrimos, y si te sientes listo, toma el quiz para poner a prueba tus conocimientos. Vuelve en cualquier momento a las referencias en los tableros mileniales que usamos en este curso para ayudarte a recordar las cosas de las que hablamos o definir inspiración para tu próximo proyecto de diseño, por favor háganoslo saber si sintió que faltaba algo este curso o si tiene alguna sugerencia sobre cómo podemos mejorarlo, envíenos un correo electrónico a info en la asignación designer.com, y nos pondremos en cuenta en cuanto posible. Realmente agradecemos su aportación y ayuda. Ahora, es hora de que elijas tu próximo tema y te sumerjas en otro curso de teoría del diseño gráfico. Recuerda, no hay orden correcto o incorrecto para completar esta serie. Todas las reglas que cubrimos son igualmente importantes y todo está relacionado. Pero lo más importante es conseguir una buena comprensión de estas reglas y aplicarlas en tus proyectos. Estoy seguro de que usarás lo que has aprendido para crear algo increíble. Y no puedo esperar a verla.