Animated waves și Animated particles sunt benzi decorative. Valurile creează o margine moale, în mișcare, între două secțiuni. Particulele umplu o bandă cu forme care plutesc încet, cum ar fi zăpada sau bulele.
Adaugă una
În the builder, deschide fila Sections, apasă Add new section și alege Animated waves sau Animated particles din grupul Decoration. Trage banda între cele două secțiuni pe care vrei să le desparți. Poți adăuga până la 5 din fiecare pe pagină, pe orice pagină.
Animated waves
Valuri
- Style: Gentle, Calm, Choppy, Peaks, Zigzag sau Blob.
- Height: de la 40 la 300 de pixeli.
- Layers: de la 1 la 4 valuri suprapuse. Mai multe straturi dau mai multă adâncime.
- Speed: Slow, Normal sau Fast.
Aranjare
- Merge with header: elimină fundalul benzii, ca să pară parte din antetul de deasupra. Pune banda chiar sub antet pentru o margine de antet ondulată.
- Flip vertically: întoarce valurile cu susul în jos, ca să se îmbine cu secțiunea de deasupra în loc de cea de dedesubt.
- Direction: Left sau Right, sensul în care se mișcă valurile.
- Overlap: de la 0 la 120 de pixeli. Trage banda peste secțiunea următoare ca să ascundă orice linie vizibilă dintre ele.
- Width: Full (implicit) sau Page.
Animated particles
- Shape: Dot, Bubble, Star sau Snow.
- Count: de la 5 la 40 de particule. Size: cea mai mare particulă, de la 2 la 40 de pixeli. Celelalte sunt mai mici.
- Speed: Slow, Normal sau Fast. Direction: Up (urcă, precum bulele) sau Down (cad, precum zăpada).
- Opacity: de la 10% la 100%. Valorile mai mici păstrează efectul discret în spatele conținutului.
- Height a benzii, de la 40 la 600 de pixeli, și Width (Full sau Page).
Culori
Ambele benzi își iau culorile din Color scheme aleasă. Valurile folosesc culoarea Background a schemei, iar spațiul din spatele lor folosește culoarea Inner background. La particule este invers: particulele folosesc culoarea Inner background, iar spațiul din spate folosește culoarea Background. Pentru o îmbinare curată, potrivește aceste două culori cu secțiunile de deasupra și de sub bandă. Schemele se editează în Scheme de culori. Ambele au și Padding (până la 200 de pixeli pe fiecare parte).
Rețete
- Aspect de iarnă: Animated particles cu Shape pe Snow, Direction pe Down și o opacitate mică, puse sub hero.
- Antet ondulat: Animated waves chiar sub antet, cu Merge with header pornit și aceeași schemă de culori ca antetul.
Bine de știut
- Apare o linie între valuri și secțiunea următoare: mărește Overlap sau verifică dacă se potrivesc culorile schemei.
- Mișcare: cumpărătorii care au activat reducerea mișcării pe dispozitiv văd valurile și particulele nemișcate.
- Fără text înăuntru: valurile și particulele nu conțin text sau butoane. Ca să afișezi un mesaj, adaugă o secțiune Text lângă bandă.
- Păstrează lucrurile simple: una sau două benzi pe pagină păstrează atenția pe produsele tale.