Pustaka kreatif dan animasi
Seksi, templat halaman, dan animasi siap pakai yang ditinjau sebelum dapat Anda gunakan, dan studio animasi untuk gerak Anda sendiri.
Halaman ini diterjemahkan dari bahasa Inggris. Jika ada perbedaan, versi bahasa Inggris yang berlaku. Baca dalam bahasa Inggris
Pustaka kreatif
Section titled “Pustaka kreatif”Katalog mencakup tujuh kategori:
| Kategori | Item |
|---|---|
| Hero | 30 |
| Kartu | 40 |
| Seksi konten | 45 |
| Navigasi dan chrome | 15 |
| Gerak | 35 |
| Animasi scroll | 25 |
| Templat halaman | 10 |
Setiap item melewati daftar periksa peninjauan (perenderan, tata letak responsif, aksesibilitas, lisensi, dan duplikat) sebelum muncul di Library Anda dengan lencana Approved.
Gunakan item
Section titled “Gunakan item”Buka Design → Library dan pilih item. Preview menampilkannya lebih dulu. Lalu:
- Use on a page: pilih Page dan klik Add to page. Editor halaman terbuka dengan seksi yang disisipkan sebagai perubahan yang belum disimpan, siap disunting dan disimpan.
- Add to website: jika situs web Anda belum dapat merender item tersebut, klik Propose the change. Atlas mengusulkan perubahan pengaturan situs dan menulis Task for the website developer. Developer Anda menambahkan komponen ke kode situs web; admin situs mengaktifkan perubahan di Site setup. Atlas tidak pernah memasang kode di situs web Anda.
- Open in Animations: untuk item gerak, mulai animasi baru darinya.
Studio animasi
Section titled “Studio animasi”Bangun animasi berwaktu (fade, move, scale, rotate, dan reveal) untuk elemen situs web Anda, pratinjau, dan simpan setiap perubahan sebagai revisi.
-
Buka Design → Animations dan klik New animation. Beri Name dan Key, pilih Start from (fade-in kosong, atau animasi pustaka yang telah disetujui), lalu klik Create.
-
Di Timeline, atur Duration in milliseconds, pilih Element to animate (Title, Image, atau Button) dan Add track. Tambahkan keyframe dan atur Opacity, Move X, Move Y, Scale, Rotate, dan Reveal untuk masing-masing.
-
Gunakan Play, Pause, dan Restart, dan alihkan Preview motion antara Normal dan Reduced untuk melihat tampilannya bagi pengunjung yang memilih gerak lebih sedikit.
-
Klik Save new revision. Revisi sebelumnya tetap ada di Revisions.
Putar di situs web Anda
Section titled “Putar di situs web Anda”Developer Anda menandai elemen yang akan dianimasikan dengan data-atlas-motion="title" (atau media untuk gambar dan action untuk tombol) dan memutar animasi di komponen klien. Timeline disajikan oleh Delivery API di /motion. Kartu Add to your website di Studio menampilkan kodenya. Production memutar revisi yang ada di rilis live-nya.
Batas. 80 md hingga 60 detik per animasi, hingga 12 track dengan 24 keyframe. Pemutaran dimulai ketika situs web Anda memanggilnya; pemutaran yang dipicu scroll tidak tersedia bawaan.