Studio Editor: Animasyonlar Hakkında

2 dakikalık okuma
Animasyonlarımızı tasarımlarınıza dahil etmek, onları gerçekten bir sonraki seviyeye taşıyabilir. Studio Editor, bunların ne zaman görünmesini istediğinize bağlı olarak 5 farklı animasyon türü sunar.
Ziyaretçiler bir ögenin üzerine geldiğinde, tıkladığında veya kaydırarak yanından geçtiğinde animasyonların görünmesini sağlayın. Ayrıca, öge ilk yüklendiğinde veya sürekli olarak tekrarlayan bir giriş animasyonu ekleyebilirsiniz - üstelik tek bir kod satırı gerekmez.
Not:
Animasyon boyutu, sayfa ilk yüklendiğinde tarayıcınıza göre hesaplanır. Tarayıcı penceresini yeniden boyutlandırırsanız (tutamaçları sürükleyerek), animasyon düzgün görünmeyebilir. Optimum görünüm için sayfayı yenilemenizi öneririz.

Giriş animasyonu

Bir ögeye giriş animasyonu eklemek, ziyaretçilerin dikkatini ögeye çekmenin harika bir yoludur. Animasyon, öge görünüme ilk girdiğinde görünür, bu nedenle anında göze çarpar. Aralarından seçim yapabileceğiniz ve müşterinizin ihtiyaçlarına göre özelleştirebileceğiniz birçok tür vardır.
Tüm sayfaya uygulanan ve yüklenirken gösteren bir giriş animasyonu örneği

Üzerine gelme ve tıklama etkileşimleri

Ziyaretçiler bir ögenin üzerine geldiğinde veya tıkladığında görünen etkileyici efektler ekleyin. Üzerine gelindiğinde/tıklandığında ögelerin dönüşümünü, hareket etmesini veya yeni içerik sergilemesini sağlayabilirsiniz.
Çok sayıda önceden tasarlanmış efekt arasından seçim yapın veya tam özelliklerinizle bir özel efekt oluşturun. Zamanlamayı ayarlayın, efektleri sıralayıp kolayca entegre edin ve sonucu doğrudan editörde önizleyin.
Ayrıca bir ögenin üzerine gelerek veya tıklayarak ögeler arasında etkileşimler oluşturabilirsiniz.
Aşağıdaki örnekte, paragrafın üzerine gelindiğinde düğmenin ve görüntünün hareket etmesi tetiklenir.
Etkileşimlerin canlı bir sitede nasıl göründüğünü gösteren GIF.

Kaydırma animasyonu

Kaydırma odaklı animasyonlar ile etkileşimi artırın ve ilgi çekici efektler oluşturun. Animasyonun ilerlemesi, ziyaretçiler yukarı ve aşağı kaydırdıkça ileri ve geri hareket ederek kaydırma konumuyla doğrudan ilgilidir. 
Ayrıca ögeler arasında etkileşimler oluşturabilirsiniz, böylece bir ögeyi geçtikten sonra bir başka öge canlanır.
Aşağıdaki örnekte, başlığı kaydırmak tekrarlayıcının büyümesini sağlar. 
Canlı bir sitedeki kaydırma animasyonu örneği

Döngü animasyonu

Döngüde oynatılan animasyonları kullanarak tasarımınıza hareket katın. Ziyaretçilerin fark etmesini istediğiniz herhangi bir ögeye bir döngü animasyonu ekleyebilirsiniz. Bunlardan bazıları daha inceliklidir, bazıları ise gerçekten dikkat çekicidir. 
Canlı bir sitede döngü animasyonu bulunan bir metin maskesi ögesi örneği

Bu içerik yardımcı oldu mu?

|