Keyframe nedir?

Bir ürün kartının detay paneline dönüştüğünü düşün. Başlangıçta küçük bir kapak ve başlık var; sonunda geniş görsel, açıklama ve seçenekler görünüyor. Her aradaki kareyi elle çizmek yerine belirli anların özelliklerini tanımlayabilirsin. Kartın başlangıç ölçüsü, ara aşamada görselin konumu ve finalde metnin görünürlüğü birer keyframe kararıdır. Sistem, tanımlanan anlar arasındaki uygun değerleri hesaplayabilir. Keyframe kavramını yalnız video düzenleme programındaki küçük elmas işaretine indirgememek gerekir; o işaret bir zaman noktasına bağlanmış özellik bilgisini temsil eder.

Önemli soru hangi özelliklerin aynı anda değişeceğidir. Görsel büyürken başlığın yeri değişebilir, açıklama daha sonra görünür hale gelebilir. Hepsini aynı başlangıç ve bitiş anına koymak okunurluğu zorlaştırabilir. Buna karşılık her kelime için ayrı keyframe eklemek yönetimi gereksiz yere ağırlaştırır. Önce ana durumlar seçilir: seçim yapıldı, detay alanı yerleşti, ek bilgi okunabilir. Animasyonun bu anları anlaşılır biçimde bağlaması hedeflenir. Keyframe sayısı arttıkça anlatımın otomatik iyileştiği varsayılmaz; bazen birkaç iyi karar onlarca küçük düzeltmeden daha temiz sonuç verir.

Bir özelliğin zaman içinde nasıl değişeceği, hangi araçta çalışıldığına bağlı olarak farklı seçenekler sunabilir. Konum gibi sayısal değerlerde ara değerler oluşturulabilir; bazı özelliklerde ise kesikli geçiş veya ayrı bir görünürlük kararı gerekir. Bu yüzden tasarım dosyasında çalışan bir davranışın tarayıcıda aynı şekilde uygulanacağını varsaymamak önemlidir. Üretim ortamının desteklediği özellikler öğrenilir. Tasarımcı ve geliştirici yalnız son videoyu değil, başlangıç ve bitiş durumlarını da paylaşır. Böylece hareket, belirli bir aracın kaydı olmaktan çıkar ve uygulanabilir bir davranış tarifine dönüşür.

Zaman çizgisinde sonradan yapılan bir değişiklik bağlı öğeleri etkileyebilir. Bir ürün görüntüsünün süresi uzatılırken başlığın çıkışı aynı yerde kalırsa anlatı bozulabilir. Bu nedenle hangi keyframe’lerin birlikte taşınacağı ve hangilerinin bağımsız olduğu düşünülür. Arayüzde de benzer bir bağımlılık vardır: panel daha açılmadan tıklanabilir alanın etkinleşmesi veya kapandıktan sonra görünmez bir kontrolün odak alması istenmez. Görsel zamanlama ile etkileşim durumu uyumlu olmalıdır. Son anahtar kare yalnız ekranda görülen resmi değil, o anda kullanıcıya sunulan işlevi de karşılamalıdır.

Keyframe düzenlerken görünür nesnenin referans noktasını da düşünmek gerekir. Ortasından büyüyen kartla bir köşesine bağlı büyüyen kart aynı yolculuğu hissettirmez. Tasarımda seçilen referans, uygulamadaki yerleşimle tutarlı olmalıdır. Ekran boyutu değiştiğinde sabit koordinatlar anlamını yitiriyorsa hareketi yeni konuma göre tanımlamak gerekir. Böylece anahtar kareler yalnız belirli bir ekran görüntüsüne değil, bileşenin yerleşim davranışına bağlanır. Bu ayrım özellikle farklı cihazlara taşınan arayüz hareketlerinde bakım işini kolaylaştırır.