Cómo agregar bordes, esquinas y sombras en GemPages

¿Por qué utilizar bordes, esquinas y sombras?

Elementos de diseño como bordes, radios de esquina y sombras son herramientas poderosas para crear diseños visualmente atractivos. Ayudan a:

• Definir secciones y límites de contenido
• Añade profundidad y dimensión
• Mejorar la claridad y el enfoque
• Dale a tu diseño un aspecto pulido y moderno.

GemPages facilita la aplicación y personalización de estos efectos visuales mediante el Configuraciones de forma objetivo en el editor.

Cómo acceder a la configuración de bordes, esquinas y sombras

Para personalizar el borde, la esquina o la sombra de un elemento, siga estos pasos:

Paso 1: seleccione el elemento

Haga clic en el elemento que desea diseñar (como un botón, una imagen o un bloque contenedor) para abrir su configuración.

Paso 2: Abra la pestaña Avanzada

En la barra lateral izquierda, vaya a la sección Avanzado .

Paso 3: Localiza la configuración de forma

Desplácese hacia abajo hasta la sección Configuraciones de forma Sección para acceder a las opciones de personalización de bordes, esquinas y sombras.

Configuración de borde

Los bordes ayudan a definir los bordes de un elemento, aportando claridad y énfasis a tu diseño. En la configuración de elementos, la configuración de los bordes se ajusta dentro de un elemento emergente, incluyendo:

Color del borde

Elija un color para su borde para lograr el aspecto deseado.

Espesor de la frontera

También puedes personalizar el grosor de cada lado del borde individualmente.

Trazo de borde

Elige el estilo de tu borde:

• Línea: Una línea continua
• Discontinuo: Un borde hecho de guiones
• Punteado: Un borde hecho de puntos

Ajustes de esquina

Las esquinas te permiten personalizar la forma de un elemento, añadiendo interés visual a tu diseño. Puedes introducir manualmente cualquier radio de esquina; los valores sugeridos se muestran en el campo de entrada.

Ajustes de sombra

Las sombras crean profundidad y dimensión, haciendo que su diseño sea más dinámico y visualmente atractivo.

Tipo de sombra

• Ligera
• Media
• Big
• Personalizar

Si elige personalizar:

• Dirección: :Ajuste el ángulo de la sombra (360 grados) para alinearla con su estilo de diseño.
• Color:Elija un color de sombra que complemente el tema general de su diseño.
• Distancia:Ajusta qué tan lejos aparece la sombra del elemento, creando un efecto sutil o dramático.
• Tamaño:Define el tamaño de la sombra para lograr una apariencia más notoria o discreta.
• Desenfoque:Controla el nivel de desenfoque de la sombra, determinando si es nítida o difusa para una apariencia más suave.

Color de sombra