Lección 1 de 7 · 7 min
Crea algo en dos minutos
Objetivo:Diseña un póster antes de aprender una sola regla, y luego aprende las reglas que acabas de usar.
TU PRIMER ACTO CREATIVO
uxuiopen.comEl Estudio 4 necesita un póster para su Noche Creativa. Hazlo tú. Cambia lo que quieras y mira las revisiones debajo del póster.
Noche Creativa
Viernes · 7pm · Estudio 4
Taller nocturno gratis. Trae tu laptop.
Confirma- ✓El titular guía
- ✓El texto se lee bien (6.2:1)
- Lo más grande y grueso se lee primero. Eso es jerarquía.
- Entrecierra los ojos. Si nada destaca, nada guía.
- El texto necesita contraste con el fondo para leerse bien.
Lo que acabas de hacer tiene nombre
Todo póster, pantalla de app y sitio web está hecho de las mismas pocas partes. Cuando sabes nombrarlas, puedes hablar de diseño, darle briefs precisos a la IA y detectar qué falla.
Noche Creativa
Vie · 7pm · Estudio 4
Confirma123456- 1Titular: lo único que la gente tiene que leer sí o sí. Lo más grande, lo más grueso, lo primero.
- 2Información de apoyo: cuándo, dónde, qué. Fácil de encontrar, sin competir nunca con el titular.
- 3Imagen o forma: marca el ambiente y llama la atención desde el otro lado de la sala.
- 4Llamada a la acción: lo que quieres que la gente haga después. Va donde termina la mirada.
- 5Espacio en blanco: el espacio vacío no es espacio perdido. Separa grupos y deja respirar a los elementos.
- 6Márgenes: un borde seguro en cada lado, para que nada se sienta apretado ni cortado.
Los diseñadores llaman jerarquía al orden de lectura. Un buen póster decide qué lees primero, segundo y tercero, para que nadie tenga que descifrarlo. Este es el recorrido que hace tu ojo en uno que funciona:
Noche Creativa
Viernes · 7pm · Estudio 4
Taller nocturno gratis. Trae tu laptop.
Confirma- ¿Qué es? El titular es lo más grande, así que se lee primero.
- ¿Cuándo y dónde? En negrita y con color, así que se encuentra después.
- ¿Qué hago? El botón va al final, donde termina la mirada.
- Todo lo demás es más discreto a propósito.
El tamaño no es la única palanca. El peso (negrita o fina), el color y el espacio alrededor de algo también atraen la mirada. Usa una o dos a propósito, no todas a la vez.
Palabras clave
- Jerarquía
- El orden en que la gente nota y lee las cosas. La controlas con el tamaño, el peso, el color y la posición.
- Contraste
- La diferencia entre dos cosas: oscuro sobre claro, grande junto a pequeño. El contraste hace que las cosas se lean y que destaquen.
- Espacio en blanco
- El espacio vacío alrededor y entre los elementos. Agrupa lo que va junto y le da un descanso al ojo.
- Alineación
- Poner las cosas en línea a lo largo de un borde o un centro común. Los layouts alineados se ven tranquilos e intencionales.
- Llamada a la acción (CTA)
- El botón o la línea que le dice a la gente qué hacer después: Confirma, Compra, Regístrate.
Ahora entrena tu ojo. ¿Cuál de estos tres se lee en el orden correcto? Activa Entrecerrar ojos para difuminarlos, como verías un póster desde el otro lado de la sala.
¿Qué póster se lee en el orden correcto?
Tres pruebas que puedes hacerle a cualquier diseño
La prueba de entrecerrar los ojos
Entrecierra los ojos o aléjate un paso. Lo que sigue destacando es lo que guía. Si no es lo más importante, hazlo más grande, más grueso o más brillante.
La prueba de los cinco segundos
Muéstrale el diseño a alguien durante cinco segundos y luego escóndelo. Pregúntale para qué era y qué debería hacer. Si no sabe decirlo, la jerarquía todavía no funciona.
La prueba del teléfono
Achícalo al tamaño de la pantalla de un teléfono. ¿Todavía se leen el titular y la fecha? Casi todo el mundo verá tu trabajo primero en un teléfono.
Míralo en sitios web reales
Ábrelos en una pestaña nueva y entrecierra los ojos. Cada uno tiene una primera, una segunda y una tercera cosa claras que mirar.
GOV.UK
En qué fijarte
- Palabras sencillas y titulares grandes. Muy pocas cosas compiten por tu atención.
- Una sola columna y mucho espacio. La jerarquía sale del tamaño y el peso, no de la decoración.
- Un buen recordatorio de que lo claro gana a lo ingenioso.
Stripe
En qué fijarte
- Un titular que dice qué hace el producto.
- Un botón destaca más que todo lo que lo rodea.
- El color se reserva para lo que más importa.
Haz un segundo póster, para otro evento
Vuelve al póster de arriba y rediséñalo para "Café y Crítica, sábado 10am". Cambia el titular y prueba al menos dos layouts y dos combinaciones de color antes de elegir una.
- 1Escribe el nuevo titular en el creador de pósteres.
- 2Prueba todos los layouts. Quédate con el que el titular sigue guiando cuando entrecierras los ojos.
- 3Elige colores que pasen la revisión de contraste.
- 4Haz las tres pruebas con tu versión favorita.
- 5Comparte en el debate qué elegiste y por qué.
En tu póster, la fecha y el titular tienen el mismo tamaño. ¿Qué pasa?
El texto gris claro sobre fondo blanco te parece elegante. ¿Qué deberías revisar?
Para leer después