Comment ajouter des formes entre les sections ?

Avec Forme du bord supérieur, vous pouvez ajouter des formes décoratives entre les sections pour créer un site web plus unique et visuellement attrayant. Au lieu d’une ligne droite, vous pouvez utiliser des courbes, des vagues, des angles et d’autres formes pour créer des transitions entre différentes parties de votre page.

Dans cet article, nous expliquerons comment ajouter une forme, quelles options sont disponibles et comment vous pouvez les utiliser pour personnaliser votre site web.

Étape 1 : Ouvrir l’éditeur

Allez dans l’Éditeur et ouvrez la page contenant la section que vous souhaitez personnaliser.

Étape 2 : Ouvrir les paramètres de la section

Cliquez sur la section pour afficher la barre d’outils grise. Puis cliquez sur l’icône Paramètres (Engrenage) > Forme du bord supérieur.

Étape 3 : Sélectionner une forme du bord supérieur

Ouvrez le menu déroulant Forme du bord supérieur et sélectionnez la forme que vous souhaitez utiliser.

La forme sélectionnée est appliquée immédiatement à la bordure supérieure de la section, vous permettant ainsi de comparer facilement les différentes options.


Plus d’informations :

Formes disponibles


Vous pouvez choisir parmi les options suivantes :

  • Aucune : Conserve une bordure droite entre les sections.
  • Arrondi : Ajoute une courbe douce et arrondie.
  • Inclinaison (vers le haut) : Crée une bordure diagonale qui monte de gauche à droite.
  • Inclinaison (vers le bas) : Crée une bordure diagonale qui descend de gauche à droite.
  • Pointe : Ajoute une forme pointue au centre.
  • Vallée : Crée une forme en creux au centre.
  • Vague : Ajoute une grande vague fluide.
  • Double vague : Crée une transition avec plusieurs courbes.
  • Petites vagues : Ajoute un motif répétitif de petites vagues.
  • Zigzag : Crée une bordure angulaire répétitive.
     
Comment utiliser les formes sur mon site web ?


Les formes peuvent aider à séparer différents types de contenu et à faire ressortir les sections importantes. Par exemple, vous pouvez les utiliser pour :

  • Séparer des sections avec des couleurs de fond différentes.
  • Mettre en valeur un témoignage, une promotion ou un appel à l’action.
  • Créer une transition fluide entre une image et une section de texte.
  • Ajouter une touche ludique à un site créatif ou personnel.
  • Apporter du dynamisme à un site professionnel moderne ou un portfolio.
  • Découper une longue page sans ajouter d’éléments de séparation supplémentaires.
Astuce : Combinez la forme avec des couleurs de section contrastées ou un fond d’image pour rendre l’effet plus visible.

 

Choisir la bonne forme
  • Utilisez Vague, Double vague ou Petites vagues pour une apparence conviviale et ludique.
  • Utilisez Arrondi, Pointe ou Vallée pour une transition plus douce et décorative.
  • Utilisez Inclinaison (vers le haut) ou Inclinaison (vers le bas) pour un look épuré et moderne.
  • Utilisez Zigzag lorsque vous souhaitez créer un contraste visuel plus marqué.
Astuce : Vous n’êtes pas obligé d’ajouter une forme à chaque section. Les utiliser de manière sélective peut attirer l’attention sur les parties importantes de votre page sans surcharger le design.

 

Veuillez noter : La forme est appliquée à la bordure supérieure de la section sélectionnée. La couleur ou le fond de cette section détermine l’apparence de la forme entre les deux sections.

 


Besoin d’aide ?

Notre équipe d’assistance est à votre disposition.

Contactez-nous via notre chatbot Webby en bas à droite de votre écran pour obtenir une assistance instantanée concernant votre question. Si Webby ne peut pas vous aider, nous serons heureux de vous aider personnellement en créant une demande d’assistance via Webby ou contactez-nous via WhatsApp ou les messageries des réseaux sociaux avec votre ou vos questions.
 


  1. Comment ajouter des sections ? 
  2. Comment personnaliser le schéma de couleurs d’un Design 
  3. Comment re-designer un site web existant

Cet article vous a-t-il été utile ?