El bloque Fondo combina una imagen o color de fondo con contenido superpuesto. Puede resultar atractivo, pero el texto necesita seguir leyéndose sobre la fotografía. Elige ambos juntos. Una imagen con una zona tranquila para las palabras suele funcionar mejor que una escena muy cargada que exige una capa oscura intensa.
Empieza por el encabezado real, no por una frase provisional corta. Colócalo donde el sujeto siga visible y exista contraste suficiente. Comprueba toda la línea: puede atravesar zonas claras y oscuras de una misma foto. Un color legible sobre el cielo quizá desaparezca sobre un edificio situado más abajo.
Los controles de superposición y posición pueden ayudar cuando están disponibles. Úsalos para facilitar la lectura sin ignorar la información que aporta la imagen. Si necesitas oscurecerla tanto que deja de entenderse, considera otra distribución en lugar de insistir con la misma composición.
Observa el recorte
El fondo puede recortarse de otra manera cuando cambia la forma del contenedor. Revisa un teléfono y una pantalla amplia. Evita colocar rostros, productos u otros sujetos importantes en zonas que desaparezcan fácilmente. Un punto focal puede orientar el recorte, pero no garantiza que toda la fotografía permanezca visible en cualquier proporción.
Leer el diagrama como texto
- En todo el título: Revisa el contraste cuando las palabras cruzan zonas claras y oscuras.
- En distintas proporciones: Mantén visible el sujeto importante en recortes anchos y estrechos.
- En la capa de contenido: Conserva las palabras esenciales como texto real, no dentro del archivo.
- Con texto ampliado: Deja altura suficiente para saltos, traducciones y controles visibles.
Si foto y texto compiten, otra distribución puede explicar mejor la página.
No integres instrucciones esenciales dentro del archivo de imagen. El texto real puede cambiar de línea, ampliarse y estar disponible para tecnologías de asistencia. Un botón sobre el fondo necesita un destino claro y separación suficiente del título. Evita convertir toda la composición en una colección confusa de enlaces superpuestos.
Prueba el texto ampliado y una traducción más larga si el sitio utiliza varios idiomas. Las alturas fijas pueden cortar palabras o desplazar controles fuera de la zona visible. Siempre que sea posible, deja que el contenido tenga espacio para determinar la altura. Un fondo bien utilizado presenta la página sin obligar al visitante a esforzarse para leer el mensaje que debía recibirlo.
