La jerarquía visual es un concepto que está presente en todo tipo de diseño. En diseño web sirve para guiar al usuario e indicarle los elementos más relevantes. Hay muchas formas de lograr jerarquía visual, pero en este artículo te diremos cómo lograrlo mediante el uso de la tipografía:
Importancia de la jerarquía visual
La jerarquía de tu tipografía te permite organizar los elementos de tu texto y establecer que elementos son más importantes. De este modo, puedes guiar la vista del usuario y crear una línea de lectura. Es decir que, a pesar que tu visitante está acostumbrado a leer de izquierda a derecha, puedes cambiar este hábito mediante el uso de la jerarquía visual.
Cómo crear jerarquía visual mediante la tipografía
En el diseño hay muchas manera de crear jerarquía visual en tu texto. Puede ser creado con tamaño, peso, color, textura e incluso usando variedad de fuentes. A continuación, veremos brevemente cuáles son las formas de crear jerarquía visual:
Tamaño
Una de las formas más sencillas de establecer jerarquía es mediante el tamaño. Los lectores usualmente ven la fuente más grande; ese se convierte en el punto de inicio de su lectura visual.
La escala también es importante y debes tener en cuenta que cada fuente se escala de manera diferente. Debes verificar como se ven lado a lado las fuentes que has seleccionado para asegurarte que el tamaño y la escala estén apropiadamente balanceadas.
Fuentes
Las fuentes también son un elemento común para crear jerarquía tipográfica. La clave es lograr un contraste entre las fuentes, para ello debes seleccionar fuentes que tengan distintos pesos.
Peso
La anchura de los trazos de las fuentes puede crear jerarquía visual. Mientras más ancho sea el trazo, más grande luce la fuente. Claro que esto también depende de las otras fuentes que elijas para tu diseño. Si eliges una fuente con trazos delgados, tu otra fuente se verá más pesada.
Color
El color también puede añadir énfasis y peso a una fuente. Los colores más saturados captarán más la atención de tus visitantes. Tienes que tener en cuenta tu color de fondo al trabajar con tipografía en colores, una combinación no apropiada podría hacer ilegible tu texto.
Orientación
Usualmente un texto se orienta horizontalmente en línea recta. Cuando lo posicionas verticalmente inmediatamente atrae la mirada de tus visitantes. También obtienes esta reacción si inclinas, curvas o modificas de algún modo el texto; sin embargo, estos trucos no suelen emplearse pues se arriesga la legibilidad del texto.
Espacio
El interlineado (espacio entre líneas de texto) y el kerning son otras formas de obtener jerarquía. Cuando hay más espacios en blanco, la fuente luce más grande y llama más la atención. Fuentes de mayor tamaño o peso necesitan un mayor espacio para poder ser legibles.
Ten en cuenta, además, que hay ciertos colores que también afectan la percepción espacial de los usuarios, así que debes ser cuidadoso al establecer cómo lograrás jerarquía visual con tu tipografía.
