Hana’da progressive blur ve gradyanlar

Göz alıcı bulanıklıklar ve gradyanlarla tasarımlarını bir üst seviyeye taşı

Hana’yı aç

Progressive blur’ler birkaç yıl önce iOS’un cam arayüz estetiğiyle popüler oldu ve son zamanlarda arayüz tasarım araçlarında da yaygınlaştı. Ancak hareket tasarımında ya da gerçek zamanlı etkileşimli ortamlarda kullanılması zor, karmaşık bir teknik olarak kaldı.

Bugün Hana’ya gerçek zamanlı progressive blur’ü getiriyoruz. Bu tür bir bulanıklık ilk kez gerçek zamanlı kullanıma sunuluyor: sezgisel kontrollerle, hiçbir teknik bilgi gerektirmeden ve tamamen Hana’nın sonsuz tasarım tuvalinde.

Nasıl çalıştığını görmek için aşağıdaki sahneyle oynayabilirsin.

Etkileşim için üzerine gel ya da dokun (Hana ile yapılmış deneyim)

Hana’da progressive blur nasıl eklenir

Herhangi bir katmanı seçip Layer Blur ya da Background Blur ekleyebilirsin. Her iki durumda da bulanıklığın Uniform mu Progressive mi olacağını seçebilirsin.

Progressive blur neredeyse bir gradyan gibi çalışır; ama renk yerine iki bulanıklık yarıçapı değeri arasında geçiş yapar.

Hana’da progressive blur böyle çalışıyor

Hana’da yumuşak gradyanlar

Artık Hana’da gradyan oluşturabilirsin. Doğrusal, radyal ya da polar gradyanlar arasından seçim yapabilir ve konumu doğrudan tuvalden ayarlayabilirsin.

Ayrıca renkler arasında daha doğal bir geçiş elde etmek için Smooth Step enterpolasyonu kullanan Smooth Gradients’ı da tanıtıyoruz. Çoğu tasarım aracı doğrusal enterpolasyona dayanan gradyanlar kullanır; bu da her gradyan “durağı” rengi arasında belirgin kırılma noktaları oluşturur.

Smooth Gradients’ı birkaç yıl önce ilk olarak Spline’ın 3D editöründe hayata geçirdik, şimdi de Hana’ya getiriyoruz.

Etkileşim için üzerine gel ya da dokun (Hana ile yapılmış deneyim)

SVG içe aktarma ve dahası

Son birkaç haftada Hana’ya SVG dosyası desteği (artık sürükleyip bırakman yeterli), daha iyi performans ve daha küçük runtime boyutu dahil çeşitli iyileştirmeler de getirdik.

Ayrıca daha iyi bir renk seçici davranışı, geliştirilmiş seçim araçları ve deneyimi daha tutarlı hale getiren çok sayıda küçük düzeltme dahil birkaç kullanım kolaylığı iyileştirmesi ekledik.

Hana ile yapılmış deneyimler

Hemen dene!

Progressive blur ve gradyanların olanaklarını keşfetmen için bir Spline Hana dosyası hazırladık.

Tasarım iş akışları gelişiyor

Özünde basit olsalar da bu yeni özellikler daha önce hiç olmadığı kadar yaratıcı kontrol ve yaratıcı sonuç sunuyor.

Bunun gibi gerçek zamanlı etkileşimleri canlandırmak ya da oluşturmak daha önce hiç kolay değildi; artık Hana ile bunu birkaç saniyede yapabilirsin.

Neler oluşturabileceğini görmek için sabırsızlanıyoruz!

—

Spline Ekibi

Daha fazla bilgi

Blogdan daha fazlası