--- title: "Motion design nedir?" author: Androverse author_url: https://androverse.com.tr/yazar/androverse publisher: Androverse updated_at: 2026-10-15 url: https://androverse.com.tr/sozluk/motion-design language: tr --- # Motion design nedir? Motion design, grafik öğelerin zaman, hareket ve ritim üzerinden anlam taşımasını tasarlamaktır. Diğer adlar: Hareket tasarımı. ## Nerede işine yarar? Bir hareketin başlangıcı, süresi ve bitişi içerikle ilişkilendirilir. Hareket bir geçişi açıklayabilir, bir durumu gösterebilir veya anlatı kurabilir. Her öğeyi hareket ettirmek yerine bakışın neyi izleyeceği ve hangi bilginin önce anlaşılacağı seçilir. ## Bir cümlede uygulaması Bir başlığın ardından destekleyici görselin gelmesiyle mesajın sırasını kurmak. ## Neyle karıştırılmamalı? Motion yalnız animasyon tekniği değil, hareketin iletişim amacını belirlemektir. ## Görüntü hareket etti. Peki düşünce ilerledi mi? Bir dijital ürünün tanıtım filmi için üç ekranın masaya geldiğini düşün: ana panel, rapor ve paylaşım. Bunları sırayla büyütüp küçültmek hareket üretir; fakat izleyici hâlâ ürünün ne yaptığını anlamayabilir. Motion design çalışması, ekranlar arasındaki ilişkiyi kurarak başlar. Panelde seçilen bilgi raporda belirginleşir, rapordan ayrılan parça paylaşım alanına taşınır. Hareket, yalnız gözün nereye bakacağını değil, bu üç görüntünün neden arka arkaya geldiğini de anlatır. Buradaki örnek bir üretim alıştırmasıdır; belirli bir müşterinin ölçülmüş sonucu değildir. Önce sessiz bir kaba kurgu hazırlanabilir. İzleyici sesi açmadan da hangi bilginin seçildiğini ve hangi sonucun oluştuğunu anlayabiliyorsa anlatının görsel omurgası vardır. Ardından süre, geçiş ve ses kararları işlenir. Bir başlığın ekrana gelmesiyle okunabilir hale gelmesi aynı an olmayabilir. Harfler tek tek beliriyorsa ilk harfin görünmesi okumaya ayrılan sürenin başlangıcı sayılmamalıdır. Başlık tamamlandıktan sonra onu kavramaya yetecek bir durak bırakmak gerekir. Tipografi hareketin malzemesidir; hareketin altında kaybolan bir açıklama katmanı değildir. Film ile arayüzdeki motion aynı kelimeyi paylaşır, fakat aynı sorunu çözmez. Filmde yönetmen zamanın akışını büyük ölçüde belirler. Arayüzde kişi beklenmedik anda tıklayabilir, geri dönebilir veya ikinci bir işlem başlatabilir. Bu nedenle bir geçişin yarıda kesilmesi de tasarımın parçasıdır. Açılmakta olan panel kapatıldığında başa sıçramamalı; mevcut durumundan tutarlı bir karşılık vermelidir. Kullanıcının görevi, tasarlanan koreografinin tamamlanmasını beklemeye mecbur bırakılmaz. Özellikle sık tekrarlanan işlemlerde kısa ve açık geri bildirim, uzun bir gösteriden daha değerlidir. Teslim aşamasında yalnız beğenilen video paylaşılmaz. Hareketin amacı, başlangıç ve bitiş durumları, kullanılacağı oranlar ve hangi parçaların yeniden düzenlenebileceği açıklanır. Bir sosyal filmde güvenli yazı alanı, arayüzde ise odak ve azaltılmış hareket davranışı konuşulur. Aynı görsel dil farklı hızlara uyarlanabilir; her yüzeyin aynı uzunlukta animasyon kullanması gerekmez. Markanın hareket karakteri böylece tek bir efekt dosyasına değil, tekrar üretilebilir kararlara dayanır. İyi bir motion sistemi yeni içeriği taşırken önceki sahnelerin kopyasına dönüşmez. Üretim notlarında hareketin yalnız masaüstündeki görünümünü tarif etme. Bir başlığın iki satıra çıkması, ürünün dikey kadrajda daha az yer kaplaması veya sessiz izleme koşulu aynı sahnenin vurgusunu değiştirebilir. Bunlar sonradan tesadüfen çözülecek ayrıntılar değildir. Taslak aşamasında iki farklı oranı yan yana görmek, hareket dilinin esnekliğini ortaya çıkarır. Aynı karakteri korumak, aynı piksel yolunu her ekrana zorla uygulamak değil; izleyicinin dikkatini aynı düşünceye yönlendiren kararı farklı yerleşimlerde sürdürebilmektir. ### Anlatı görevi Her hareket için yönlendirdiği dikkati bir cümleyle tarif et. İki öğe arasında bağ kurmak, bir değişikliği göstermek veya yeni bir katmanın açıldığını açıklamak somut görevlerdir. Cümle yalnız ‘daha havalı görünsün’ diyorsa hareketin miktarını ve yerini tekrar değerlendir. ### Zaman ve okuma Metnin tam göründüğü süreyi, geçiş süresinden ayrı tut. Bir ürün adı, kısa çağrı ve ayrıntılı açıklama aynı okuma aralığını istemez. Dikey versiyonda satırlar çoğaldığında masaüstü için seçilen süreyi otomatik korumak yerine görüntüyü yeniden izle. ### Davranış devamlılığı Hareket bittiğinde neyin kullanılabilir kaldığına bak. Kontrolün yeri, metnin okunurluğu ve klavye odağı anlaşılır olmalıdır. Hareket tercihini azaltan kullanıcı aynı bilgiyi ve işlemi görebilmeli; animasyon kaldırıldığında içerik görünmez bir başlangıç durumunda kalmamalıdır. ## Efekt eklemekle anlatım kurmak arasındaki fark ### Efekt sıralaması Her sahne ayrı bir hazır geçiş kullanır. Yazı, ürün ve logo aynı anda dikkat ister. Önizleme ilk bakışta yoğun görünür; fakat hangi şeyin önemli olduğu ve sahnelerin ilişkisi belirsizdir. Yeni bir oran istendiğinde bütün yerleşim bozulabilir. Efektin kendisi yanlış değildir; onu seçmek için ortak bir anlatı gerekçesi bulunmamaktadır. ### Hareket dili Önce mesajın önceliği seçilir. Ana fikir belirginleşirken yardımcı öğeler sakin kalır; geçiş bir sonraki sahnenin bağlamını taşır. Ürün aynı karakterde görünür, başlığın okunacağı zaman korunur. Yeni formatta kadraj değişse de vurgu ve ritim kararları sürdürülebilir. Motion burada içeriğe eklenmiş bir süs değil, içeriğin nasıl anlaşılacağını belirleyen bir araçtır. ## Hareketin bir nedeni olmalı Hareket önce nereye bakılacağını, sonra neyin değiştiğini anlatabilir. Her öğenin aynı anda hareket etmesi bu sıralamayı ortadan kaldırır. Sahne planında giriş, vurgu, bekleme ve çıkış anları birlikte düşünülür; hareketsiz alternatifte de içerik anlaşılır kalır. - Her animasyonun bilgi veya duygu görevini yaz. - Eş zamanlı hareketleri azaltıp dikkat sırası kur. - Mobil, geniş ekran ve azaltılmış hareket durumlarını dene. ## Daha akıcı hareket daha uzun animasyon mu? Hayır. Akıcılık yalnız süreye bağlı değildir; hız eğrisi, ardışıklık ve cihazın kare üretimi de etkilidir. Gereksiz gecikme bir kontrolü ağır hissettirebilir. Süreyi görsel gösterişe değil bağlama göre seçmek gerekir. ## Bu karar, işinin neresinde? Motion design kavramının bir projede nasıl ele alındığını; yaklaşım, süreç ve teslimler üzerinden incele. [Video & motion](https://androverse.com.tr/hizmetler/video-motion) ## Karar masası ### Motion tasarım için her şeyin sürekli hareket etmesi gerekir mi? Hayır. Durağan bir aralık, izleyicinin bilgiyi toplamasını ve sonraki hareketi fark etmesini sağlar. Her katman sürekli oynuyorsa öncelik kaybolur. Önce hangi değişimin görünmesi gerektiğini seçmek, sonra o değişimi yeterli en küçük hareketle ifade etmek yararlıdır. Bir ürün yakın planının sakin kalması, çevresindeki bütün sahneleri daha anlamlı hale getirebilir. ### Bir filmdeki hareketi doğrudan web sitesine taşıyabilir miyiz? Görsel karakter taşınabilir; zamanlama ve kullanım davranışı yeniden düşünülmelidir. Filmde doğal görünen uzun bir giriş, web sitesinde içeriğe erişimi geciktirebilir. Ekran boyutu, dokunma, kaydırma ve hareket tercihi de farklıdır. Önce sabit durumları tasarlamak, ardından gerekli geçişleri eklemek; filmin estetiğini korurken arayüzün görevini sürdürmesine yardımcı olur. ### Motion çalışmasının iyi olduğunu nasıl değerlendiririz? Ölçüt kullanım yerine göre değişir. Filmde ana mesajın anlaşılması, ürünün görünürlüğü ve okunabilirlik incelenebilir. Arayüzde ise kişinin durum değişimini anlaması ve işlemini sürdürmesi önemlidir. Yalnız kare sayısına veya animasyonun karmaşıklığına bakmak yeterli değildir. Beklenen davranış açıkça yazılırsa farklı yaratıcı seçenekler aynı soru üzerinden değerlendirilebilir. ## Üç ekran, tek düşünce Bir uygulamanın seçim, sonuç ve paylaşım ekranını kullanarak kısa bir motion taslağı hazırla. Amacın yeni bir müşteri başarısı iddia etmek değil; hareketin bilgi ilişkisini açıklayıp açıklamadığını görmek olsun. - [ ] Her ekranın ileteceği tek düşünceyi yaz. Sonraki ekrana geçerken korunması gereken öğeyi seç: seçilen tarih, ürün veya başlık olabilir. Böylece geçiş yalnız görüntü değiştirmek yerine bilgiyi bir yerden başka bir yere taşır. - [ ] Önce yalnız başlangıç ve bitiş karelerini yerleştir. Aralarındaki boşluğa hareket eklemeden anlam akışını incele. Bir ekranda üç eşit vurgu oluşuyorsa animasyonla kurtarmaya çalışmak yerine kompozisyonun önceliklerini yeniden düzenle. - [ ] Taslağı sessiz ve küçük bir ekranda izle. Sonra bütün geçişleri anlık değişime çevir. Bilgi ikinci sürümde kayboluyorsa hareketin yerine görünür bir işaret veya açıklama ekle; iki sürümün de anlaşılır kalmasını sağla. Çalışmanın sonunda bir efekt listesi yerine kısa bir hareket kuralı çıkar: hangi bilgi hareket eder, hangi durumda, neyi anlatmak için? Bu kural benzer ekranlarda yeniden kullanılabilir; her yeni sahnede süreci sıfırdan icat etmeyi azaltır. ## Bağlantılı kavramlar - [Mikro etkileşim](https://androverse.com.tr/sozluk/mikro-etkilesim) — Mikro etkileşim, belirli bir küçük eyleme veya durum değişimine verilen odaklı arayüz davranışıdır. - [Easing](https://androverse.com.tr/sozluk/easing) — Easing, bir animasyonun zaman boyunca ilerleme hızının nasıl değişeceğini belirleyen eğridir. - [Storyboard](https://androverse.com.tr/sozluk/storyboard) — Storyboard, bir filmin veya hareketli anlatının sahne sırasını çizim ve notlarla gösteren görsel plandır. ## Konuyu uygulamaya taşı - [Video & motion](https://androverse.com.tr/hizmetler/video-motion) — Motion design kavramının bir projede nasıl ele alındığını; yaklaşım, süreç ve teslimler üzerinden incele. - [Her şey hareketli. Peki göz nereye?](https://androverse.com.tr/blog/her-sey-hareketli-peki-goz-nereye) — Motion design ile ilgili tasarım kararını Androverse’nin uygulama örnekleri ve değerlendirme sorularıyla birlikte düşün. [Androverse profili](https://androverse.com.tr/yazar/androverse) · [Yayın ilkeleri](https://androverse.com.tr/yayin-ilkeleri)