Composición

Alineación

Nada va al azar.

La alineación en diseño es poner los elementos sobre un mismo eje: una línea invisible que comparten sus bordes. Con un solo eje, tu diseño se ve intencional.

3 demos interactivas

Guía gratis por DM

Composición

Mira el reel · 1 min

01

Qué es

Alinear es poner los elementos sobre un mismo eje: una línea invisible que comparten sus bordes. La alineación en diseño es lo que separa una pieza armada a propósito de una armada a ojo.

Cuando todo comparte un borde, el ojo encuentra orden sin esfuerzo. No hace falta agregar nada: solo mover cada elemento hasta la misma línea.

02

Pruébalo

Mira cómo aparece el eje y cada elemento se desliza hasta él. Usa los botones para volver al desorden.

Verano
Nueva colección de lentes de sol.
Hasta agotar existencias.
Ver colección

Nada va al azar

Al azar: cada elemento empieza en un lugar distinto. Todo comparte el mismo borde izquierdo.
Tu diseño se ve Intencional

La regla de oro

Elige un eje y respétalo. Cada borde toca una línea que otro también toca.

03

Así no / así sí

Verano Nueva colección de lentes de sol. Hasta agotar existencias. Ver colección
Al azar. Cada elemento empieza en un lugar distinto.
Verano Nueva colección de lentes de sol. Hasta agotar existencias. Ver colección
Intencional. Todo comparte el borde izquierdo.
✕Así no

Al azar.

El titular, el texto, la nota y el botón empiezan cada uno en un lugar distinto. Parece que se movieron solos.

✓Así sí

Intencional.

Mismos elementos, todos apoyados en el borde izquierdo. Se lee de arriba abajo sin que el ojo tenga que buscar.

04

¿Izquierda, centro o derecha?

Las tres sirven en su lugar. Cambia la alineación y mira cuándo conviene cada una y por qué evitar el justificado.

Verano

La nueva colección de lentes de sol llega con marcos de acetato, filtro UV400 y estuche incluido, en tres colores.

Ver colección
Por defecto

La más fácil de leer. Úsala para casi todo, sobre todo en textos largos.

05

Cómo aplicarlo hoy

1

Elige un eje primero

Antes de mover nada, decide: izquierda, centro o derecha. Si dudas, izquierda.

2

Comparte bordes

Que la foto empiece donde empieza el titular, o termine donde termina el botón.

3

No mezcles

Si el titular va a la izquierda, el texto y el botón también.

4

Confía en las guías

Figma, Canva e Illustrator muestran una línea cuando dos bordes coinciden. Síguela, no alinees a ojo.

06

Antes de publicar

  • ¿Puedes trazar una línea que toque varios bordes?
  • ¿Usas un solo tipo de alineación?
  • ¿Las fotos comparten borde con el texto?
  • ¿Nada quedó puesto «a ojo»?

COMENTA
“ALINEA”

y te envío
la guía
por DM

La guía de alineación 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 alineación en diseño gráfico?

Es el principio de ubicar los elementos sobre ejes comunes para que compartan bordes. Crea orden visual y hace que la pieza se vea pensada.

¿Es mejor alinear el texto a la izquierda o centrado?

Para textos largos, a la izquierda: cada línea empieza en el mismo punto y se lee más fácil. El centrado funciona en piezas cortas de máximo tres líneas.

¿Por qué no usar texto justificado en pantallas?

Porque estira los espacios entre palabras para llenar la línea y abre huecos irregulares, sobre todo en columnas angostas como las del celular.

Sigue aprendiendo

Conceptos
relacionados