Τα Animated waves και Animated particles είναι διακοσμητικές λωρίδες. Τα κύματα δημιουργούν μια απαλή κινούμενη άκρη ανάμεσα σε δύο τμήματα. Τα σωματίδια γεμίζουν μια λωρίδα με σχήματα που κινούνται αργά, όπως χιόνι ή φυσαλίδες.
Προσθήκη
Στον builder, ανοίξτε την καρτέλα Sections, κάντε κλικ στο Add new section και επιλέξτε Animated waves ή Animated particles στην ομάδα Decoration. Σύρετε τη λωρίδα ανάμεσα στα δύο τμήματα που θέλετε να χωρίσετε. Μπορείτε να προσθέσετε έως 5 από το καθένα ανά σελίδα, σε οποιαδήποτε σελίδα.
Animated waves
Κύματα
- Style: Gentle, Calm, Choppy, Peaks, Zigzag ή Blob.
- Height: από 40 έως 300 pixels.
- Layers: 1 έως 4 κύματα το ένα πάνω στο άλλο. Περισσότερες στρώσεις δίνουν περισσότερο βάθος.
- Speed: Slow, Normal ή Fast.
Διάταξη
- Merge with header: αφαιρεί το φόντο της λωρίδας ώστε να φαίνεται σαν μέρος της κεφαλίδας από πάνω. Βάλτε τη λωρίδα ακριβώς κάτω από την κεφαλίδα για μια κυματιστή άκρη στην κεφαλίδα.
- Flip vertically: γυρίζει τα κύματα ανάποδα, ώστε να δένουν με το τμήμα από πάνω αντί για αυτό από κάτω.
- Direction: Left ή Right, η κατεύθυνση που κινούνται τα κύματα.
- Overlap: από 0 έως 120 pixels. Τραβά τη λωρίδα πάνω στο επόμενο τμήμα για να κρύψει οποιαδήποτε ορατή γραμμή ανάμεσά τους.
- Width: Full (προεπιλογή) ή Page.
Animated particles
- Shape: Dot, Bubble, Star ή Snow.
- Count: από 5 έως 40 σωματίδια. Size: το μεγαλύτερο σωματίδιο, από 2 έως 40 pixels. Τα υπόλοιπα είναι μικρότερα.
- Speed: Slow, Normal ή Fast. Direction: Up (ανεβαίνουν, σαν φυσαλίδες) ή Down (πέφτουν, σαν χιόνι).
- Opacity: από 10% έως 100%. Οι χαμηλότερες τιμές κρατούν το εφέ απαλό πίσω από το περιεχόμενό σας.
- Height της λωρίδας, από 40 έως 600 pixels, και Width (Full ή Page).
Χρώματα
Και οι δύο λωρίδες παίρνουν τα χρώματά τους από το Color scheme που επιλέγετε. Τα κύματα χρησιμοποιούν το χρώμα Background του σχήματος και ο χώρος πίσω τους το χρώμα Inner background. Στα σωματίδια ισχύει το αντίθετο: τα σωματίδια χρησιμοποιούν το χρώμα Inner background και ο χώρος πίσω τους το χρώμα Background. Για καθαρή ένωση, ταιριάξτε αυτά τα δύο χρώματα με τα τμήματα πάνω και κάτω από τη λωρίδα. Τα σχήματα επεξεργάζονται στα Χρωματικά σχήματα. Και οι δύο έχουν επίσης Padding (έως 200 pixels σε κάθε πλευρά).
Συνταγές
- Χειμωνιάτικη εμφάνιση: Animated particles με Shape Snow, Direction Down και χαμηλή αδιαφάνεια, κάτω από το hero.
- Κυματιστή κεφαλίδα: Animated waves ακριβώς κάτω από την κεφαλίδα, με ενεργό το Merge with header και το ίδιο χρωματικό σχήμα με την κεφαλίδα.
Καλό να ξέρετε
- Φαίνεται μια γραμμή ανάμεσα στα κύματα και στο επόμενο τμήμα: αυξήστε το Overlap ή ελέγξτε ότι ταιριάζουν τα χρώματα των σχημάτων.
- Κίνηση: οι αγοραστές που έχουν ενεργοποιήσει τη μειωμένη κίνηση στη συσκευή τους βλέπουν τα κύματα και τα σωματίδια ακίνητα.
- Χωρίς κείμενο μέσα: τα κύματα και τα σωματίδια δεν περιέχουν κείμενο ή κουμπιά. Για να δείξετε ένα μήνυμα, προσθέστε ένα τμήμα Text δίπλα στη λωρίδα.
- Κρατήστε το ελαφρύ: μία ή δύο λωρίδες ανά σελίδα κρατούν την προσοχή στα προϊόντα σας.