Tipografía
Jerarquía visual
Si todo grita, nada se escucha.
La jerarquía visual es el orden en que el ojo recorre tu diseño: qué ve primero, qué después y qué al final. Se arma con tres herramientas: tamaño, peso y color.
3 demos interactivas
Guía gratis por DM
Tipografía
Mira el reel · 1 min
01
Qué es
La jerarquía visual es el orden de las cosas según su importancia. Tu diseño decide qué se lee primero, qué después y qué al final. Si no lo decide, el ojo salta de un lado a otro y se va.
No necesitas más elementos ni más colores. Con tamaño, peso y color, el mismo texto pasa de ruido a mensaje.
La regla de oro
Un elemento grande y en negrilla. Lo demás, sutil.
02
Pruébalo
Mira cómo el mismo afiche pasa de cuatro líneas iguales a tres niveles. Usa los botones para comparar.
Cupos limitados
Mismo texto. Solo cambian tamaño, peso y color.
- 1Grande y en negrilla
- 2Medio, peso normal
- 3Pequeño y en gris
03
Así no / así sí
Todo grita.
Cuatro líneas del mismo tamaño y el mismo peso. Nada manda, así que el ojo no sabe por dónde empezar.
Tres niveles.
Uno grande, uno medio y uno sutil. Es el mismo texto: solo cambiaron el tamaño, el peso y el color.
04
La escala tipográfica
Para no adivinar tamaños, elige uno base y multiplícalo siempre por el mismo número. Con ×1.5 sobre 32 px, en un post de 1080 px, te quedan 32, 48, 72 y 108.
No tienes que usarlos todos. Tres niveles bastan: titular, subtítulo y texto. Si necesitas un cuarto, probablemente te sobra contenido.
05
La escala ×1.5
Cada escalón es 1.5 veces el anterior. El ejemplo usa 108, 48 y 32; el 72 queda libre.
Base de 32 px en un post de 1080 px. Multiplica, no adivines: tres escalones bastan.
06
Cómo aplicarlo hoy
1
Elige al protagonista
Antes de diseñar, decide cuál es la única cosa que debe verse primero.
2
Máximo 3 niveles
Titular, subtítulo y texto. Si necesitas más, revisa qué contenido sobra.
3
Multiplica, no adivines
Usa una escala: cada nivel es 1.5 veces el anterior (32, 48, 72, 108).
4
Baja lo demás
Lo secundario en peso regular y un color más suave, pero que se siga leyendo.
07
Antes de publicar
- ¿Se nota en un segundo qué es lo principal?
- ¿Hay un solo protagonista?
- ¿Usas máximo 3 tamaños de texto?
- ¿Lo secundario sigue siendo fácil de leer?
COMENTA
“JERARQUIA”
y te envío
la guía
por DM
La guía de jerarquía visual en PDF: seis páginas con ejemplos, reglas y la lista para revisar antes de publicar. Comenta la palabra en el reel de Instagram y te llega por mensaje directo.
Preguntas
frecuentes
¿Qué es la jerarquía visual en diseño?
Es el orden en que el ojo recorre una pieza según la importancia de cada elemento. Se construye con diferencias de tamaño, peso y color para que lo principal se vea primero.
¿Cuántos tamaños de letra debo usar en un diseño?
Con tres niveles alcanza para casi todo: titular, subtítulo y texto. Más tamaños suelen confundir en lugar de ordenar.
¿Cómo elijo los tamaños de una escala tipográfica?
Parte de un tamaño base y multiplícalo siempre por el mismo factor, por ejemplo 1.5. Así los saltos entre niveles se ven intencionales y no al azar.
Sigue aprendiendo
