Jerarquia
visual


![]()



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.



