¿Cómo agrego formas entre secciones?

Con Formas en el borde superior, puedes agregar formas decorativas entre secciones para crear un sitio web más único y visualmente atractivo. En lugar de una línea recta, puedes usar curvas, ondas, ángulos y otras formas para crear transiciones entre diferentes partes de tu página.

En este artículo, explicaremos cómo agregar una forma, qué opciones están disponibles y cómo puedes usarlas para personalizar tu página web.

Paso 1: Abre el Editor

Ve al Editor y abre la página que contiene la sección que deseas personalizar.

Paso 2: Abre la configuración de la sección

Haz clic en la sección para mostrar la barra de herramientas gris. Luego haz clic en el icono de Configuración (Engranaje) > Forma en el borde superior.

Paso 3: Selecciona una forma en el borde superior

Abre el menú desplegable Forma en el borde superior y selecciona la forma que deseas usar.

La forma seleccionada se aplica inmediatamente al borde superior de la sección, para que puedas comparar fácilmente las diferentes opciones.

Por favor ten en cuenta: La forma se aplica al borde superior de la sección seleccionada. El color o el fondo de esa sección determina cómo aparece la forma entre las dos secciones.

Más información:

Formas disponibles


Puedes elegir entre las siguientes opciones:

  • Ninguna: Mantiene un borde recto entre las secciones.
  • Arco: Añade una curva suave y redondeada.
  • Inclinación (hacia arriba): Crea un borde diagonal que sube de izquierda a derecha.
  • Inclinación (hacia abajo): Crea un borde diagonal que baja de izquierda a derecha.
  • Pico: Añade una forma puntiaguda en el centro.
  • Valle: Crea una forma que apunta hacia adentro en el centro.
  • Onda: Añade una onda grande y fluida.
  • Doble onda: Crea una transición con múltiples curvas.
  • Ondas cortas: Añade un patrón repetitivo de ondas más pequeñas.
  • Zigzag: Crea un borde angular repetitivo.
     
¿Cómo puedo usar las formas en mi página web?


Las formas pueden ayudar a separar diferentes tipos de contenido y hacer que las secciones importantes destaquen. Por ejemplo, puedes usarlas para:

  • Separar secciones con diferentes colores de fondo.
  • Resaltar un testimonio, promoción o llamada a la acción.
  • Crear una transición suave entre una imagen y una sección de texto.
  • Agregar un aspecto lúdico a un sitio web creativo o personal.
  • Añadir movimiento a un sitio web moderno de negocios o portafolio.
  • Dividir una página larga sin agregar elementos divisores adicionales.
Consejo: Combina la forma con colores contrastantes en las secciones o un fondo de imagen para hacer que el efecto sea más visible.

 

Elegir la forma adecuada
  • Usa Onda, Doble onda u Ondas cortas para un aspecto amigable y divertido.
  • Usa Arco, Pico o Valle para una transición más suave y decorativa.
  • Usa Inclinación (hacia arriba) o Inclinación (hacia abajo) para un aspecto limpio y moderno.
  • Usa Zigzag cuando quieras crear un contraste visual más fuerte.
Consejo: No es necesario agregar una forma en cada sección. Usarlas selectivamente puede llamar la atención sobre partes importantes de tu página sin que el diseño se vea demasiado recargado. 

  1. ¿Cómo agrego secciones? 
  2. Cómo personalizar el esquema de colores de un Diseño 
  3. Cómo rediseñar una página web existente

¿Te fue útil este artículo?