Skip to main content

Jerarquia visual

Page 1


Jerarquia

visual

Cindy Lupita Lopez Sanchez

¿Queeslajerarquiavisual?

La jerarquía visual es el principio de diseño que ordena los elementos de una composición por importancia para guiar el ojo del espectador, facilitando la comprensión y maximizando el impacto. Se logra mediante el uso de tamaño, color, contraste y posición para destacar la información clave, garantizando una lectura lógica y eficiente.

Principios fundamentales de la jerarquía visual:

Tamaño y Escala: Los elementos más grandes atraen la atención primero; el uso de títulos llamativos destaca la información principal.

Color y Contraste:

Colores vibrantes o contrastes fuertes (ej. claro sobre oscuro) llaman más la atención que los colores neutros o suaves.

Posición y Alineación: Los elementos en la parte superior o central suelen verse primero. La disposición sigue patrones de escaneo como F o Z.

Espacio Negativo (Espacio en blanco): Dejar espacio alrededor de un elemento lo destaca y aumenta la legibilidad, mejorando la comprensión hasta en un 20%.

Tipografía y Peso: La diferencia de peso (negrita vs. regular) y estilo ayuda a diferenciar entre títulos, subtítulos y cuerpo de texto.

Beneficios de una buena jerarquía visual:

Mejora la experiencia del usuario (UX): Hace que las webs sean más fáciles de usar y entender.

Organiza la información: Ordena el contenido de forma lógica, evitando la saturación del espectador.

Transmite el mensaje correcto: Dirige la atención primero a lo más importante, mejorando la comunicación.

como jerarquia principal tenemos la letra A ya que es el elemento mas grande que podemos observar

como segunda jerarqui estaria lo que son los titulos a color amarillo que estan dispersos por la pagina

y como uktima jerarquia tendriamos lo que esta escrito abajo de los subtitulos y las letras de arriba

Como jerarquía principal tenemos las letras FOA en color rojo, lo que hace que prestemos toda la atención en ella.

aqui los numeros y la foto compitirian por ser la segunda jerarquia que miraremos ya que nuestra vista puede distrarce entre los dos

Y como última jerarquía tendríamos todos los textos en negro y subtítulos.

Como jerarquía principal tenemos las letras "integración"; estas se percibirán primero por estar en toda la hoja y ser de color negro.

Y como última jerarquía tendríamos todos los textos en negro

Como jerarquía 2 tenemos a las personas en las letras de INTEGRATION que notaremos después.

Turn static files into dynamic content formats.

Create a flipbook
Jerarquia visual by sofia - Issuu