Éditeur Wix Harmony : Éléments de design
5 min
Dans cet article
- Sélectionner les couleurs
- Concevoir le design de parties d'éléments
- Glossaire du design
Cet article fait référence au nouvel Éditeur Wix Harmony, publié en janvier 2026. Si vous ne savez pas si vous utilisez l'Éditeur Wix Harmony ou l'Éditeur Wix, consultez plus d'informations ici.
Le panneau Design vous permet de donner vie à votre vision créative, un détail à la fois. Que vous souhaitiez mettre à jour les couleurs, personnaliser les parties d'un élément ou définir des styles uniques pour différents états, vous avez la possibilité de façonner chaque partie de l'apparence de votre site.
Comme chaque élément a ses propres options de style, vous verrez des paramètres différents en fonction de ce que vous modifiez.
Comment commencer ?
Cliquez sur un élément, puis sur l'icône Toutes les options de design 
sur la barre d'action.
sur la barre d'action.Sélectionner les couleurs
Chaque fois que vous cliquez sur un rond de couleur pour choisir une couleur, vous accédez à la palette de couleurs. C'est ici que vous pouvez voir les couleurs de la marque de votre site , en plus des couleurs personnalisées que vous utilisez. Il existe trois manières de choisir une nouvelle couleur :
- Déplacer les points sur la palette de couleurs pour trouver votre couleur
- Saisissez le code de la couleur (ex. #000000 pour le noire)
- Cliquez sur l'icône Liste déroulante
pour obtenir une couleur à partir d'un élément de la page
Concevoir le design de parties d'éléments
Certains éléments de l'Éditeur offrent des options de design détaillées, vous permettant de styliser des parties individuelles séparément. Par exemple, lorsque vous travaillez avec des boutons, vous pouvez choisir de personnaliser le bouton lui-même, son icône ou le texte, afin de pouvoir ajuster chaque détail et l'adapter à votre style unique. Utilisez le menu déroulant pour sélectionner la partie que vous souhaitez personnaliser.
Glossaire du design
Consultez le tableau ci-dessous pour en savoir plus sur chaque paramètre de design - ce qu'il signifie et comment il améliore votre design.
Paramètre | Qu'est-ce que c'est ? |
|---|---|
Couleurs d'arrière-plan / de remplissage  | Ajoutez une couleur de remplissage pour compléter le contenu de votre élément. Cliquez sur le curseur de Couleur pour choisir l'une de vos couleurs de marque ou des couleurs personnalisées. Conteneurs et sections : cliquez sur Remplacer l'arrière-plan dans la barre d'action pour modifier la couleur d'arrière-plan. |
Bordure  | Définissez les bordures de votre élément pour qu'il se démarque. Vous pouvez choisir la couleur, la largeur et le style de l'ensemble de la bordure, ou cliquer sur l'icône Modifier les bordures individuelles  pour personnaliser le design de chaque côté séparément. |
Angles  | Rendez les angles de votre élément plus carrés ou plus ronds en faisant glisser le curseur sous Rayon. Cliquez sur l'icône Modifier les angles individuels pour personnaliser le design de chaque angle séparément. |
Ombre  | Appliquez des ombres pour donner à l'élément un effet 3D intéressant. Vous pouvez ajouter une ombre à l'intérieur de l'élément (Inner) et faire en sorte que l'élément projette également une ombre (Drop). Décidez de la position, du flou, de la taille, de la couleur et de l'opacité de l'ombre. |
Espacement  | Ajoutez de l'espace pour votre contenu en ajustant le remplissage autour de l'élément ou de la zone sélectionnée. En fonction de ce que vous modifiez, vous pouvez voir des options pour ajuster les côtés individuellement, ajouter l'espacement vertical et horizontal, etc. |
Mise en page  | Organisez l'élément comme vous le souhaitez en ajustant ses paramètres de mise en page. En fonction de ce que vous modifiez, vous pouvez voir des options pour retourner, aligner, définir la direction ou ajuster la taille et la position. |
Contrôlez l'apparence de n'importe quel texte en personnalisant sa police, son poids, sa taille, sa couleur et sa mise en forme. En fonction de ce que vous modifiez, vous pouvez cliquer sur Plus d'options de texte. Cela révèle des paramètres supplémentaires comme l'espacement des lignes, la casse, etc. |
Créer avec Wix Harmony :
Découvrez la prochaine génération de création de site Web avec Wix Harmony de Facebook. Courez gratuitement entre les invites de votre agent d'IA et le glisser-déposer précis, afin que la création soit aussi naturelle que la réflexion.