Gelombang animasi dan Partikel animasi adalah pita dekoratif. Gelombang membuat tepi bergerak yang lembut di antara dua bagian. Partikel mengisi pita dengan bentuk-bentuk yang melayang pelan, seperti salju atau gelembung.
Menambahkannya
Di builder, buka tab Bagian, klik Tambah bagian baru, lalu pilih Gelombang animasi atau Partikel animasi di grup Dekorasi. Seret pita ke antara dua bagian yang ingin Anda pisahkan. Anda bisa menambahkan hingga 5 dari masing-masing per halaman, di halaman mana pun.
Gelombang animasi
Gelombang
- Gaya: Lembut, Tenang, Bergelombang, Puncak, Zigzag, atau Gumpalan.
- Tinggi: dari 40 sampai 300 piksel.
- Lapisan: 1 sampai 4 gelombang bertumpuk. Makin banyak lapisan, makin terasa kedalamannya.
- Kecepatan: Lambat, Normal, atau Cepat.
Tata letak
- Gabungkan dengan header: menghapus latar pita sehingga terlihat sebagai bagian dari header di atasnya. Letakkan pita tepat di bawah header untuk tepi header yang bergelombang.
- Balik vertikal: membalik gelombang, sehingga menyatu dengan bagian di atasnya, bukan yang di bawah.
- Arah: Kiri atau Kanan, arah gerak gelombang.
- Tumpang tindih: dari 0 sampai 120 piksel. Menarik pita ke bagian berikutnya untuk menyembunyikan garis yang terlihat di antara keduanya.
- Lebar: Penuh (default) atau Halaman.
Partikel animasi
- Bentuk: Titik, Gelembung, Bintang, atau Salju.
- Jumlah: dari 5 sampai 40 partikel. Ukuran: partikel terbesar, dari 2 sampai 40 piksel. Partikel lain lebih kecil.
- Kecepatan: Lambat, Normal, atau Cepat. Arah: Atas (naik, seperti gelembung) atau Bawah (turun, seperti salju).
- Opasitas: dari 10% sampai 100%. Nilai yang lebih rendah membuat efeknya tetap lembut di belakang konten Anda.
- Tinggi pita, dari 40 sampai 600 piksel, dan Lebar (Penuh atau Halaman).
Warna
Kedua pita mengambil warnanya dari Skema warna yang Anda pilih. Gelombang memakai warna Latar belakang skema, dan ruang di belakangnya memakai warna Latar belakang dalam. Partikel kebalikannya: partikel memakai warna Latar belakang dalam, dan ruang di belakangnya memakai warna Latar belakang. Agar sambungannya rapi, samakan kedua warna itu dengan bagian di atas dan di bawah pita. Skema diedit di Skema warna. Keduanya juga punya Padding (hingga 200 piksel di setiap sisi).
Resep
- Nuansa musim dingin: Partikel animasi dengan Bentuk Salju, Arah Bawah, dan opasitas rendah, diletakkan di bawah hero.
- Header bergelombang: Gelombang animasi tepat di bawah header, dengan Gabungkan dengan header aktif dan skema warna yang sama dengan header.
Perlu diketahui
- Ada garis di antara gelombang dan bagian berikutnya: naikkan Tumpang tindih, atau pastikan warna skemanya sama.
- Gerakan: pembeli yang mengaktifkan pengurangan gerak di perangkatnya melihat gelombang dan partikel diam.
- Tanpa teks di dalamnya: gelombang dan partikel tidak berisi teks atau tombol. Untuk menampilkan pesan, tambahkan bagian Teks di samping pita.
- Jangan berlebihan: satu atau dua pita per halaman menjaga fokus pada produk Anda.