UX / UI

Texto centrado

No centres todo.

El texto centrado se ve ordenado hasta que tiene más de dos líneas. Desde ahí, cada renglón empieza en otro lado y leer se vuelve trabajo.

3 demos interactivas

Guía gratis por DM

UX / UI

Mira el reel · 1 min

01

Qué pasa cuando centras todo

El texto centrado funciona en piezas cortas: un titular, una frase, un botón. El problema empieza cuando lo usas en bloques de varias líneas, como la descripción de una tarjeta de producto.

Cuando todo está centrado, cada línea arranca en un punto distinto. Al terminar un renglón, el ojo tiene que ir a buscar dónde empieza el siguiente. Con tres líneas no pasa nada grave; con siete, tu usuario se salta la mitad.

Alinear a la izquierda le da al texto un solo borde. El ojo vuelve siempre al mismo lugar y lee de corrido, sin pensar.

La regla de oro

Centra solo lo corto. Desde la tercera línea, alinea a la izquierda.

02

Corrige la tarjeta paso a paso

Mira cómo se corrige sola o toca cada paso: alinea, agrupa, recorta, ordena y corrige.

Antes

03

Así no / así sí

✕Centrado
El ojo salta. Cada renglón empieza en otro punto y hay que ir a buscarlo.
✓Alineado a la izquierda
El ojo baja derecho. Todo arranca del mismo borde y se lee de corrido.

Comparación: el mismo texto centrado, donde cada línea empieza en un lugar distinto, y alineado a la izquierda, donde todas las líneas comparten el borde.

✕Así no

El ojo salta.

Centrado, cada renglón empieza en otro punto. El ojo tiene que ir a buscar el inicio de cada línea.

✓Así sí

El ojo baja derecho.

Alineado a la izquierda, todo arranca del mismo borde. Se lee de corrido y se ve más ordenado.

04

¿Cuántas líneas aguanta el centrado?

Sube el número de líneas y cambia la alineación: centrar funciona hasta dos, tres es el límite.

05

Cómo arreglar una tarjeta hoy

1

Alinea

Pasa todo el texto a la izquierda. Nombre, descripción, precio y botón comparten el mismo borde.

2

Agrupa

Si todo está a la misma distancia, nada se separa. Junta el nombre con la categoría y deja más aire entre grupos.

3

Recorta

La letra pequeña (cuotas, envío, términos) vive en la ficha del producto, no en la tarjeta. Así el precio gana protagonismo.

4

Ordena

Con menos texto, sube el nombre y pon el precio a la izquierda y el botón a la derecha, en la misma línea.

5

Corrige las mayúsculas

«Tenis Para Trail Running» es costumbre del inglés. En español solo va con mayúscula la primera palabra.

06

Antes de publicar

  • ¿Lo centrado tiene máximo dos o tres líneas?
  • ¿Todos los bloques de texto comparten un mismo borde?
  • ¿Lo que va junto está más cerca entre sí que de lo demás?
  • ¿Sacaste de la tarjeta lo que puede vivir en la ficha?
  • ¿Los títulos van con mayúscula solo en la primera palabra?

COMENTA
“TARJETA”

y te envío
la guía
por DM

La guía de texto centrado 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

¿Es malo centrar el texto en una página web?

No siempre. Centrar funciona en textos cortos como titulares, frases destacadas o botones. En párrafos de más de dos o tres líneas cuesta leer, porque cada línea empieza en un lugar distinto.

¿Qué alineación de texto es mejor para leer?

En español, la alineación a la izquierda. El ojo siempre vuelve al mismo borde al cambiar de línea y lee de corrido. Evita el texto justificado en pantallas: abre huecos irregulares entre palabras.

¿Cuándo sí puedo centrar un texto?

En piezas cortas y calmadas: un titular de portada, una cita, una invitación o un mensaje de confirmación. Si pasa de tres líneas, alinéalo a la izquierda.

Sigue aprendiendo

Conceptos
relacionados