Un banner en tres formatos: cuadrado, vertical y horizontal

Fija el contenido antes de adaptar

Utiliza una oferta definida: un producto o servicio, un titular, una explicación y una acción. Aprueba estas partes antes de crear los tamaños. De lo contrario, cada diseño tendrá un sentido algo distinto y la comparación será imprecisa. Anota aparte las condiciones obligatorias que no deben desaparecer al abreviar.

Para el ejercicio crea un área cuadrada, una vertical y una horizontal. Son proporciones de práctica, no medidas universales de plataformas. En un uso real comprueba los requisitos, los límites del archivo y las zonas cubiertas por la interfaz. La adaptación debe tener en cuenta el lugar de publicación, no solo la relación de aspecto.

Separa los elementos constantes y variables

El texto de la oferta, los colores principales, la fuente y el estilo de la imagen permanecerán constantes. Puedes cambiar la posición, el encuadre, los saltos de línea y el tamaño de un objeto secundario. Esta lista ayudará a conservar un mismo estilo incluso cuando las composiciones sean muy distintas.

Para practicar puedes utilizar diez fondos gratuitos con podios. Elige una opción con espacio alrededor de la escena principal. No todos los fondos admiten un recorte fuerte: si el podio desaparece en la versión horizontal, utiliza otro fondo o cambia la composición.

Empieza por el cuadrado

Sitúa el titular y la imagen de manera que no se estorben. Deja la explicación y la acción en un bloque propio. Guarda esta versión como punto de partida, sin considerarla la única distribución correcta para otras proporciones. El cuadrado sirve para revisar el contenido, no para escalarlo mecánicamente.

1. En la versión vertical coloca los bloques principales de arriba abajo y conserva la lectura del titular.
2. En la horizontal prueba texto a la izquierda y objeto a la derecha, u otra pareja clara de áreas.
3. Cambia los saltos de línea por su sentido, no por el ancho casual del campo de texto.
4. Comprueba la acción y las condiciones después de cada cambio de posición.
5. No estires una foto o un PNG en un solo eje para llenar el espacio libre.

Si el formato es demasiado estrecho, puedes eliminar la decoración secundaria. Pero no debes convertir las condiciones de la oferta en una línea ilegible. Primero acorta las frases prescindibles y prueba otra distribución. Conservar todos los adornos no importa más que la precisión del mensaje.

Revisa la escala visible

Tres diseños con formas distintas sobre una misma hoja pueden parecer difíciles de comparar. Observa cada uno al tamaño previsto de visualización. El titular y el objeto deben mantener su función. Si en horizontal el objeto se vuelve protagonista y el texto desaparece, redúcelo o reserva para el texto una zona más tranquila.

Recorta el fondo por separado del objeto y del texto cuando estén en capas distintas. Así conservarás mejor las partes importantes. Una imagen plana terminada ofrece menos opciones: a veces hace falta otro original. No compenses los bordes perdidos ampliando tanto que empeore la calidad.

Guarda archivos de trabajo con nombres claros

Nombra las variantes por su formato y su uso. Expórtalas por separado y comprueba que cada una tenga la composición, el texto y el tamaño correctos. Tras aprobarlas, los cambios deben llegar a todas las versiones: guarda una lista de los datos modificados junto al proyecto.

Para la jerarquía inicial consulta el titular corto para un banner. Si utilizas una escena preparada, revisa cómo colocar un producto sobre un podio. Encontrarás más recursos abiertos en esta sección.