Gelişmiş Animasyon Modülü

Gelişmiş Resim Animasyon Modülü

Web tasarımınızın en vurucu modülü olan resim animasyonlarını (slider) oluşturabilirsiniz. Bizim modülleri, sadece ana sayfada yeri ve yüksekliği önceden hazırlanmış kalıp slider modülleriyle karıştırmayın. Tüm modüller, dilediğiniz sayfanın dilediğiniz pozisyonunda bir ya da daha çok sayfada yayınlanabilir. Ayrıca resimlerin üstüne eklediğiniz yazıları mobil için ayrı masaüstü için ayrı pozisyonda sunabilirsiniz. Animasyon modülünü masaüstü görünümde farklı bir en/boy oranına sahip, mobil cihazlarda farklı bir en/boy oranına sahip olacak şekilde kullanabilirsiniz.

Tüm animasyon slaytları için ayrı ayrı satırlar oluşturabilir, resim ve satırları klonlayabilir ve bu satırların ekranda hangi sırayla ve hangi animasyon şekliyle belireceğine karar verebilirsiniz. Her bir satırın konumunu, rengini, arkaplan rengini v.b. seçebilir ve dilerseniz satırlara link de verebilirsiniz. Tüm bu özellikleri ve daha fazlasını nasıl kullanacağınızı öğrenmek için eğitim videomuzu izleyiniz.

Bonus: Bu sayfanın altında Animasyona video nasıl eklenir? konulu eğitim videomuz bulunmaktadır.

https://www.youtube.com/watch?v=L8RRFdOkG44


Gelişmiş Animasyon Modülüne Video Eklemek

Bulutpress gelişmiş animasyon modülüne dilediğiniz kadar youtube videosu ekleyebilir ve tüm geçiş slaytlarını bir video galerisi haline getirebilirsiniz. Dilerseniz tek bir slayt için dilerseniz tüm slayatlar için video oluşturabilirsiniz. Ekleyeceğiniz video slaytında otomatik olarak sizin berileyeceğiniz kapak görseli ve animasyonla beliren çeşitli özelliklerde satırlar da standart olarak bulunmaktadır. Tüm yapacağınız işlemler yazılım tarafından otomatik olarak mobil uyumlu (responsive) hale getirilir.

https://www.youtube.com/watch?v=0LIDOhyU2ek

Animasyon İmajlarınında Mobil ve Masaüstü için Farklı Görseller Kullanabilirsiniz

Web tasarım projenizde bulunan Gelişmiş animasyon ve zengin arkaplan modüllerimizde masaüstü için hazırladığınız görseli yüklerken, BulutPress yazılımı büyük görselin mobile uygun boyutlarda küçük bir kopyasını oluşturuyor ve modüle ekliyordu.

Web tasarımda mobil cihazlarda animasyonun en/boy oranı ile masaüstü en/boy oranı farklı olduğu zaman yazılım mobil görseli kırpmak zorunda kalıyordu. Bu durumda masaüstündeki zerafeti bazen mobilde yakalmak zor oluyordu.

Yaptığımız güncelleme ile animasyon ve zengin arkaplan modüllerinizde masaüstü cihazlar için ayrı, mobil cihazlar için ayrı görsel yükleyebilirsiniz. Aynı zamanda mobil ve masaüstü cihazlar için ayrı ayrı, görsel üzerinde beliren yazıların konumlarını da değiştirebilirsiniz.

Yeni Renk Hırsızı İle Optimizasyonun Sınırlarını Zorladık

BulutPressle Kaliteden Ödün Vermeden Resim Optimizasyonu

Optimizasyonun sonu yok biliyorsunuz. Her zaman web sitesinin daha hızlı açılmasını sağlayacak bir şeyler bulunur. Elbette en hızlı web sitesi, hiç bir içeriğe sahip olmayan, animasyon içermeyen düz metinlerden oluşan sayflardır. Ama modern dünyada web siteleri çok fazla görsele ve çeşitli eklentilere ihtiyaç duyar.

Önemli olan hiç bir şey içermeyen bir web sitesini hızlı yapmak değil, dolu dolu içeriklere, zengin animasyonlara, formlar, videolar, haritalar içeren web sitelerine gerçekten hız verebilmek değil mi?

Son BulutPress güncellememiz ile, sayfanızda en fazla yer kaplayan ve sayfa hızını en çok etkileyen gelişmiş resim animasyonu modülümüzü bir üst seviyeye çıkardık. Bir önceki güncellememizde bildiğiniz gibi, yüklediğiniz her bir devasa görselin, mobile uygun şekilde yeniden boyutlandırılarak sadece mobil cihazlarda açılan küçük birer kopyalarını hazırlamıştık.

Bu güncellememizde ise, her bir gelişmiş animasyon modülünde bulunan her bir resmin tek tek "dominant (baskın) renklerini" renk hırsızı uygulumamızla oluşturarak, resim yüklenmeden milisaniyeler önce sadece baskın renklerini tarayıcıya verip, sayfanın olağan üstü hızlarla açılmasını sağladık.

Aslında optimize edilmiş resim hala olması gerektiği hızla yükleniyor. Ancak ziyaretçi bu görselin yüklenmesini beklemeden, dominant rengini ve animasyon içindeki metin satırlarını görerek olağan üstü bir hızla yüklendiği izlenimine kapılıyor.

Bu sayede ekranın oldukça fazla bir alanını kaplayan animasyon modülü anında ziyaretçiye içerik sunuyor ve sayfamız hiç beklemeden açılmış oluyor.

Google page speed index puanımız çok yüksekten, çok daha yüksek skorlara erişiyor. Daha google uyumlu, daha kullanıcı dostu bir bulutpress sitesi ile sonuçta ziyaretçilerimiz ve bayilerimiz kazanıyor.