Konu Anlatımı
Hareketli Grafik
Hareketli grafik, tasarımın zaman boyutuyla çalışan biçimidir. Hareket, bir tasarım ögesini diğerinden ayırmak, bir durumu göstermek ya da bir sırayı anlatmak için kullanılabilir. Anlam taşımayan hareket ise izleyicinin dikkatini dağıtır. Bu nedenle her animasyon için "bu hareket ne anlatıyor" sorusu sorulmalı ve cevapsız kalan hareketler tasarımdan çıkarılmalıdır.
Süre ve tempo
Animasyon süresi, aktarılacak bilgi miktarına göre ayarlanır. Çok uzun süreli hareket bekletme yaratır ve izleyici odağını kaybeder. Çok kısa süreli hareket ise fark edilmeden geçer. Giriş, gösterim ve çıkış süreleri birbirine göre planlanmalıdır. Giriş hareketinin toplam sürenin büyük bölümünü kaplaması, asıl içeriğe ayrılan zamanın azalmasına yol açar.
Kare hızı, bir saniyede gösterilen kare sayısıdır ve hareketin akıcılığını belirler. Düşük kare hızı hareketi sırcamalı gösterir; yüksek kare hızı ise akıcılığı artırırken toplam kare sayısını ve dosya hacmini büyütür. Bu nedenle kare hızı, beklenen fayda ölçülerek seçilir; en yüksek değer her zaman en iyi değer değildir.
Zaman çizelgesi ve senkron
Zaman çizelgesi, her ögenin ne zaman başlayıp ne zaman biteceğini belirleyen yapıdır. Birbirine bağlı hareketler, zaman çizelgesinde başlangıç ve bitiş zamanları eşleştirilerek senkron hâle getirilir. Zaman çizelgesi ayrıca sonradan düzeltmeyi kolaylaştırır; bir ögenin süresi değiştirildiğinde ona bağlı diğer ögeler de birlikte değerlendirilebilir.
Giriş ve çıkış hareketleri aynı hareket mantığını izlemelidir. Bir öge yumuşak bir hareketle sahneye geliyorsa, sahneden ayrılırken de benzer bir yumuşaklıkla çıkması beklenir. Yalnızca giriş hareketi tasarlanmış, çıkış hareketi verilmemiş ögeler, arayüzün kırık hissettirmesine yol açar. Bu tutarlılık, tasarımı profesyonel gösterir.
Erişilebilirlik ve dosya yönetimi
Hareket, bazı kullanıcılar için rahatsızlık yaratabilir. Kullanıcının cihaz ayarından azaltılmış hareket tercihi belirttiğinde uzun geçişler aniden tamamlanır, aşırı hareketler kaldırılır. Böylece tasarımın anlamı hareket olmadan da iletilebilir olmalıdır. Anlam yalnız harekete bağlanmışsa, bu tercih kullanicılar için bilgi kaybı anlamına gelir.
Hareketli çalışmanın dosya hacmi, süre ve kare sayısıyla birlikte değerlendirilir. Ağ üzerinde yüklenecek her dosya için indirme süresi hesaba katılmalıdır. Ses kullanılacaksa zamanlaması görüntüyle birlikte planlanmalı, senkron sağlanmalıdır. Teslimde düzenlenebilir kaynak dosya ile yayın biçimi birlikte verilir; yalnızca yayın biçimini teslim etmek, sonradan düzenleme yapmayı imkânsız kılar.
Zaman Çizelgesi ve Kare Hızı
Hareketli grafikte nesnenin konumu, kare sayısıyla doğrudan ilişkilidir. Kare hızı arttıkça aynı sürede oynanan kare sayısı artar; ancak dosya boyutu da buna bağlı olarak büyür.
Bu nedenle proje planlamasında kare hızı, hedef platforma ve teslim süresine göre seçilir. Hareketin akıcı görünmesi için kareler arası geçiş süresinin en az birkaç kare olması gerekir; aksi hâlde animasyon sıçramalı görünür.
Ne Öğreneceğiz
Animasyonun amaca uygun tasarlanması, süre ve kare hızı değerlerinin seçilmesi, zaman çizelgesi düzeni ve erişilebilirlikle uyumu. Bu konuda ögrenme çıktıları:
- Animasyonun bilgi taşıma amacıyla planlanmasını sağlar.
- Süre ve kare hızı değerlerini dosya hacmiyle birlikte değerlendirir.
- Zaman çizelgesi kullanımıyla senkron hareketi kurar.
- Giriş ve çıkış hareketlerinin aynı mantıkta olmasını denetler.
- Azaltılmış hareket tercihine uyum sağlar.
Ön Bilgi
Bu konuya başlamadan önce temel kavram ve ön koşulları kavramanız yardımcı olacaktır. Konunun çerçevesinde şu kavramlar dikkat ister:
- Animasyonun bir işlevi olmalıdır; süslemek için kullanılan hareket dikkati dağıtır.
- Süre, aktarılacak bilgi miktarına göre ayarlanır.
- Giriş ve çıkış hareketleri aynı mantığı izlemelidir.
- Kare hızı, hareketin akıcılığını ve dosya hacmini birlikte etkiler.
- Zaman çizelgesi, bağlı hareketlerin senkron kalmasını sağlar.
- Azaltılmış hareket tercihi dikkate alınmalıdır.
- Kaynak dosya ile yayın biçimi birlikte teslim edilmelidir.
Basit Örnek ve Günlük Yaşam
Günlük yaşamda ve mesleki bağlamda bir uygulama:
Soru: Üç saniyelik bir tanıtım animasyonunda yalnız giriş hareketi iki saniye sürmektedir. Bu tasarım nasıl değerlendirilir?
- Giriş hareketi toplam sürenin büyük bölümünü tüketmektedir.
- Asıl anlatılacak içerik için çok az zaman kalmaktadır.
- Giriş süresi kısaltılıp içerik süresi artırılmalıdır.
Sonuç/cevap: Giriş süresi içerik süresini aşmamalıdır; süre dağılımı içeriğe göre yeniden yapılmalıdır.
İleri Örnek
Daha ileri bir uygulama:
Soru: Hareketli çalışma yalnızca yayın biçiminde teslim edilmiştir. Bu eksiklik nedir?
- Yayın biçimi düzenlenemez ve tekrar üretilemez.
- Sonradan metin, renk ya da süre değişikliği yapılamaz.
- Düzenlenebilir kaynak dosya birlikte teslim edilmelidir.
Sonuç/cevap: Düzenlenebilir kaynak dosya eksiktir; yayın biçimiyle birlikte teslim edilmelidir.
Adım Adım Çözülmüş Örnek
Örnek 1: Süre Seçimi konusunun adımları:
- Giriş hareketi toplam sürenin büyük bölümünü tüketmektedir.
- Asıl anlatılacak içerik için çok az zaman kalmaktadır.
- Giriş süresi kısaltılıp içerik süresi artırılmalıdır.
Karşılaştırma Tablosu
| Kavram | Açıklama |
|---|
| Animasyonun bir işlevi olmalıdır; süslem | Animasyonun bir işlevi olmalıdır; süslemek için kullanılan hareket dikkati dağıtır. |
| Süre, aktarılacak bilgi miktarına göre a | Süre, aktarılacak bilgi miktarına göre ayarlanır. |
| Giriş ve çıkış hareketleri aynı mantığı | Giriş ve çıkış hareketleri aynı mantığı izlemelidir. |
| Kare hızı, hareketin akıcılığını ve dosy | Kare hızı, hareketin akıcılığını ve dosya hacmini birlikte etkiler. |
| Zaman çizelgesi, bağlı hareketlerin senk | Zaman çizelgesi, bağlı hareketlerin senkron kalmasını sağlar. |
| Azaltılmış hareket tercihi dikkate alınm | Azaltılmış hareket tercihi dikkate alınmalıdır. |
| Kaynak dosya ile yayın biçimi birlikte t | Kaynak dosya ile yayın biçimi birlikte teslim edilmelidir. |
Sık Yapılan Hatalar
Her ögeyi hareketlendirmek: Hareketsiz ögeler, hareketli olanların fark edilmesini sağlar; her şey hareketlenince hiçbir şey dikkat çekmez.
Süreyi bilinçsiz uzatmak: Uzun süreli hareket, izleyicinin tamamlanmasını beklediği anı geciktirir ve ilgiyi kaybettirir.
Yalnızca giriş hareketi tasarlamak: Giriş hareketi olan ama çıkış hareketi olmayan ögeler, arayüzün kırık hissettirmesine yol açar.
Kare hızını yükselterek kaliteyi artırmak: Kare hızı artışı dosya hacmini büyütür ve akıcılık ölçülebilir biçimde değişmez.
Yalnız yayın biçimini teslim etmek: Kaynak dosya olmadan sonradan düzenleme yapılamaz ve işin yeniden üretilmesi gerekir.
Özet
Hareketli grafikte animasyon, bilgiyi açıklamak ve dikkati yönlendirmek için kullanılır. Anlam taşımayan hareket, izleyicinin dikkatini dağıttığı için her animasyonun bir işlevi olmalıdır. Süre, aktarılacak bilgi miktarına göre ayarlanır. Kare hızı, bir saniyede gösterilen kare sayısıdır; yüksek kare hızı akıcılığı artırırken dosya hacmini de büyütür. Zaman çizelgesinde her ögenin başlangıç ve bitiş zamanı belirlenir, böylece bağlı hareketler senkron kalır. Giriş ve çıkış hareketleri aynı mantığı izlemelidir. Kullanıcının azaltılmış hareket tercihi varsa geçişler sade hâle getirilir. Hareketli çalışma, düzenlenebilir kaynak dosya ve yayın biçimiyle birlikte teslim edilmelidir.
Kendini Dene
Soru: Bir animasyon için süre dağılımı tablosu hazırlayınız ve her bölüme ayrılan süreyi gerekçelendiriniz.
Örnek cevap: Puanlama anahtarı: Süre bölümlerinin sayılması 3 puan; her bölüme ayrılan sürenin gerekçesi 4 puan; toplam sürenin dengelenmesi 2 puan; düzen 1 puan. Toplam 10 puan.
