Kazanimlar:
- Görsel hiyerarşi, hizalama, grid, boşluk ve odak noktası ilkeleriyle işe yarar bir mizanpaj kurabilme
- Görseli metin için boşluklu üretip düzenlenebilir metin ve hassas yerleşimi tasarım programında yapabilme
- Güvenli alan ve baskıda taşma payı gibi format kurallarını uygulayarak kırpılma ve ıskarta riskini önleyebilme
Güzel bir görsel ile işe yarayan bir tasarım arasındaki fark çoğu zaman mizanpajdır: öğelerin sayfa içindeki yerleşimi. Bir afişte gözün önce nereye gideceğini, bir sosyal medya kartında metnin nefes alıp almadığını, bir broşürde bilginin nasıl aktığını mizanpaj belirler. Bu ünitede kompozisyon (öğeleri bir bütün içinde düzenleme) ilkelerini ve YZ'nin bu süreçte nerede yardımcı, nerede sınırlı olduğunu öğreneceğiz. Kritik gerçek: YZ görsel üretir ama hassas mizanpaj bir tasarım programında, tasarımcı elinde olur.
Neden YZ tek başına mizanpaj yapamaz?
YZ, bütünsel "güzel görünen" bir görsel üretir; ama tasarımın mizanpajı piksel hassasiyeti, düzenlenebilir metin, hizalama ve tutarlı boşluk ister. YZ'nin ürettiği görselde metni kaydıramaz, logoyu tam hizalayamaz, marjı ölçemezsiniz. Bu yüzden profesyonel akış şudur: arka plan/görsel öğeleri YZ ile üret, mizanpajı (metin, logo, hizalama) tasarım programında kur. YZ size ham malzeme ve kompozisyon fikri verir; kesin yerleşim sizin kararınızdır.
Kompozisyonun temel ilkeleri
- Görsel hiyerarşi: Öğelerin önem sırasına göre düzenlenmesi. Göz önce en büyük/kontrastlı öğeye gider. Başlık > alt başlık > gövde > detay sırası kurulur.
- Hizalama: Öğelerin görünmez çizgilere göre dizilmesi; dağınıklığı önler, düzen hissi verir.
- Grid (ızgara): Sayfayı görünmez sütun ve satırlara bölen sistem; öğeleri tutarlı yerleştirmeyi sağlar.
- Boşluk (negatif alan): Öğeler arasındaki boş alan; tasarımın "nefes almasını" ve okunabilirliğini sağlar. Az boşluk = sıkışık ve amatör.
- Denge: Görsel ağırlığın dağılımı; simetrik (dingin) veya asimetrik (dinamik) olabilir.
- Kontrast: Boyut, renk veya kalınlık farkıyla dikkat yönlendirme.
- Odak noktası: Gözün ilk gittiği yer; bilinçli tasarlanmalı.
İpucu: Görsel üretirken promptta "metin için boşluk bırak" (ör. "üst üçte bir boş, sade") deyin. Böylece YZ görseline sonradan metin eklerken sıkışmazsınız ve hiyerarşi kurabilirsiniz.
Adım adım mizanpaj kurma
- Amacı belirle: Bu tasarım ne yapmalı? (duyuru, satış, bilgi). Öncelik sırasını belirler.
- İçerik envanteri: Başlık, alt metin, görsel, logo, çağrı (buton/CTA) neler?
- Hiyerarşi kur: En önemli öğeyi en güçlü konuma ve boyuta koy.
- Grid seç: Öğeleri hizalayacağın sütun yapısını belirle.
- Görseli YZ ile üret: Metin için boşluklu, uygun oranlı arka plan/öğe üret.
- Tasarım programında diz: Metni, logoyu, çağrıyı hizala; boşlukları ayarla.
- Test et: Küçült, uzaktan bak, göz ilk nereye gidiyor kontrol et.
Gözü yönlendirmenin pratik teknikleri
Kompozisyon aslında gözü yönetme sanatıdır. İzleyicinin bakışı rastgele gezmez; belli işaretleri takip eder ve iyi bir tasarımcı bunları bilinçli kullanır. Birincisi boyut ve kontrast: en büyük ve en kontrastlı öğe gözü ilk çeker, bu yüzden en önemli mesajı oraya koyun. İkincisi yönlendirme çizgileri (leading lines): görseldeki doğal çizgiler (bir yol, bir kolun uzanışı, bir masa kenarı) gözü belli bir noktaya taşır; ürünü ya da başlığı bu çizgilerin bittiği yere yerleştirmek etkiyi artırır. Üçüncüsü boşlukla vurgu: bir öğenin etrafındaki geniş boş alan, o öğeyi öne çıkarır — kalabalık bir sayfada tek başına duran bir kelime güçlüdür. Dördüncüsü okuma yönü: çoğu kültürde göz sol üstten sağ alta doğru "Z" veya "F" deseninde gezer; bu yüzden logoyu sol üste, çağrıyı (buton) sağ alta koymak sezgisel bir akış yaratır. YZ ile arka plan üretirken bu teknikleri promptunuza taşıyabilirsiniz: "sol alttan sağ üste doğru yönlendiren bir kompozisyon" ya da "merkezde tek öğe, etrafında geniş boşluk" gibi. Böylece görsel yalnızca güzel değil, mesajı doğru sırayla ileten bir araç olur.
Format-özel dikkatler
Her mecranın kendi kuralı vardır: Instagram gönderisi 1:1 veya 4:5, story 9:16, web banner 16:9. Güvenli alan (safe zone) kavramı önemlidir: önemli öğeleri kenardan içeride tutun ki kırpılmada veya arayüz öğeleri (story'de profil, butonlar) altında kalmasın. Baskıda ise taşma payı (bleed) gerekir: kesim payında beyaz çizgi çıkmaması için tasarımı kenardan biraz taşırmak.
Üç mini vaka
Vaka 1 — Nefes alan tasarım. Bir tasarımcının kampanya kartı sıkışıktı; başlık, metin ve logo birbirine girmişti. Görseli "üst üçte bir boş" olacak şekilde yeniden üretip metni o boşluğa hiyerarşiyle yerleştirdi. Tıklanma oranı test grubunda belirgin arttı; "okunaklı" geri bildirimi geldi.
Vaka 2 — Güvenli alan hatası. Bir story tasarımında önemli slogan en alttaydı; yayında "kaydır" butonunun altında kaldı ve görünmedi. Güvenli alan kuralıyla slogan yukarı, ortaya alındı. Sonraki kampanyada mesaj net görüldü ve yeniden tasarım gerekmedi.
Vaka 3 — Baskı taşma payı. Bir broşür, taşma payı verilmeden basıldı; kenarlarda ince beyaz çizgiler çıktı ve 300 adet ıskartaya ayrıldı (yaklaşık 1.200 TL kayıp). Sonraki işte tasarıma 3 mm taşma payı eklendi; kesim temiz çıktı.
Kopyalanabilir şablonlar
1) Metin için boşluklu arka plan üretme:
Bir [mecra] tasarımı için arka plan görseli üret.Oran: [1:1 / 9:16 / 16:9]. Üst üçte bir sade ve boş olsun(başlık için). Marka tonu: [sıfatlar]. Okunur metin/logo koyma.Renkler paletle uyumlu: [renkler].
2) Hiyerarşi planı:
Şu tasarım için görsel hiyerarşi planı çıkar.Amaç: [duyuru/satış/bilgi]. Öğeler: [başlık, alt metin, görsel, logo, çağrı].Her öğeye önem sırası, önerilen konum ve göreli boyut ver.Gözün izleyeceği yolu (odak → ikincil) tarif et.
3) Grid ve hizalama önerisi:
Şu içerik için basit bir grid ve hizalama düzeni öner:[içerik listesi], oran [x]. Kaç sütun kullanayım, öğeleri nasılhizalayayım, ne kadar boşluk (marj) bırakayım? Sade ve dengeli olsun.
4) Mizanpaj denetimi:
Şu tasarım açıklamasını kompozisyon açısından değerlendir:hiyerarşi net mi, hizalama tutarlı mı, yeterli boşluk var mı,güvenli alana uyuyor mu, odak noktası belli mi? Öneri olarak yanıtla.Açıklama: [yapıştır]
Zayıf prompt / Güçlü prompt
Zayıf: Bir indirim afişi görseli yap, içinde %50 yazsın.
Sonuç: YZ bozuk "%50" yazar, öğeler rastgele dizilir, metni düzenleyemezsiniz; kullanılamaz.
Güçlü: Bir indirim kampanyası için arka plan görseli üret: 4:5 oran, sıcak enerjik tonlar, sol üstte metin için geniş sade boşluk, sağ altta ürün. Okunur metin koyma; başlığı, "%50" bilgisini ve butonu ben tasarım programında hizalayacağım.
Sonuç: Metin için yer bırakan, düzenlenebilir, hiyerarşi kurulabilir bir arka plan.
Fark: Güçlü yaklaşım metni YZ'den ayırır, boşluk ve oranı planlar, mizanpajı tasarımcıya bırakır.
Kompozisyon ilkeleri tablosu
İlke
Ne sağlar
Pratik ipucu
Hiyerarşi
Okuma sırası
En önemliyi en büyük/kontrastlı yap
Hizalama
Düzen hissi
Görünmez çizgilere diz
Grid
Tutarlılık
Sütun sistemi kullan
Boşluk
Okunabilirlik
Sıkıştırma, nefes bırak
Güvenli alan
Kırpılmama
Öğeleri kenardan içeride tut
Taşma payı
Temiz baskı
Kenarı 3 mm taşır
Sık yapılan hatalar
- Metni YZ'ye yazdırmak: Bozuk, düzenlenemez yazı; metni tasarım programında ekleyin.
- Boşluk bırakmamak: Sıkışık, amatör görünen tasarım.
- Hiyerarşi kurmamak: Her şey aynı boyutta; göz nereye gideceğini bilemez.
- Güvenli alanı unutmak: Önemli öğenin arayüz veya kırpma altında kalması.
- Taşma payını atlamak: Baskıda kenar beyazı ve ıskarta.
Özetle
Mizanpaj, öğelerin bilinçli yerleşimidir ve bir görseli işe yarar tasarıma dönüştürür. Hiyerarşi, hizalama, grid, boşluk, denge ve kontrast temel ilkelerdir. YZ arka plan ve görsel öğeleri üretir, kompozisyon fikri verir; ama piksel hassas mizanpaj, düzenlenebilir metin ve hizalama tasarım programında tasarımcı elinde olur. Metin için boşluk bırakmak, güvenli alan ve baskıda taşma payı, çıktının kullanılabilirliğini belirleyen pratik kurallardır.
Uygulama görevi
Bir mecra ve amaç seçin (ör. Instagram indirim gönderisi). İçerik envanterini çıkarın, bir hiyerarşi planı yapın. YZ ile metin için boşluk bırakan, doğru oranlı bir arka plan üretin. Ardından bir tasarım programında (veya kağıt üzerinde eskiz olarak) başlık, alt metin, logo ve çağrıyı hizalayıp yerleştirin. Küçültüp uzaktan bakarak gözün ilk nereye gittiğini test edin ve notlayın.
Kontrol listesi
- [ ] Amacı ve içerik envanterini belirledim.
- [ ] Görsel hiyerarşi planı kurdum.
- [ ] Görseli metin için boşlukla ve doğru oranla ürettim.
- [ ] Metni ve öğeleri tasarım programında hizaladım.
- [ ] Güvenli alan ve (baskıysa) taşma payını gözettim.
- [ ] Küçültüp odak noktasını test ettim.