33 lines
1.2 KiB
Markdown
33 lines
1.2 KiB
Markdown
---
|
|
title: Visual Hierarchy
|
|
localeTitle: Jerarquía visual
|
|
---
|
|
## Jerarquía visual
|
|
|
|
La jerarquía visual es la organización y presentación del contenido. Puede usar la jerarquía visual para enfocar la atención de los usuarios y mostrar dónde está la información más importante.
|
|
|
|
Lo que debe recordar al crear la jerarquía visual de tu contenido es que todo es relativo. Las partes que deseas resaltar deben destacarse de otras partes de tu contenido.
|
|
|
|
Puedes lograr la jerarquía visual de muchas maneras, incluyendo (pero no limitando a):
|
|
|
|
* Tamaño
|
|
* Color y contraste
|
|
* Encabezamientos y subtítulos
|
|
* Tipografía
|
|
* Espacio blanco o en blanco
|
|
* Textura
|
|
* Posición
|
|
* Orientación
|
|
* Diseño general
|
|
|
|
#### Más información:
|
|
|
|
Herramientas para crear una jerarquía visual: [blog de Design School](https://designschool.canva.com/blog/visual-hierarchy/)
|
|
|
|
6 Principios de la jerarquía visual: [99 diseños de blog.](https://99designs.com/blog/tips/6-principles-of-visual-hierarchy/)
|
|
|
|
Estudio de caso - Mejora de una página con jerarquía visual: [blog](http://blog.formedfunction.com/post/3029763425/on-visual-hierarchy)
|
|
|
|
Añadiendo jerarquía visual: [medio](https://medium.com/designed-thought/8-ways-to-add-visual-hierarchy-8820be73218a/)
|
|
|