Vagues animées et Particules animées sont des bandes décoratives. Les vagues créent une bordure douce et mouvante entre deux sections. Les particules remplissent une bande de formes qui dérivent lentement, comme de la neige ou des bulles.
En ajouter une
Dans le constructeur, ouvrez l'onglet Sections, cliquez sur Ajouter une nouvelle section et choisissez Vagues animées ou Particules animées dans le groupe Décoration. Faites glisser la bande entre les deux sections à séparer. Vous pouvez en ajouter jusqu'à 5 de chaque par page, sur n'importe quelle page.
Vagues animées
Vagues
- Style : Douce, Calme, Agitée, Pics, Zigzag ou Organique.
- Hauteur : de 40 à 300 pixels.
- Couches : de 1 à 4 vagues superposées. Plus de couches donnent plus de profondeur.
- Vitesse : Lente, Normal ou Rapide.
Disposition
- Fusionner avec l'en-tête : retire le fond de la bande pour qu'elle semble faire partie de l'en-tête au-dessus. Placez la bande juste sous l'en-tête pour obtenir un bas d'en-tête ondulé.
- Retourner verticalement : met les vagues à l'envers, pour qu'elles se fondent dans la section du dessus plutôt que dans celle du dessous.
- Direction : Gauche ou Droite, le sens dans lequel bougent les vagues.
- Chevauchement : de 0 à 120 pixels. Fait remonter la bande sur la section suivante pour cacher toute ligne visible entre les deux.
- Largeur : Complet (par défaut) ou Page.
Particules animées
- Forme : Point, Bulle, Étoile ou Neige.
- Nombre : de 5 à 40 particules. Taille : la plus grande particule, de 2 à 40 pixels. Les autres sont plus petites.
- Vitesse : Lente, Normal ou Rapide. Direction : Haut (elles montent, comme des bulles) ou Bas (elles tombent, comme la neige).
- Opacité : de 10 % à 100 %. Des valeurs basses gardent l'effet discret derrière votre contenu.
- Hauteur de la bande, de 40 à 600 pixels, et Largeur (Complet ou Page).
Couleurs
Les deux bandes prennent leurs couleurs dans le Schéma de couleurs choisi. Les vagues utilisent la couleur Arrière-plan du schéma, et l'espace derrière elles utilise sa couleur Arrière-plan intérieur. Pour les particules, c'est l'inverse : les particules utilisent la couleur Arrière-plan intérieur, et l'espace derrière elles utilise la couleur Arrière-plan. Pour une jonction nette, accordez ces deux couleurs aux sections au-dessus et en dessous de la bande. Les schémas se modifient dans Schémas de couleurs. Les deux ont aussi une Marge intérieure (jusqu'à 200 pixels de chaque côté).
Recettes
- Ambiance hivernale : Particules animées avec Forme Neige, Direction Bas et une faible opacité, placées sous le hero.
- En-tête ondulé : Vagues animées juste sous l'en-tête, avec Fusionner avec l'en-tête activé et le même schéma de couleurs que l'en-tête.
Bon à savoir
- Une ligne apparaît entre les vagues et la section suivante : augmentez le Chevauchement, ou vérifiez que les couleurs des schémas correspondent.
- Mouvement : les clients qui ont activé la réduction des animations sur leur appareil voient les vagues et les particules immobiles.
- Pas de texte à l'intérieur : les vagues et les particules ne contiennent ni texte ni bouton. Pour afficher un message, ajoutez une section Texte à côté de la bande.
- Restez léger : une ou deux bandes par page gardent l'attention sur vos produits.