Yapay zekâ ile hareketli grafik projesi için marka varlıkları nasıl hazırlanır?

Bir logo, üç ekran görüntüsü ve web sitesi bağlantısı içeren klasör, hareketli grafik projesi için makul bir başlangıç gibi görünür. Sonra ilk taslak gelir: logo koyu arka planda kaybolur, ürün adı alışılmadık bir yazı tipinde satıra bölünür ve arayüz görüntüsü hâlâ geçen ayki özellik etiketini gösterir. Bu sorunların hiçbiri animasyonla başlamamıştır.

Hareketli grafik tasarımı için marka varlıkları hazırlamak, sağlanan malzemeyi videonun yaratacağı durumlarda kullanılabilir hale getirmektir. Logonun uygun bir çeşidi gerekir. Yazı tipinin gerekli karakterleri ve kalınlıkları içermesi gerekir. Ekran görüntüsünün tanımlanabilir bir ürün sürümü ve açık bir görevi olmalıdır. Dosyalar önemlidir, ancak onlarla birlikte gelen kararlar da önemlidir.

Küçük bir paket, üreticinin aksi halde tahmin etmek zorunda kalacağı soruları yanıtlamalıdır: hangi varlık güncel, nereye ait ve hareket ederken neyi korunmalı?

Her varlığa bir görev verin

Dosya biçimleri listesi yerine planlanan sahnelerle başlayın. Açılışta ürün adı, ortada arayüz ve sonda izleyiciyi web sitesine yönlendiren bir çağrı varsa bu sahnelerin varlık ihtiyaçları farklıdır. Yazı logosuna, temiz bir ekran kaydına, onaylı URL’ye ve arka planda kaybolmayan bir kapanış logo düzenine ihtiyacınız olabilir. İllüstrasyon kütüphanesi ise hiç gerekmeyebilir.

Sağlanan her dosya için kısa bir görev açıklaması yazın. “Tamamlanmış rezervasyon durumunu göstermek için bu ekran görüntüsünü kullanın” demek, “İşte birkaç ekran görüntüsü” demekten daha yararlıdır. Görev, kırpmadan sonra hangi bilginin kalması ve görüntünün hangi bölümünün vurgulanması gerektiğini üreticiye anlatır. Eldeki görüntünün planlanan sahneyi destekleyemediği durumları da ortaya çıkarır.

Referans malzemesini üretimde kullanılacak malzemeden ayırın. Rakibin videosundan alınmış ekran görüntüsü bir referanstır; kendi filminize yerleştirilmesine izin verdiğiniz bir varlık değildir. Eski sunumdan alınan düşük çözünürlüklü görüntü bir kompozisyonu anlatabilir, ancak son çıktıya uygun olmayabilir. Bu farkı paketin içinde belirtin; birinin konuşmayı hatırlamasına bağlı kalmasın.

Kullanışlı bir paketin başlangıç noktası bellidir. Kısa bir README, onaylı dosyaları tanımlayabilir, her birinin kullanımını açıklayabilir ve eksik girdileri işaretleyebilir. Hangisinin güncel olduğunu söylemeden beş logo sürümü göndermeyin. Üretici arşivde aramadan veya dosya adından tahmin yürütmeden doğru malzemeyle başlayabilmelidir.

Doğru logo çeşitlerini ve yerleşim kurallarını sağlayın

Web sitesi başlığında çalışan bir logo, hareketli görüntü üzerinde çalışmayabilir. Kullanmayı beklediğiniz gerçek açık ve koyu arka planlarda inceleyin. İnce ayrıntıların hedef gösterim boyutunda görünür kalıp kalmadığını ve şeffaf dosyada hizalamayı zorlaştıran beklenmedik kenar boşlukları bulunup bulunmadığını kontrol edin.

Dropbox’ın logo kılavuzu, markanın işaretini her yerde kullanılan tek bir görsel yerine belirli ifadeleri olan bir sistem olarak ele almasına yararlı bir örnektir. Yayımladığı kullanım seçenekleri, tek başına verilen bir logo dosyasının hangi kararları açıkta bıraktığını gösterir.

Kendi paketinizde, her arka plan koşulunda kullanılacak çeşidi adlandırın. Marka minimum koruma alanı belirtiyorsa bunu ekleyin ve sembolün yazı logosu olmadan kullanılıp kullanılamayacağını açıklayın. İşaretin biçimi bozulmamalıysa bunu açıkça söyleyin. “Logoyu hareketlendirin” gibi geniş bir talimat, kimliğin kendisini değiştirmek için fazla alan bırakır.

SVG sağlamak çözünürlüğü koruyabilir, ancak her iş akışında tüm yolların düzenlenebilir nesneler olarak açılacağını garanti etmez. Şeffaf PNG de çözünürlüğü amaçlanan kullanıma yeterliyse uygunsuz değildir. Dosyayı gerçek kompozisyonu ve aracı düşünerek seçin; uzantıyı kalite kanıtı saymak yerine içe aktarıldıktan sonraki görünümünü kontrol edin.

Eldeki tek logoya gereksiz bir arka plan gömmeyin. Kapanış kartı sonradan renk değiştirirse işaretin çevresindeki beyaz dikdörtgen, önlenebilir bir düzeltme işine dönüşür. Onaylı özgün dosyayı tutun; marka kurallarıyla uyumlu olduğunda arka planı kompozisyon sağlasın.

Aşağıdaki kontrol görseli, sağlanan OpenDesign logo düzenini iki arka planda kullanıyor. Sembol, yazı logosu ve aralarındaki mesafe aynı kalıyor; yalnızca ön planın renk uygulaması değişiyor. Bu, ilk varlık kontrolü için yararlıdır: üretici, geçiş veya ürün ekranı eklemeden bütün logo düzeninin görünür kalıp kalmadığını görebilir. Film açık ve koyu sahneler arasında gidiyorsa paketinize benzer bir ikili kontrol görseli koyun. Sembol ile yazı logosu arasındaki gerçek mesafeyi ve dışa aktarılan dosyanın şeffaf kenar boşluklarını inceleyin. Dış boşlukları farklı iki dosya, işaretleri matematiksel olarak ortalansa bile hizasız görünebilir.

Tipografinin yeniden üretilebilmesini sağlayın

Yazı tipi adı bir talimattır; yazı tipinin kullanılabilir olacağının garantisi değildir. Üretim ortamının doğru dosyalara veya onaylı bir yükleme yöntemine erişmesi gerekir. Tasarımda kullanılan gerçek kalınlıklar da gereklidir. Yapay olarak kalınlaştırılmış normal bir yazı tipi, özellikle büyük başlıklarda amaçlanan yarı kalın kesitten farklı görünebilir.

Dropbox’ın tipografi kılavuzu, yazının neden varlık tartışmasına dahil olduğunu gösterir: yayımlanan sistem belirli yazı tiplerini tanımlar ve görülebilir örnekler kullanır. Paketiniz de kendi hiyerarşinizi benzer biçimde somutlaştırmalıdır. Üretici, başlık yazı tipini sıkıştırılmış bir web sitesi görüntüsünden çıkarmak zorunda kalmamalıdır.

Video metnine benzeyen bir cümleyi test edin. En uzun ürün adını, göstereceğiniz para birimi simgelerini ve aksanlı karakterleri ekleyin. Kısa bir İngilizce sloganı destekleyen yazı tipi, müşteri adı veya başka bir pazar için gereken karakterleri içermeyebilir. Bunu durağan bir denemede keşfetmek, bütün çekimlerin süresi ayarlandıktan sonra düzeltmekten çok daha kolaydır.

Az sayıda metin rolü tanımlayın: ana ifade, destekleyici satır, arayüz açıklaması ve koşul açıklaması. Her rol için örnek gösterin ve amaçlanan kalınlığı belirtin. Tasarım oluşmadan her pikseli belirlemeniz gerekmez. Ancak hukuki koşulun ikinci başlık sanılmaması için roller arasındaki ilişkiyi aktarmanız gerekir.

Kullanım izinlerini yazı tipi kaynağıyla veya kurum içi varlık kaydıyla birlikte tutun. Bir kişinin dizüstü bilgisayarında kurulu diye yazı tipi dosyasını göndermeyin. Ekip dosyayı dağıtamıyorsa yetkili üreticinin onu nasıl edineceğini açıklayın veya üretim başlamadan izin verilen bir alternatif üzerinde anlaşın.

Dropbox’ın yayımladığı işaretin yakın görünümü başka bir varlık sorusunu görünür kılar: kimliği hangi geometrik ilişkiler tanımlıyor? Eşkenar dörtgenlerin belirli ortak köşeleri ve aralıkları vardır. İşaretin tamamını esnetmek, sonuç hâlâ kutuya benzese bile bu ilişkileri değiştirir. Kendi logonuzda içe aktarılan işareti onaylı özgün sürümle aynı yüksekliğe getirip karşılaştırın. Ortak kenarlara, iç boşluklara ve küçük çıkıntılara bakın. Referansı kaynakla birlikte tutun; böylece daha sonraki kırpma, maske veya orantısız ölçeklendirme aynı geometriyle kontrol edilebilir. Bozulmuş bir işareti böyle yalıtılmış bir kontrol görselinde yakalamak, hareketli arka planın içinde fark etmekten daha kolaydır.

Rengi bir hex kodu yığını olarak değil, ilişkilerle anlatın

Renk listesi, renklerin birlikte nasıl çalıştığını açıklamaz. Üreticinin hangi rengin arka plana ait olduğunu, hangisinin ana metni taşıdığını ve hangisinin vurgu yaptığını bilmesi gerekir. Bu roller olmadan bütün onaylı renkler aynı karede bulunabilir, ancak sonuç yine de markadan kopuk hissedilebilir.

Her ikisi de bekleniyorsa bir açık, bir koyu kompozisyon hazırlayın. İkisinde de logoyu, bir başlığı, destekleyici satırı ve küçük bir açıklamayı yerleştirin. Böylece kontrastı, hiyerarşiyi ve markanın video karesi ölçeğindeki davranışını test edebilirsiniz. Vurgu renginin küçük metinde değil, yalnızca büyük bloklarda çalışıp çalışmadığı da ortaya çıkar.

Hareketli arka planlarda özellikle dikkatli olun. Başlık başlangıçta okunabilirken arkasından parlak bir nesne geçtiğinde kaybolabilir. Durağan referans, çekimin tamamında okunabilirliği kanıtlayamaz. Metnin sabit bir zemin alanına, görüntünün daha sakin bir bölgesine veya sahne değiştikçe kullanılabilir kalan farklı bir konuma ihtiyacı olup olmadığına karar verin.

Degrade markanın bir parçasıysa onaylı örnek üzerinden rolünü ve yönünü anlatın. “Marka renklerini degradede kullanın” sınırsız sayıda sonuç üretebilir. En koyu alanın nerede durduğunu ve metnin nasıl yerleştiğini gösteren referans, üreticiyi tercih ettiğiniz karışımı tahmin etmeye zorlamadan yönü yeniden oluşturmayı kolaylaştırır.

Ürün görüntülerini en yakın gösterilecekleri görünüm için hazırlayın

Ekran görüntülerini videonun göstermesi gereken ayrıntıya göre seçin. Temel kanıt tek bir durum etiketiyse geniş gösterge paneli görüntüsü çok fazla ilgisiz içerik ve etiket için çok az piksel barındırabilir. İlgili durumu kullanılabilir bir çözünürlükte yakalayın ve editoryal kırpmalardan önce özgün dosyayı saklayın.

Görüntünün hangi ürün sürümünü veya durumunu temsil ettiğini kaydedin. Dosya görsel olarak temiz, olgusal olarak eski olabilir. Özellik lansmanında arayüzden sorumlu kişi, görüntüdeki etiketlerin, kontrollerin ve sonucun planlanan sürüme uygun olduğunu doğrulamalıdır. Animasyon, yanlış iş akışını temsil eden kaynak görüntüyü düzeltemez.

Gösterim verilerini bilinçli seçin. Kayıttan önce adları, e-postaları, hesap kimliklerini, bildirimleri ve tarayıcı sekmelerini kontrol edin. Hassas değerleri değiştiriyorsanız mümkün olduğunda kaynak ortamda değiştirin ve yeni değerlerin örneğin anlamını değiştirmediğini doğrulayın. İlgisiz bilgiyi kaldırmaya çalışırken izleyicinin ihtiyaç duyduğu sonucu gizlemeyin.

Görüntünün dilini makalenin veya videonun kitlesiyle uyumlu tutun. İngilizce açıklamanın yanında yabancı etiketlerle dolu bir ekran görüntüsü ek okuma yükü getirir. İngilizce arayüz varsa onu kullanın. Tek geçerli kaynak başka dildeyse bu durumu belirtin; çevrilmiş bir üst katmanı gerçek ürün etiketiymiş gibi sunmayın.

Bir dizi için görüntüler arasındaki ilişkiyi adlandırın: eylemden önce, eylem sırasında ve tamamlandıktan sonra. Aynı klasörde yan yana durdukları için üç görüntünün art arda gelen durumlar olduğunu varsaymayın. Hikâye, görüntülerin temsil ettiği gerçek ürün davranışıyla desteklenmelidir.

Marka paketine hareket davranışını ekleyin

Bir marka renk ve yazı tipi açısından tutarlı olup tamamen farklı bir üslupla hareket edebilir. Sakin bir arayüz gösterimi ile coşkulu bir lansman akışı aynı varlıkları kullanabilir, ancak farklı beklentiler yaratır. Tek tek efektleri seçmeden önce hareketin amaçlanan rolünü anlatın.

Dropbox’ın hareket kılavuzu, marka sisteminin statik kimlikle birlikte hareketi de içerebileceğini gösterir. Pakete statik görünümün yanında davranışı da ekleyin.

Küçük bir projede genel tonu gözlenebilir birkaç seçime dönüştürün. Örneğin açıklama belirirken ürün paneli sabit kalır; ikincil satır başlamadan başlığın girişi tamamlanır; izleyici çağrıyı okurken kapanış logosu hareketsiz durur. Sonraki sahnenin aynı sisteme ait olup olmadığına bu ilişkilerle karar verin.

Neyin değişebileceğini açıklayın. Açılış, fiyat kartından daha ifadeci hareketler içerebilir. Özellik sonucu kısa süreli bir vurguyu hak ederken sorumluluk notu sabit kalabilir. Yararlı bir paket, farklı sahneleri amaçlarından bağımsız olarak aynı animasyona zorlamadan ortak bir üslupta buluşturur.

Referans video ekliyorsanız almak istediğiniz kısmı belirtin: dikkatin sırası, hareket miktarı veya metinle görüntü arasındaki ilişki. Yalnız bir bağlantı vermek, referansın birçok özelliğinden hangisinin sizin için önemli olduğuna üreticinin karar vermesini istemektir. Bu yaratıcı kararı üretimden önce daha açık verebilirsiniz.

Marka kılavuzunu kullanılabilir bir varlık envanterine dönüştürün

Envanterin başka bir idari yüke dönüşmesi gerekmez. Aksi halde pahalı tahminlere dönüşebilecek kararların kısa bir dizinidir. Dosyaların yanında tutun ve onaylı bir varlık değiştiğinde güncelleyin.

Envanter her görev için tek bir onaylı sürüme yönlendirmelidir. Alternatifleri tutuyorsanız neden var olduklarını açıklayın. “Koyu arka planlar için B seçeneği” yararlıdır. “Son yeni en güncel 2” değildir. Adlandırma sistemi başka birinin de sizinle aynı seçimi yapmasını sağlamalıdır.

Eksik malzemeyi engelleyici eksikler ve geçici seçimler olarak ayırın. Doğrulanmamış fiyat, teklif sahnesini engeller. Kararlaştırılmamış dekoratif arka plan ise ekip değişebileceği konusunda anlaşıyorsa geçici bir seçim olabilir. Böylece üretim küçük bir tercih yüzünden dururken ciddi bir bilgi belirsizliği fark edilmeden geçmez.

Paketi temsilî bir karede sınayın

Animasyonun tamamını istemeden önce çakışma ihtimali en yüksek öğeleri içeren bir kare kurun: en uzun başlık, logo, ürün kırpımı ve gerekli koşul açıklaması. Bu zorlayıcı test, varlıkların hedef boyutta bir arada bulunup bulunamayacağını gösterir.

Kareyi beklenen gösterim ölçeğinde kontrol edin. Büyük tasarım tuvalinde ferah görünen bir kompozisyon, sosyal medya akışında kalabalıklaşabilir. Destekleyici metni yakınlaştırmadan okuyun. Logo kenar boşluklarına, zayıf kontrasta, eksik karakterlere ve önemli arayüz durumunu kesen kırpmaya bakın. İlgisiz süslemelerle telafi etmek yerine soruna yol açan varlığı veya kuralı düzeltin.

Sonra arka planın veya yerleşimin değiştiği kısa bir hareket testi isteyin. Statik kontrol görseli, geçiş boyunca logonun okunabilir kalıp kalmadığını veya metnin anlaşılmayacak kadar geç gelip gelmediğini gösteremez. Testi bu belirsizliklere odaklayın; böylece önce tamamlanmış bir film sipariş etmeden karar verebilirsiniz.

OpenDesign projenizde dosyalarla birlikte varlık rollerini sağlayın ve geri kalanını hareketlendirmeden önce içe aktarılan logo ile yazı tipini temsilî bir karede kontrol edin. Bu kontrol görselini Motion iş akışında anlatılan önizleme ve dışa aktarımın yanında tutun.

Onaylı paketi teslimatla birlikte saklayın

Video onaylandığında onu üreten varlık envanterini kaydedin. Sonraki kampanya güncellemesi hangi logo, ekran görüntüsü veya metin sürümünün kullanıldığını tahmin etmekle başlamamalıdır. En çok paylaşılan dosya dışa aktarım olsa bile özgün görüntüleri ve onaylı metni erişilebilir tutun.

Bir varlık onaydan sonra değişirse ona bağlı sahneleri belirleyin. Yeni yazı logosu yalnızca kapanışı etkileyebilir. Yeni yazı tipi bütün satır sonlarını, dolayısıyla birkaç sahnenin süresini değiştirebilir. Tüm projeyi otomatik olarak yeniden render edip hâlâ doğru göründüğünü ummak yerine farklı etkileri farklı ele alın.

Bitmiş paket, üç sıradan sorunun yanıtını vermelidir: hangi dosyalar onaylı, nasıl kullanılmalılar ve değişirlerse ne kontrol edilmeli? Bu yanıtlar kolay bulunuyorsa hareketli grafik projesi daha az tahminle başlar ve ilk dışa aktarımdan sonra da daha kolay korunur.