Animierte Wellen und Animierte Partikel sind dekorative Bänder. Wellen bilden einen weichen, bewegten Übergang zwischen zwei Abschnitten. Partikel füllen ein Band mit langsam schwebenden Formen, wie Schnee oder Blasen.
Ein Band hinzufügen
Öffne im Builder den Tab Abschnitte, klicke auf Neuen Abschnitt hinzufügen und wähle Animierte Wellen oder Animierte Partikel in der Gruppe Dekoration. Zieh das Band zwischen die beiden Abschnitte, die du trennen möchtest. Du kannst von jedem bis zu 5 pro Seite hinzufügen, auf jeder Seite.
Animierte Wellen
Wellen
- Stil: Sanft, Ruhig, Bewegt, Spitzen, Zickzack oder Organisch.
- Höhe: von 40 bis 300 Pixeln.
- Ebenen: 1 bis 4 Wellen übereinander. Mehr Ebenen geben mehr Tiefe.
- Geschwindigkeit: Langsam, Normal oder Schnell.
Layout
- Mit Kopfzeile verschmelzen: entfernt den Hintergrund des Bands, sodass es wie ein Teil der Kopfzeile darüber wirkt. Setze das Band direkt unter die Kopfzeile für einen gewellten Rand der Kopfzeile.
- Vertikal spiegeln: stellt die Wellen auf den Kopf, sodass sie in den Abschnitt darüber übergehen statt in den darunter.
- Richtung: Links oder Rechts, die Richtung, in die sich die Wellen bewegen.
- Überlappung: von 0 bis 120 Pixeln. Zieht das Band auf den nächsten Abschnitt, um eine sichtbare Linie dazwischen zu verbergen.
- Breite: Voll (Standard) oder Seite.
Animierte Partikel
- Form: Punkt, Blase, Stern oder Schnee.
- Anzahl: von 5 bis 40 Partikeln. Größe: das größte Partikel, von 2 bis 40 Pixeln. Die anderen sind kleiner.
- Geschwindigkeit: Langsam, Normal oder Schnell. Richtung: Hoch (aufsteigend, wie Blasen) oder Runter (fallend, wie Schnee).
- Deckkraft: von 10 % bis 100 %. Niedrigere Werte halten den Effekt hinter deinem Inhalt dezent.
- Höhe des Bands, von 40 bis 600 Pixeln, und Breite (Voll oder Seite).
Farben
Beide Bänder nehmen ihre Farben aus dem gewählten Farbschema. Die Wellen nutzen die Farbe Hintergrund des Farbschemas, und der Raum dahinter nutzt die Farbe Innerer Hintergrund. Bei Partikeln ist es umgekehrt: Die Partikel nutzen die Farbe Innerer Hintergrund, und der Raum dahinter nutzt die Farbe Hintergrund. Für einen sauberen Übergang passe diese beiden Farben an die Abschnitte über und unter dem Band an. Farbschemata bearbeitest du in Farbschemata. Beide haben auch einen Innenabstand (bis zu 200 Pixel auf jeder Seite).
Rezepte
- Winterlook: Animierte Partikel mit Form Schnee, Richtung Runter und niedriger Deckkraft, unter dem Hero platziert.
- Gewellte Kopfzeile: Animierte Wellen direkt unter der Kopfzeile, mit eingeschaltetem Mit Kopfzeile verschmelzen und demselben Farbschema wie die Kopfzeile.
Gut zu wissen
- Zwischen den Wellen und dem nächsten Abschnitt ist eine Linie zu sehen: Erhöhe die Überlappung oder prüfe, ob die Farben der Farbschemata zusammenpassen.
- Bewegung: Kunden, die auf ihrem Gerät reduzierte Bewegung eingeschaltet haben, sehen die Wellen und Partikel still.
- Kein Text darin: Wellen und Partikel enthalten keinen Text und keine Buttons. Um eine Nachricht zu zeigen, füge neben dem Band einen Abschnitt Text hinzu.
- Sparsam einsetzen: Ein oder zwei Bänder pro Seite halten den Fokus auf deinen Produkten.