Composición

Lectura en Z

Tu público no lee: escanea.

La lectura en Z es el recorrido que hace el ojo en un diseño con poco texto. Si pones cada cosa en su punto, el mensaje se entiende antes de que alguien decida seguir de largo.

3 demos interactivas

Guía gratis por DM

Composición

Mira el reel · 1 min

01

Qué es

Antes de leer, el ojo da un vistazo rápido. En un diseño con poco texto, ese vistazo dibuja una Z: arranca arriba a la izquierda, cruza a la derecha, baja en diagonal y termina abajo a la derecha. Eso es la lectura en Z.

No es una regla que alguien inventó: es cómo leemos en español, de izquierda a derecha y de arriba abajo. Si ubicas lo importante sobre ese recorrido, tu diseño trabaja a favor del ojo y no en contra.

02

Sigue el recorrido

Mira el punto azul: marca los cuatro lugares donde se detiene el ojo y qué va en cada uno.

Patrón Z

Tu público no lee: escanea

  1. 1Arriba a la izquierda. Empieza aquí: tu logo o el inicio del titular.
  2. 2Cruza. Un dato corto: la fecha, el precio.
  3. 3Baja en diagonal. El mensaje principal cruza el centro.
  4. 4Termina abajo a la derecha. Ahí va el botón.

La regla de oro

Logo al inicio, mensaje en la diagonal y botón al final de la Z.

03

Así no / así sí

Contra la ZEl botón sale antes que el mensaje y el recorrido termina en el logo, donde nadie hace clic.
Sigue la ZLogo, fecha, mensaje y botón, en el orden en que se miran. La acción queda al final.
✕Así no

Contra la Z.

El botón aparece antes que el mensaje y el recorrido termina en el logo. Cuando la persona llega al final, no hay nada que hacer.

✓Así sí

Sigue la Z.

Logo, fecha, mensaje y botón, en el orden en que se miran. El recorrido termina justo donde está la acción.

04

Patrón Z o patrón F

Poco texto: Z. Mucho texto: F. En azul, las zonas que más se miran.

Patrón ZPoco texto. Pósters, anuncios, portadas y páginas de inicio. Logo en 1, dato en 2, mensaje en la diagonal y botón en 4.
Patrón FMucho texto. Artículos, blogs y listas. Lo clave va en los títulos y en las primeras palabras de cada línea.

En azul, las zonas que más se miran. Los dos patrones aplican a idiomas que se leen de izquierda a derecha, como el español.

05

Cómo aplicarlo hoy

1

Arranca fuerte

Arriba a la izquierda va lo primero que deben ver: tu logo o el inicio del titular.

2

Usa la diagonal

El titular o la imagen protagonista cruza el centro y lleva el ojo hacia abajo.

3

Termina en la acción

El botón, el precio o el “comenta aquí” van abajo a la derecha, al final del recorrido.

4

¿Mucho texto? Piensa en F

Títulos claros y la palabra clave al inicio de cada línea, no al final.

06

Antes de publicar

  • ¿Lo de arriba a la izquierda dice algo útil?
  • ¿El mensaje principal cruza el centro?
  • ¿El botón está al final del recorrido?
  • ¿En textos largos, cada línea empieza por lo clave?

COMENTA
“LECTURA”

y te envío
la guía
por DM

La guía de lectura en z 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 lectura en Z en diseño?

Es el recorrido que hace el ojo en un diseño con poco texto: arriba a la izquierda, cruza a la derecha, baja en diagonal y termina abajo a la derecha. Sirve para decidir dónde va cada elemento.

¿Cuál es la diferencia entre el patrón Z y el patrón F?

El patrón Z aparece cuando hay poco texto, como en pósters, anuncios o páginas de inicio. El patrón F aparece con mucho texto, como en artículos o blogs: el ojo lee los títulos y las primeras palabras de cada línea.

¿Dónde poner el botón de llamada a la acción?

En un diseño con poco texto, abajo a la derecha: es donde termina el recorrido en Z. Así la persona llega al botón justo después de entender el mensaje.

Sigue aprendiendo

Conceptos
relacionados