Qu'est-ce que l'espacement ?
L'espacement est un élément important de la conception Web, même si vous ne le remarquez pas toujours. Un espacement approprié améliore la hiérarchie visuelle en attirant l'attention sur les éléments clés, améliore la lisibilité en rendant le texte plus facile à suivre et stimule l'engagement des utilisateurs en créant une conception plus attrayante et facile à parcourir.
Types de réglages d'espacement
1. Rembourrage et marge
Rembourrage Marge sont deux éléments clés qui contrôlent l'espacement sur votre page, mais ils servent à des fins différentes :
- Marge est l'espace situé à l'extérieur de la bordure d'un élément. Il contrôle l'espace entre l'élément et les autres éléments de la page. Les marges sont transparentes et éloignent l'élément de son contenu environnant, créant ainsi un tampon autour de lui.
Dans GemPages, vous pouvez utiliser des marges pour contrôler la distance entre différents éléments, comme entre deux images ou entre un bouton et un bloc de texte, pour créer une séparation visuelle ou un espace blanc.
- Rembourrage est l'espace à l'intérieur de la bordure d'un élément mais à l'extérieur de son contenu. Il définit la quantité d'espace entre le contenu de l'élément (comme du texte ou une image) et la bordure de l'élément.
Dans GemPages, le remplissage est utilisé lorsque vous souhaitez créer de l'espace dans un élément. Par exemple, vous pouvez ajouter un remplissage à un bouton pour que le texte à l'intérieur soit entouré d'espace, ce qui rend le bouton plus grand ou plus équilibré visuellement.
Pour une analyse plus approfondie de leur fonctionnement, consultez notre article sur Marge et remplissage.
2. Espacement des colonnes et des lignes
Si vous travaillez avec des grilles ou des éléments groupés, l'ajustement de l'espace entre les colonnes et les lignes est essentiel pour une mise en page propre. Voici comment procéder :
- Espacement des colonnes: Augmentez l'espace entre les colonnes en utilisant le espace entre les colonnes paramètre dans l'élément Row.
- Écartement des rangs: Utilisez le Marge supérieure Bas sur les éléments en ligne pour contrôler l'espace vertical entre eux.
3. Interligne et espacement des lettres
Lorsqu'il s'agit de texte, un espacement approprié entre les lignes et les lettres peut faire une différence significative en termes de lisibilité.
- Espacement des lignes (hauteur des lignes) : Ajustez l'espace entre les lignes de texte pour rendre vos paragraphes plus lisibles.
- L'espacement des lettres: Modifiez l’espacement entre les lettres individuelles pour améliorer la clarté.
Comment ajouter un espacement entre les éléments à l'aide de GemPages
Étape 1: Dans le Éditeur GemPages, cliquez sur un élément où vous souhaitez ajouter un espacement.
Étape 2: Aller sur le site web de Avancé onglet et trouver le Marge et remplissage .
Étape 3: Ajustez les paramètres pour ajouter l’espacement souhaité ou choisissez une valeur prédéfinie.
Comment supprimer l'espacement entre les éléments à l'aide de GemPages
Étape 1: Aller sur le site web de Avancé onglet et trouver le Marge et remplissage .
Étape 2: Définissez toutes les valeurs d'espacement sur 0 pour supprimer l'espacement.
Merci pour vos commentaires