Studio Editor: Kaydırma Animasyonu Ekleme
6 dakikalık okuma
Tarama deneyimini daha ilgi çekici ve akılda kalıcı hale getirmek için kaydırma animasyonları ekleyin. Animasyonun ilerlemesi, ziyaretçiler yukarı ve aşağı kaydırdıkça bir ögeyi ortaya çıkararak veya dönüştürerek kaydırma konumuna doğrudan bağlıdır.
İpucu:
Animasyon ve etkileşim ekleme hakkında daha fazla bilgi edinmek için Wix Studio Academisi kursumuza göz atın.
Bu makalede bilgi edinebileceğiniz konular:
Kaydırma animasyonu ekleme
Yeni bir kaydırma animasyonu eklemek için öncelikle tetikleyici ögeyi seçin. Seçtiğiniz animasyon ziyaretçilerin sayfayı kaydırırken bu ögeyi geçmesiyle birlikte başlar. Ardından animasyonun hangi ögeye ekleneceğine karar verin ve bir animasyon türü (ör. Büyü, Küçült) seçin.
Kaydırma animasyonu eklemek için:
- İlgili ögeyi veya bölümü seçin.
- Editörün sağ üst köşesindeki Denetçiyi Aç simgesine
tıklayın.
- Animasyonlar ve Efektler sekmesine
tıklayın. - Kaydırın altındaki + Ekle'ye tıklayın.
- Animasyonu ayarlayın:
- Animasyon ögesi'nin altından animasyonu hangi ögenin göstereceğini seçin.
- Animasyon türü altından animasyonun öge konumundan içe doğru mu yoksa dışa doğru mu hareket edeceğine karar verin:
- İçe: Animasyonun bitiş noktası tuval üzerindeki geçerli tasarımdır (ör. siz sayfayı aşağı kaydırdıkça öge görünür hale gelir).
- Dışa: Animasyonun başlangıç noktası tuval üzerindeki geçerli tasarımdır (ör. siz sayfayı aşağı kaydırdıkça öge solarak kaybolur).
- Listeden bir animasyon seçin.
İpucu: Animasyonların üzerine gelerek önizlemelerini görebilirsiniz.
Notlar:
- Ziyaretçinin görüntü alanına bağlı olarak her zaman aynı konumda kaldığı için sabitlenmiş bir ögeyi tetikleyici olarak kullanmak mümkün değildir.
- Kaydırma animasyonunun düzgün görünmesi için sayfada yeterli alanın bulunduğundan emin olun. Örneğin, ögeniz sayfanın ilk veya son kat (fold) bölgesinde yer alıyorsa kaydırma animasyonunu göremeyebilirsiniz.
Kaydırma animasyonunu özelleştirme
Bir animasyon seçtikten sonra istediğiniz gibi davranacak şekilde ayarlayın. Mevcut ayarlar, seçtiğiniz belirli animasyona bağlıdır.
Kaydırma animasyonunu özelleştirmek için:
- İlgili ögeyi veya bölümü seçin.
- Editörün sağ üst köşesindeki Denetçiyi Aç simgesine tıklayın.
- Animasyonlar ve Efektler sekmesine tıklayın.
- Değiştirmek istediğiniz animasyona tıklayın.
- Animasyon ayarlarını değiştirmek için Animasyon Ayarla'ya tıklayın:
- Yön: Animasyonun gelmesi gereken yönü seçin (ör. soldan, yukarıdan).
- Ölçek: Bu animasyondaki ögenin hedef boyutunu ayarlayın. Örneğin %80, ögenin animasyonda %20 küçüldüğü anlamına gelir.
- Mesafe: Ögenin bu animasyonda ne kadar hareket edebileceğine karar verin.
- Animasyon alanı: Animasyonun kaydırılırken hangi noktada başlayıp biteceğine karar verin. %0 ekranın alt kısmı ve %100 üst kısmıdır. Örneğin, alanı %100'e ayarlarsanız, öge alttayken animasyon başlar ve üste ulaştığında sona erer.
İpucu:
Oluşturduğunuz animasyonu doğrudan tuvalde görmek için Önizleme için kaydır geçiş düğmesini etkinleştirin.
Kaydırma animasyonu alanını ayarlama
Kaydırma sırasında animasyonun hangi noktada başlayacağına ve biteceğine karar verin. %0 ekranın en altını, %100 ise en üstünü temsil eder.
Örneğin, alanı %0 - %50 olarak ayarlarsanız, öge ekranın en altındayken animasyon başlar ve ekranın ortasına ulaştığında durur.
Kaydırma animasyonu alanını ayarlamak için:
- İlgili ögeyi veya bölümü seçin.
- Editörün sağ üst köşesindeki Denetçiyi Aç simgesine tıklayın.
- Animasyonlar ve Efektler sekmesine tıklayın.
- Değiştirmek istediğiniz animasyona tıklayın.
- Animasyonu Ayarla'ya tıklayın.
- Animasyonun nerede başlayacağını ve biteceğini belirlemek için Animasyon alanı kaydırıcısının uç noktalarını sürükleyin.
İpucu: Yüzde değerlerini manuel olarak girmek için uç noktalara tıklayabilirsiniz.
Animasyon alanını test edin:
Önizleme için kaydır geçiş düğmesi etkinleştirildiğinde, Animasyon alanı kaydırıcısında beliren göstergeyi kullanarak animasyonun ekranın tam olarak hangi bölümünde görüneceğini daha iyi anlayabilirsiniz.
Kaydırma animasyonunu kaldırma
Kaydırma animasyonunu istediğiniz zaman Denetçi panelinden kaldırabilirsiniz.
Kaydırma animasyonunu kaldırmak için:
- İlgili ögeyi veya bölümü seçin.
- Editörün sağ üst köşesindeki Denetçiyi Aç simgesine tıklayın.
- Animasyonlar ve Efektler sekmesine tıklayın.
- Animasyonun üzerine gelin ve Diğer Eylemler simgesine
tıklayın. - Kaldır'a tıklayın.
Kaydırma animasyonlarıyla ilgili sorunları giderme
Kaydırma efekti çok geç görünüyor
Kaydırma animasyonu istediğiniz zamanda gerçekleşmiyorsa, bakmanız gereken iki özellik vardır: Animasyon yolu ve Animasyon alanı. Gecikmeye neyin neden olduğunu ve nasıl düzelteceğinizi öğrenmek için aşağıdaki eğitim videosunda belirtilen adımları izleyin.
(Yalnızca mobil) Kaydırma efekti yatay modda görünmüyor
Müşterinizin sitesini mobil cihazlardan görüntüleyen ziyaretçilerin gezinme sırasında ekranlarını döndürmeleri durumunda kaydırma animasyonu çalışmayabilir. Başka bir deyişle, sayfayı kaydırırken telefonlarını yatay konuma (manzara moduna) alırlarsa, kaydırma animasyonu görünmez.
Bu sorunu gidermek için ziyaretçiler yatay moddayken sayfayı yenileyebilirler. Bu işlem animasyonu "yeniden başlatır".
Bu içerik yardımcı oldu mu?
|