¿Qué es el Espaciado?
El espaciado es una parte importante del diseño web, incluso si no siempre lo nota. El espaciado adecuado mejora la jerarquía visual al dirigir la atención a elementos clave, mejora la legibilidad al hacer que el texto sea más fácil de seguir, y aumenta la participación del usuario al crear un diseño más atractivo y fácil de navegar.
Tipos de Ajustes de Espaciado
1. Relleno vs. Margen
Relleno y Margen son dos elementos clave que controlan el espaciado en su página, pero sirven para propósitos diferentes:
- Margen es el espacio fuera del borde de un elemento. Controla el espacio entre el elemento y otros elementos en la página. Los márgenes son transparentes y empujan el elemento lejos del contenido circundante, creando un espacio alrededor del elemento.
En GemPages, puede usar márgenes para controlar la distancia entre diferentes elementos, como entre dos imágenes o entre un botón y un bloque de texto, para crear separación visual o espacio en blanco.
- Relleno es el espacio dentro del borde de un elemento pero fuera de su contenido. Define la cantidad de espacio entre el contenido del elemento (como texto o una imagen) y el borde del elemento.
En GemPages, el Relleno se usa cuando desea crear espacio dentro de un elemento. Por ejemplo, puede agregar relleno a un botón para que el texto interior tenga espacio alrededor, haciendo que el botón sea más grande o más equilibrado visualmente.
Para una exploración más profunda de cómo funcionan estos, consulte nuestro artículo sobre Margen y Relleno.
2. Espaciado de Columna y Fila
Si está trabajando con cuadrículas o elementos agrupados, ajustar el espacio entre columnas y filas es clave para un diseño limpio. Aquí está cómo puede hacerlo:
- Espaciado de columna: Aumente el espacio entre columnas usando la configuración de espacio de columna en el elemento Fila.
- Espaciado de fila: Usa Margen Superior y Inferior en elementos de fila para controlar el espacio vertical entre ellos.
3. Espaciado de Línea y Letra
Cuando se trata de texto, el espaciado adecuado de línea y letra puede hacer una diferencia significativa en la legibilidad.
- Espaciado de línea (Altura de línea): Ajuste el espacio entre líneas de texto para hacer que sus párrafos sean más legibles.
- Espaciado de letra: Modifique el espaciado entre letras individuales para mejorar la claridad.
Cómo Agregar Espaciado Entre Elementos Usando GemPages
Paso 1: En el Editor de GemPages, haga clic en un elemento donde desee agregar espaciado.
Paso 2: Vaya a la pestaña Avanzada y encuentre la sección Relleno vs. Margen.
Paso 3: Ajuste la configuración para agregar el espaciado deseado, o elija un valor preestablecido.
Cómo Eliminar Espaciado Entre Elementos Usando GemPages
Paso 1: Vaya a la pestaña Avanzada y encuentre la sección Margen y Relleno.
Paso 2: Establezca todos los valores de espaciado en 0 para eliminar el espaciado.
gracias por tus comentarios