Okunaklı KJ tasarımı; yalnız doğru fontu seçmek değil, bilgiyi doğru sıraya koymak, metnin büyüyebileceği alanı planlamak, safe area’yı korumak ve grafiği gerçek yayın kombinasyonlarında test etmektir. “Kısa örnek isimle güzel” görünen bir KJ, canlıda uzun kurum adı, iki satırlık görev ve ticker aynı anda geldiğinde kırılıyorsa sistem hazır değildir.

Önce bilgi hiyerarşisini çöz: isim mi, görev mi, başlık mı?

KJ’de iki veya üç metin alanı olduğunda her satırı aynı ağırlıkta göstermek okumayı yavaşlatır. Name/role KJ’de çoğu zaman kişinin adı ana bilgi, görev veya kurum ikinci bilgidir. Headline strap’te ise başlık ana bilgi, kategori veya kaynak ikincil olabilir. Önce içerik türünün birinci ve ikinci okuma seviyesini tanımla.

Hiyerarşi örnekleri
KJ tipi1. seviye2. seviye3. seviye
Name / RoleAd SoyadGörev / kurumLokasyon veya program etiketi
HeadlineBaşlıkAlt açıklamaKategori
LocationLokasyonOlay / bağlamCanlı etiketi
QuoteAlıntı özetiKonuşan kişiKaynak

En uzun metni tasarımın başında test et

Kısa placeholder metin KJ’yi olduğundan daha başarılı gösterir. Gerçek stres testi için uzun isim, iki parçalı soyadı, uzun görev, kurum adı ve gerekiyorsa yabancı dil karakterlerini aynı anda dene. Template’in nasıl davranacağı önceden tanımlı olmalı: shrink, wrap, truncate veya alternatif layout.

  1. Normal örnek

    Ortalama uzunluktaki ad ve görevle baseline görünümü doğrula.

  2. Uzun ad

    Ad alanının ne kadar büyüyebildiğini test et.

  3. Uzun görev / kurum

    İkinci satırın wrap veya scale davranışını kontrol et.

  4. İki satır sınırı

    Üçüncü satır gerektiğinde sistemin ne yapacağını önceden belirle.

  5. Boş alan

    Görev alanı boşsa grafik çökmemeli veya gereksiz boşluk bırakmamalı.

Safe area yalnız eski televizyonlar için değildir

Broadcast teknik teslim standartları, kritik on-screen text’in belirlenmiş güvenli alanlarda kalmasını ve dönüşüm/down-conversion sonrası okunabilir olmasını uzun süredir şart koşar. Güncel prodüksiyonda hedef broadcaster veya playout zincirinin kendi safe-area kuralı varsa o değer esas alınmalıdır.

Safe area’yı “tasarımı ortalamak” için değil risk yönetimi için kullan. KJ’nin dekoratif paneli daha geniş olabilir; ancak isim, skor, headline gibi kritik veri kenara gereksiz yaklaşmamalı.

Kontrastı yalnız tek bir screenshot üzerinde ölçme

KJ transparan veya yarı transparan yüzey kullanıyorsa altındaki programme footage sürekli değişir. Beyaz text bir stüdyo planında çok temiz görünürken açık gökyüzü veya beyaz gömlek üzerinde zayıflayabilir. Bu nedenle sistemin contrast koruması footage bağımsız olmalıdır.

  • Solid/opaque veya kontrollü translucent panel kullanımı
  • Text arkasında blur/dim/gradient gibi kontrollü local contrast katmanı
  • Küçük text’te gereksiz ince font weight’den kaçınma
  • Brand renginin yeterli foreground/background ayrımı sağlamadığı state’lerde alternatif renk kullanımı
  • Bright, dark, skin-tone-heavy ve high-detail footage üzerinde test

Font büyüklüğünden önce x-height, weight ve spacing’e bak

Aynı nominal point/pixel değerindeki iki font aynı okunabilirliği vermez. X-height, stroke contrast, condensed yapı, harf açıklıkları ve font weight yayın monitöründe sonucu ciddi değiştirir. Çok condensed bir typeface uzun isme daha çok alan kazandırsa da küçük boyutta karakter ayrımını zorlaştırabilir.

Broadcast type kontrolü
KontrolRisk
Çok ince weightCompression/downscale sonrası stroke kaybı
Aşırı condensedHarf formu ayrımı zorlaşabilir
Dar line-heightİki satırlı görev metni sıkışır
Aşırı trackingİsim alanını gereksiz tüketir
ALL CAPS her yerdeUzun metinde reading rhythm zayıflayabilir

KJ’yi tek başına değil ekran kombinasyonuyla test et

Gerçek yayında KJ çoğu zaman yalnız değildir. Ticker, corner, canlı ibaresi, altyazı, scorebug veya başka grafikler aynı anda ekranda olabilir. Her eleman ayrı comp’ta güzel görünüp birleşince ekranın alt tarafını tamamen doldurabilir.

Simultaneous graphics stres testi
KombinasyonKontrol
KJ + tickerDikey alan ve hierarchy çakışıyor mu?
KJ + subtitles/captionsOkuma bölgeleri birbirine giriyor mu?
KJ + corner/live bugMarka ağırlığı dengeli mi?
KJ + breaking stateİki ayrı kırmızı/acil state rekabet ediyor mu?
KJ + sports scorebugEkranın hangi tarafında bilgi yoğunluğu oluşuyor?

Animation okunabilirliği desteklemeli, metni saklamamalı

Lower-third animasyonu metni göstermek için vardır; tasarımcı showreel’i için değil. Çok uzun intro, aşırı overshoot, sürekli secondary motion veya text’in okunabilir hale gelmesinden önce geçen gereksiz süre bilgi erişimini geciktirir.

Adobe’nin Responsive Design - Time yaklaşımı lower-third gibi template’lerde giriş ve çıkış bölgelerini koruyup orta duration’ı uzatmaya izin verir. Bu sistem fikri önemlidir: intro/outro timing sabit, okunma süresi içerik ve edit ihtiyacına göre esnek olmalıdır.

Operator control’leri okunabilirliği bozmayacak şekilde sınırla

Canlı veya hızlı edit workflow’unda operatöre çok fazla serbest kontrol vermek template’in öngörülemez olmasına yol açabilir. Font size, tracking, panel width, logo scale ve animation speed’i tek tek açmak yerine birkaç kontrollü state sunmak daha güvenli olabilir.

  • Text field: gerekli
  • İkinci satırı aç/kapat: kontrollü state
  • Colour theme: yalnız onaylı brand varyantları
  • Long-name mode: önceden tasarlanmış alternatif layout
  • Font/spacing: operatöre açılması çoğu zaman gereksiz

Final KJ stres testi

  1. 5 gerçek kısa/uzun isim kombinasyonu gir

    Placeholder yerine gerçek kullanım dağılımını simüle et.

  2. Bright/dark footage değiştir

    Kontrast korumasını doğrula.

  3. Ticker ve corner’ı aynı anda aç

    Screen-level hierarchy’yi test et.

  4. Subtitle/caption alanını kontrol et

    Program türüne göre çakışma riskini gör.

  5. HD/UHD ve varsa down-conversion test et

    Thin type ve line’ların gerçek delivery’de nasıl davrandığını izle.

  6. Editörü/operatörü denetimsiz bırak

    Kısa kullanım notuyla template’i doğru kullanabiliyor mu gözlemle; açıklama gerektiren her sürtünme tasarım sinyalidir.

Kaynaklar

  1. Adobe After Effects — Responsive Design - Time (2026)
  2. Adobe After Effects — Essential Properties (2026)
  3. BBC/DPP technical delivery guidance — on-screen text safe areas

Editoryal kapsam: Türkiye

İçerikte anlamlı bir hata görürsen düzeltme politikasındaki iletişim kanalı üzerinden bildirebilirsin. Düzeltme politikası