Uygulama arayüz turu

Hermoso'daki 13 yerel HTML reklam şablonundan biridir; bir model yerine tarayıcının gerçek işaretlemeden oluşturduğu formatlar. Bu video çıkarır; dolduracağınız 4 metin alanı vardır ve çalışmadan önce markanızdan 2 uygulama ekran görüntüsü gerekir.

Ne zaman kullanılır

Uygulama yükleme kampanyaları ve yazılım lansmanları. Bir ürün filminin uygulama markası karşılığıdır ve bir modelin uydurmadığı bir arayüzü göstermenin tek yoludur.

Doğru yapılması gereken şey

Arayüz, gerçek ekran görüntülerinizden oluşturulmuş DOM'dur; bu yüzden piksel düzeyinde kusursuz ve okunaklıdır. İki ekran asgaridir; tek bir ekranın turu statik bir reklamdır.

Formata bir bakışta

• Çıktı: bir video.
• Metin alanları: 4, her birinin kendi karakter bütçesi tahmin edilmek yerine yerleşimden türetilir.
• Gereken varlıklar: 2 uygulama ekran görüntüsü.
• Şablon kimliği: app-ui-tour.

Bu şablon nasıl oluşturulur

Burada hiçbir görüntü ya da video modeli bir şey üretmez. Format, animasyonu zamanın saf bir fonksiyonu olan kendi kendine yeten bir HTML sayfasıdır; CSS keyframe'leri, zamanlayıcılar ya da rastgelelik yoktur. Oluşturucu bu sayfayı başsız Chrome'da kare kare adımlar, her kareyi ekran görüntüsü olarak alır ve bunları ffmpeg ile marka bitiş kartınıza çapraz geçişle biten bir H.264 dosyasında birleştirir.

Bundan iki şey çıkar. Oluşturma deterministiktir: aynı girdiler aynı dosyayı üretir; dün doğru görünen bir format bugün de doğru görünür. Ekrandaki her kelime tarayıcıda oluşturulmuş gerçek bir metindir; yani kopya birebir olur ve her çözünürlükte keskin kalır. Tüm bu işlem, bir video üretiminden çok birkaç kredi tutar; bu da bu formatları büyük hacimde çalıştırmayı pratik kılar.

Bir tur kaç ekrana ihtiyaç duyar?

En az iki. Tek ekranlık bir tur, etrafına bir telefon çizilmiş statik bir reklamdır. Ekranlar gerçek ekran görüntüleriniz; bir CSS iPhone'un içinde tarayıcı DOM'u olarak gösterilir, böylece arayüz uydurulmak yerine okunaklı kalır.

Diğer yerel şablonlar

• Apple Notes açılışı
• AirDrop ürün carousel'i
• Markalı carousel
• Sinematik vinyet
• ChatGPT sohbet açılışı
• Değer önerisi hareketli reklam

13'ünün tamamı yerel reklam şablonu dizininde listelenir; daha geniş katalog ise yaratıcı tarifler dizinindedir.

Uygulama arayüz turu reklam şablonu, web stüdyosunun yanı sıra Claude, Cursor, Codex ya da başka herhangi bir MCP istemcisinden de aynı marka temeliyle erişilebilir. Bir formatı bir ajandan çalıştırma kurulumu kapsar.