Paywall hero image

Hero image, paywallınızın göz alıcı unsurudur; tonu belirler, temayı ortaya koyar ve kullanıcıların dikkatini en baştan çeker. Bu görsel, iOS ve Android platformlarında paywallınızın görünümünü ve hissini şekillendirmede kritik bir rol oynar.

Bu bölüm, iOS, Android ve React Native SDK’larının 3.0 veya daha yüksek sürümleriyle; Flutter ve Unity SDK’larının ise 3.3.0 veya daha yüksek sürümleriyle çalışan yeni Paywall Builder’ı açıklamaktadır. Adapty SDK v2.x veya öncesiyle uyumlu eski Paywall Builder hakkında bilgi için bkz. Eski Paywall Builder kapak görseli.

Hero image formatı ve boyutu

Ana görsel, paywallınızın tasarımının merkezinde yer alır; kullanıcıları büyülemek ve harekete geçirmek için vazgeçilmezdir. Hero image’ınızın etkili ve görsel açıdan çekici olmasını sağlamak için şu yönergeleri izleyin:

  • Formatlar: JPG ve PNG.
  • Önerilen Boyut: Daha hızlı yükleme için 2 MB’a kadar olan dosyalar.
  • Görsel Kompozisyon: Ana nesnenin ortada konumlandırıldığı ve etrafında yeterli boşluk bırakıldığı fotoğraflar mesajınızı genellikle etkili biçimde iletir.
  • Çarpıcı Görseller: Duygusal veya canlı fotoğraflar iyi sonuç verir.
  • Grafik Kullanımı: Görsel çekicilik katmak için idealdir; metin için ayrı alanlar bırakılmalıdır.
70000ff-PB_hero_image.gif

Ana görselin boyutlandırmasını kontrol edebilir, paywallınızda istediğiniz görsel dengeyi elde etmek için oranları ayarlayabilirsiniz. Mükemmel hizalama için görsel boyutunu toplam ekran alanının yüzdesi olarak belirtin.

Hero image düzen seçenekleri

Overlay hero image, paywallınıza derinlik ve dinamizm katar. Alta sabit bir arka plan olarak konumlandırılarak, diğer öğeler üzerinde kaydırıldığında çarpıcı bir efekt oluşturur. Bu sayede hero image sabit görünür; kullanıcılar içeriği kaydırırken görsel açıdan etkileyici bir deneyim yaşar.

01c702a-overlay_head_picture.gif

Şeffaf düzen, anında dikkat çeken cesur, tam ekran bir hero image sunar. Bu düzen, sınırlı sayıda ürün veya içerik sergilemek için mükemmeldir; tüm ekranı doldurarak kaydırma ihtiyacı duymadan güçlü ve doğrudan bir etki yaratır.

0401532-transparent_hero_picture.webp

Şeffaf düzeni minimum içerik gösterimi için kullanın; kaydırma içermediğinden mesajınız net ve etkili olur.

Düz düzen, kesintisiz bir açılış sayfasını taklit ederek tüm öğeleri sürekli, kaydırılabilir bir katmanda sunar. Kullanıcılar, içeriği kaydırırken akıcı ve bütünleşik bir anlatı deneyimler; bu düzen ürünlerinizi veya hikayelerinizi tek bir akışta etkili biçimde entegre etmek için idealdir.

7c13a16-flat_hero_picture.gif

Hikaye anlatımı veya bir dizi teklif sunmak için ideal olan düz düzen, kullanıcıları büyüleyen etkileyici bir sıra oluşturmanıza olanak tanır.

Hero image maskesi

Maske türü, ana görselin şeklini tanımlar ve görsel sunumu zenginleştiren yaratıcı efektler uygulamanıza olanak tanır. Düz veya overlay görsel düzenleri için tasarımınıza uygun çeşitli maske türleri arasından seçim yapabilirsiniz.

b484e36-Image_mask.gif

Hero image’ınız için mükemmel görünümü elde etmek amacıyla sayısal değerler kullanarak görsel maskesinin yuvarlaklığını ayarlayın.

Hero image nasıl kaldırılır

Bir paywalldan hero image kaldırmak için:

  1. Hero image öğesini açın.
67f57af-PB_remove_hero_image.gif
  1. Yüksekliğini sıfıra ayarlayın.