UX / UI
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
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
Mira cómo se corrige sola o toca cada paso: alinea, agrupa, recorta, ordena y corrige.
Antes
03
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.
Centrado, cada renglón empieza en otro punto. El ojo tiene que ir a buscar el inicio de cada línea.
Alineado a la izquierda, todo arranca del mismo borde. Se lee de corrido y se ve más ordenado.
04
Sube el número de líneas y cambia la alineación: centrar funciona hasta dos, tres es el límite.
05
1
Pasa todo el texto a la izquierda. Nombre, descripción, precio y botón comparten el mismo borde.
2
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
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
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
«Tenis Para Trail Running» es costumbre del inglés. En español solo va con mayúscula la primera palabra.
06
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.
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.
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.
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