Composición
Tensión visual
Equilibrio perfecto, cero energía.
La tensión visual es la sensación de que algo se mueve dentro del diseño. Un pequeño desequilibrio, hecho a propósito, es lo que hace que la mirada se quede.
3 demos interactivas
Guía gratis por DM
Composición
01
Qué es
La tensión visual es la sensación de que algo está a punto de caer, girar o salirse del marco. El ojo la nota y se queda mirando.
Un diseño con todo al centro y a la misma distancia es correcto, pero quieto. Basta con mover una sola cosa hacia el borde, girarla unos grados o dejar que el marco la corte para que la composición cobre vida.
02
De quieto a vivo
Mismos elementos, otra posición. Mira cómo sube la energía cuando el círculo toca el borde y el cuadrado gira.
Tensión visual
Equilibrio perfecto, cero energía
Mismos elementos. Solo cambia dónde están: más cerca del borde, sin simetría y con un giro pequeño.
✕Quieto: correcto, pero sin vida.
La regla de oro
Rompe el equilibrio un poco, no del todo. Que se note que fue a propósito.
03
Así no / así sí
Quieto.
Todo al centro y a la misma distancia. No hay ningún error, pero tampoco nada que mirar.
Vivo.
El borde corta el círculo, un detalle gira y el titular se alinea a un lado. La mirada se mueve.
04
6 formas de crear tensión
Cada tarjeta pasa de quieta a tensa. Elige una o dos por diseño.
!Elige una o dos. Si usas todas a la vez, ya no hay tensión: hay desorden.
05
Cómo aplicarlo hoy
1
Lleva algo al borde
Acércalo hasta casi tocarlo, o deja que el borde lo corte.
2
Rompe la simetría
Saca al protagonista del centro y deja aire del otro lado.
3
Gira un poco
Entre 5 y 15 grados basta para que algo parezca en movimiento.
4
Lo demás, quieto
Si una parte tiene tensión, el texto va alineado y ordenado.
06
Antes de publicar
- ¿Hay algo que rompa lo esperado?
- ¿La tensión se ve a propósito, no como error?
- ¿El texto sigue alineado y fácil de leer?
- ¿Hay una sola tensión principal?
COMENTA
“TENSION”
y te envío
la guía
por DM
La guía de tensión 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 tensión visual en diseño?
Es la sensación de movimiento que produce un elemento que parece a punto de caer, girar o salirse del marco. Atrae la mirada y hace que el diseño se sienta vivo.
¿Cómo se crea tensión en una composición?
Acercando un elemento al borde, dejando que el marco lo corte, girándolo unos grados, poniendo dos formas casi tocándose, combinando tamaños extremos o usando una diagonal.
¿La tensión visual no hace que el diseño se vea desordenado?
Solo si la usas en todo. Elige una o dos formas de tensión y deja el resto, sobre todo el texto, alineado y ordenado.
Sigue aprendiendo
