Añadiendo superposiciones
Última actualización: 26 marzo, 2025
Las superposiciones (o overlays) son una excelente forma de mejorar el diseño visual de tu sitio web, destacar contenido o mejorar la legibilidad del texto sobre imágenes o videos. En Sitejet, puedes añadir superposiciones fácilmente a secciones, columnas, imágenes y otros elementos visuales.
🎯 ¿Por qué usar superposiciones?
-
Mejorar la legibilidad: Aumenta el contraste entre texto e imagen.
-
Destacar elementos: Crea un enfoque visual atractivo en secciones específicas.
-
Agregar profundidad: Genera una sensación más profesional y dinámica en tu diseño.
-
Estilo y consistencia: Mantiene una línea gráfica coherente con tu marca.
✅ ¿Cómo añadir una superposición en Sitejet?
Sigue estos pasos para añadir una superposición a una sección o elemento:
-
Selecciona el elemento donde quieres aplicar la superposición (por ejemplo, una imagen de fondo de una sección).
-
En el panel de la derecha, haz clic en la pestaña de Estilo (Style).
-
Busca la opción llamada “Superposición” o “Overlay”.
-
Activa la superposición y selecciona:
-
El color de la superposición.
-
El nivel de opacidad (recomendado entre 30% a 60% para texto sobre imágenes).
-
-
Puedes usar gradientes para efectos más sofisticados. Por ejemplo, de negro a transparente para hacer que el texto destaque solo en la parte inferior.
🧪 Consejo de diseño
Utiliza colores de superposición que coincidan con tu paleta de marca. Por ejemplo, si tu color principal es azul, usa una superposición azul oscuro con opacidad para mantener coherencia visual.
💡 Ideas para usar superposiciones
-
Encabezados con imagen de fondo: Añade una superposición oscura para que el título sea más visible.
-
Secciones de llamada a la acción (CTA): Usa una superposición colorida para resaltar botones.
-
Galerías o portfolios: Crea efectos de hover con superposición para mostrar texto adicional.
⚠️ Recomendación
Evita usar superposiciones demasiado opacas o con colores chillones, ya que pueden distraer al usuario. La clave está en el equilibrio visual.
Este artículo es una traducción del original en inglés titulado “Adding overlays” publicado por Sitejet.
