Ürün Tanıtım Hareket Tasarımı

15 Saniyelik Hikâye Nasıl Yapılandırıldı

Film, bir satış anlatısını altı bölüme sıkıştırır. Doğrudan bir soruyla başlar, satılabilir üç formatı gösterir, mobil bir mağaza kurar, ödeme operasyonlarına genişler ve içerik üreticisi ile platform karşıtlığına dayanan bir mesajla biter. İlerleme okunabilirdir; çünkü her bölüm yalnızca tek bir düzendeki metni değiştirmez, baskın kompozisyonu da değiştirir.

Karakter, Tipografi ve Hareket Aynı Vuruşu Paylaşır

Maskot durağan bir sunucu olarak kullanılmaz. Ürün kartlarının yanında yükselir, yeni nesneleri bakışıyla izler ve belirişleri zıplama, baş sallama, göz kırpma ve ezilme hareketleriyle vurgular. Bu tepkiler izleyiciye zamanlama için ikinci bir ipucu verir, ancak küçük arayüz ayrıntılarıyla da rekabet eder. Karakteri karenin bir tarafında tutmak, ürün kartlarını ve ödeme metnini bu rekabetten korur.

01

Gösterim Ölçeğinde Halftone

Karakter ve ürün nesneleri düşürülmüş çözünürlükte griyle çizilir ve her katmana tek bir sıralı dither geçişi uygulanır. Kaba doku geniş planlarda tanınabilir kalırken küçük arayüz etiketleri temiz ve tipografik kalır.

02

Tipografi Ses Tonunu Değiştirir

Inter başlıkları ve arayüz metnini taşır, Instrument Serif Italic “create” gibi sözcükleri vurgular, JetBrains Mono bölümleri ve zaman kodunu etiketler, Fraunces ise kapanış wordmark'ını biçimlendirir. Karşıtlık ifade katar, ancak çok fazla ek stil kısa sekansı parçalar.

03

Gezinme Yardımcısı Olarak HUD

Sol üstte bir bölüm etiketi, sağ üstte Pennyflow ve 60 fps zaman kodu bulunur. Bu HUD'u bitiş kartında kaldırmak, son marka kilidinin başka bir yapım karesi değil, varış noktası gibi okunmasını sağlar.

Hareketli Bir Ana Sahne Olarak Ödeme Ekranı

Ödeme bölümü hızlı ödeme kontrolüne yakın başlar, ardından daha büyük bir pano ortaya çıkarır. view-2'de 149 $ Design Course, Apple Pay düğmesi, kart alanı, ara toplam, toplam, ek satışlar ve maskot yayın paneli bir arada bulunur. Sonraki vuruşlar değerler ve tamamlanma işaretleri ekler. Kamera hareketi, gerçekçi bir uçtan uca ödeme oturumu gerektirmeden tek bir eylemi daha geniş bir hizmet hikâyesine dönüştürür.

Kapanış Cümlesi Markaya Dönüşür

Siyah zeminde “You create.” italik sözcüğü büyük bir sans-serif ifadenin yanına yerleştirir; maskot ise view-3'te görüldüğü gibi karşı tarafı kaplar. Sonraki cümle “We handle the,” ile başlar ve “flow.” sözcüğünün yalnızca metin olmaktan çıkmasına izin verir: merkeze gider, wordmark'ın kuyruğunu oluşturur ve kalan harfleri alır. Bu yeniden kullanım geçişi sürekli hissettirir; ancak hem cümleye hem logoya hizmet edecek bir sözcük yoksa yedek marka adları farklı bir köprü gerektirebilir.

1. Logodan Önce Sadeleştirin

   Ayrıntılı ödeme panosundan tek satırlı ve tek karakterli siyah bir alana geçin. Azalan görsel yük, son dönüşüme alan açar.

2. Bir Sözcüğü İleri Taşıyın

   Mesajdan, fiziksel olarak marka kilidinin parçası olabilecek bir sözcük seçin. İzleyicilerin hareketi takip edebilmesi için konumunu ve stilini yeterince uzun süre koruyun.

3. Karakter Vurgusuyla Bitirin

   Harfler yerine oturduktan sonra maskot wordmark'ın arkasından bakar, zıplar ve göz kırpar. Bu, ürün açıklamasını yeniden açmadan son bir vuruş ekler.

Kaynak ve Kapsam

Bu, @achxvi tarafından paylaşılan üçüncü taraf bir hareket referansının resmî bir OpenDesign kod yeniden yapımıdır. Kompozisyon, kurgusal Pennyflow markası ve özgün bir fon müziğiyle uyarlanmıştır; bu atıf, adı geçen içerik üreticisinin onayı anlamına gelmez. Bu, işlenmiş bir tanıtım filmidir; çalışan bir mağaza, ödeme akışı veya bağlı bir ticaret ürünü değildir. İlgili video iş akışı birleştirilmemiş PR8619 ile ilişkilidir; bu nedenle mevcut kararlı OpenDesign sürümünde kullanılabilir olarak tanımlanmamalıdır.