Herramientas de jerarquización

![](

Mi intento, aplicando lo entendido.

Hice este ejemplo de afán pero así quedo !!!

Para jerarquizar:

1. Definir que es lo mas importante y que elementos son mas relevantes con respecto a otros.
2. Definir tamaños a los elementos
3. Definir pesos tipográficos
4. Definir colores
   (Como nos damos cuenta luego de definir el orden de jerarquia de mis elementos les voy añadiendo peso visual con tipografias, colores, ubcacion… etc)

Qué tal quedo? 😄

Ejemplo de jerarquía con este AFICHE:

Intenté lo mejor que pude! Pero me gustó el resultado final teniendo en cuenta todo lo aprendido

Creo que no es la mejor combinación de colores, pero es trabajo honesto :’)

Herramientas de jararquización
.
Las herramientas con las que logramos peso visual en los elementos del diseño son las mismas que podemos usar para jerarquizarlos.
.
Lo primero que debemos hacer antes de jararquizar es identificar qué elementos son los más importantes, y listarlos en orden de importancia. (Qué es más importante que qué).
.

• Tamaño: Podemos lograr jerarquía a través del tamaño de los textos o figuras que forman parte del diseño. En este caso los elementos mas grandes son los más importantes.
  .
  En el caso de los textos además del tamaño también podemos agregarle peso a las tipografías para agregar peso visual.
  .
• Color: Cuando el color de un elemento contrasta mucho respecto al resto de los demás entonces se le logra dar un mayor peso visual, por lo cual también se le da más jerarquía.
  .
  Además del contraste también podemos logorar jerarquizar a través de la saturación. Un color bastante saturado obtiene un peso visual gigantezco.

Me encanta, Carlos. Yo también hice el mío:

hice esto para un torneo de basquetbol, ¿alguna critica constructiva en el chat.?

pdf: https://documentcloud.adobe.com/link/review?uri=urn:aaid:scds:US:d82b139d-1b55-4c99-a7f8-0db352fc6305

¿Soy el único que por la cabeza se le cruzó por la cabeza indentar?

📌| En resumen:

Las herramientas de jerarquización son: el tamaño, contraste, color, proximidad, alineación y repetición.

Hice este Post y dentro de la composición hay un orden de lectura, y jerarquía tanto de elementos visuales como: (color, forma, fotografía) así como los elementos tipográficos.

Las herramientas de jerarquización son básicamente la aplicación de mayor peso visual para darle mas importancia a ciertos elementos sobre otros

Una clase muy chévere, jerarquizar los elementos a través del color y tamaño, incluso hay más tipos. Lean los comentarios de los demás compañeros.

Comparto aquí mi práctica de las Herramientas de Jerarquización. Utilicé Canva para hacerlo.

Los colores usados por Brad Vetter son los mismos usados para la película de la bella y la bestia, donde bella es la única que usa color azul en todo el pueblo.
(Lo noté después de ver este curso)

Mi trabajo!!

Hecho con amor

Uno de mis juegos favoritos, en el centro está el nombre y a su lado muchos detalles.

Herramientas de Jerarquización

1. Definir que es más importante que Qué.
   Tamaño = Peso Visual
   Color = Saturación

La saturación es la intensidad de un tono específico, hacerlo más colorido. También podría asemejarse al concepto de contraste cuando se aplican dos tonos.

Las herramientas que permiten jerarquizar, son las mismas que dan peso visual a los elementos de un diseño.

Jerarquía por color: en la frase World´s Championship games

Jerarquía por tamaño. Muse

Jerarquía por contraste.

**Herramientas de jerarquización: **

• Tamaño: Las personas notan elementos grandes más fácilmente.

• Color: Colores brillantes atraen más atención que colores apagados.

• Contraste: colores contrastados son más llamativos.

• Alineación: Aquellos elementos que se salen de la alineación llaman más la atención.

• Repetición: puede sugerir que contenidos o elementos son relacionados

• Proximidad: Elementos puestos cerca los unos a los otros parecen estar relacionados.

• Espacio blanco: Más espacio alrededor de los elementos guía el ojo hacia ellos.

• Textura y estilo: texturas más ricas resaltan más que texturas planas.

https://www.interaction-design.org/literature/topics/visual-hierarchy

![](

Ejercicio Jerarquia Visual

Las herramientas para Jerarquizar un diseño son:
-Tamaño
-Color
-Opacidad
-Espacio en blanco.

Con las herramientas de jerarquización simple como lo muestras es un buen ejemplo para poder entender que elementos como textos, imágenes o colores son claves para sintetizar nuestro foco en la ideación de nuestras propuestas gráficas y así dar un mejor resultado visual. 😃

golden rules de jerarquía en una imagen:
https://www.designmantic.com/blog/wp-content/uploads/2014/10/Golden-Rules-of-Visual-Hierarchy.jpg

Un articulo para complementar la información al respecto:
https://blog.aulaformativa.com/fundamentos-del-diseno-como-crear-jerarquia-visual/

Existen diferentes técnicas o herramientas para crear jerarquía visual. Usualmente no sólo se emplea una de ellas sino que se combinan. Básicamente son seis:** tamaño, contraste, color, proximidad, alineación y repetición.** Esto principios del diseño son tus mejores armas para poder generar jerarquía visual.

Algo que se dice y que es relevante, es que las herramientas que nos dan peso visual son las mismas que usamos para jerarquizar.

Trato de buscar imágenes a lo atendido en clase
Hay cosas tan simples que pasamos por alto

¿Qué exactamente es la saturación?

Una gran manera de obtener jerarquía con color es a través del contraste, usar colores opuestos en el círculo cromático en sus diferentes tonalidades puede ayudar y resultar muy útil.

Me agrado esta imagen como ejemplificación de este ejercicio ya que al verla mi mente se fue por los colores para poder leerla y comprenderla.

Excelente clase

Mi aporte a la clase
Trate de usar la dirección visual con las formas y la jerarquía con color tipografía y tamaño de la letra

Mi intento:

Herramientas de jerarquización

Podemos jerarquizar con:

1. Tamaño de texto
2. Peso del texto
3. Color
4. Saturación

Mi ejercicio de jerarquía visual:

Cuando queremos jerarquizar algo debemos preguntarnos qué es más importante dentro del diseño que estamos realizando.

Existen dos tipos de jerarquización:
Tamaño
Color
cuando hablamos de las herramientas para jerarquizar, estamos refiriéndonos exactamente a las mismas herramientas que nos dan peso visual a los elementos del diseño.
Cuando queremos jerarquizar algo es definir que es más importante que qué.

El tamaño y el color van a ser nuestros dos ayudantes de jerarquía

Herramientas de Jerarquización

Cuando hablamos de las herramienta para jerarquizar, estamos refiriéndonos exactamente las mismas herramientas que nos dan peso visual a los elementos del diseño.
Lo primero que tenemos que hacer para jerarquizar, es definir que es lo mas importante.

• Primer principio asignemos tamaños según los niveles de jerarquía que queremos aplicar.

• Podemos aun asignar mas peso visual, podemos llevarlo a extremos increíbles para que la información sea mas clara.

• Le asignamos pesos tipográficos y tamaños con bold, semibold y regular.

• También podemos trabajar con color.

• No siempre son los título también puede darle jerarquía a la imagen.

![](

Aquí unos ejemplos que encontré

.

Tamaño, Color, Saturación, Espacio en blanco.
Remember!

Hay tantas cosas que marcan estas diferencias de jerarquía que igual ya lo habíamos hecho pero nunca lo tomamos en cuenta, ahora lo analizo en todas las cosas que me rodean, muy buenas explicaciones GRACIAS

Considero importante las herramientas de jerarquía, sin embargo hay que tomar en cuenta más conceptos cómo los anteriores que ya hemos visto. Con una muy fusión entre color y tamaño se puede optimizar el entendimiento del espectador y además que logre comprender nuestro diseño.

El profe Carlos es SECO, siempre me gustan mucho sus clases, es un crack.

Genial, siempre creí que era solo una cuestión de estética, mas no de importancia de la información.

Tan importante la gerarquización para concentrar la atención !

Estas herramientas de jerarquización son muy sencillas pero demuestran muy claro su función 👌.

Por color 😃

De verdad que lo que he visto hasta ahora me a encantado, muy clara cada explicación. Siento que no me equivoco al probar con este curso y cumplir con ese sueño de la segunda carrera deseada.

Me llama la atención como aplicando estas 2 primeras herramientas (por color y por tamaño) se logra un cambio tan radical en el diseño

Para crear una composición con una jerarquía ordenada y notable, tendremos que hacer uso de varias técnicas, la primera, es la definición de importancia de los elementos, identificar cual elemento deber ser mas importante que otro es vital para la construcción de una correcta jerarquía.
Cuando ya tengamos el orden de importancia, deberemos darles un valor diferenciado a los elementos mas importantes, y crear una semejanza entre estos elementos del mismo nivel de importancia, ya sea como el peso de la tipografía o el color del elemento.
Con estas dos técnicas, será mas que suficiente para garantizar una buena jerarquía, pero siempre habrán otros elementos, como su ubicación, su contraste con los otros elementos, etc.