Androverse

Kompozisyon nedir?

Anlamı, kullanım örnekleri ve kararları. Kavramı işin içinde açıyoruz.

Tasarım sözlüğünden

Kısa cevap

Kompozisyon, bir görseldeki öğelerin ilişki, denge ve dikkat sırası oluşturacak biçimde düzenlenmesidir.

Nerede işine yarar?

Ölçek, boşluk, hizalama ve karşıtlık bakışın hareketini etkiler. Bir ekran veya kadraj farklı ölçülere uyarlanırken aynı ilişkiler aynen korunamayabilir; öncelikler yeniden düzenlenir. Karar, hangi öğenin önce anlaşılması gerektiğiyle ilişkilendirilir.

Bir cümlede uygulaması

Başlık ile görsel arasında boşluk bırakarak iki ayrı odak yerine tek bir mesaj kurmak.

Neyle karıştırılmamalı?

Kompozisyon öğeleri yalnız ortalamak değildir; öğeler arasındaki anlam ilişkisini kurmaktır.

Bir çalışma senaryosu

Öğeler doğru. Birlikte ne söylüyorlar?

Bir konser duyurusunda sanatçı fotoğrafı, etkinlik adı, tarih, mekan ve bilet bağlantısı bulunuyor olsun. Bütün bilgiler doğru olduğu halde duyuru anlaşılmıyor olabilir. Fotoğrafın bakış yönü metinden uzaklaştırıyor, tarih büyük bir başlıkla yarışıyor, bilet bilgisi alt köşede kopuk duruyor. Kompozisyon bu parçaların tek tek kalitesinden çok aralarındaki ilişkiyi düzenler. İlk görülen, sonra okunan ve sonunda yapılan işlem aynı anlatının içinde yer bulmalıdır.

Önce duyurunun görevini seç. Sanatçıyı tanıyan kitle için tarih ve mekan önemli olabilir; yeni bir etkinlik serisinde isim ve karakter daha fazla açıklama isteyebilir. Aynı varlıklarla farklı öncelikler kurulabilir. Bir öğeyi büyütmek, etrafındaki boşluğu değiştirmek veya diğer öğelerle hizalamak algılanan ilişkisini değiştirir. Her boş alanın doldurulması gerekmez. Boşluk, hangi parçaların birlikte okunacağını ve nerede duraklanacağını anlatan aktif bir karardır.

Şimdi aynı duyuruyu dar telefon ekranına taşı. Yatay afişi orantılı küçültmek bütün bilgiyi teknik olarak sığdırabilir ama okunur bir düzen üretmeyebilir. Fotoğrafın kırpımı, metnin satır sayısı ve bilginin sırası yeniden düşünülür. Ortak fikir korunurken yerleşim değişebilir. Bu noktada kompozisyon ile grid birlikte çalışır: ortak hizalar düzeni taşır, içerik önceliği hangi parçanın ne kadar alan alacağını belirler. Tek bir oran veya şema bütün formatları çözmez.

Kompozisyonu son aşamada gerçek içerikle görmek gerekir. Yer tutucu başlık kısa olduğu için güzel duran düzen, gerçek etkinlik adı geldiğinde dağılabilir. Tarihin dili, uzun mekan adı veya ikinci sanatçı bilgisi ilişkinin dayanıklılığını sınar. Buradaki çalışma bir kampanyanın ölçülmüş sonucunu anlatmaz; aynı malzemeyle daha açık bir iletişim kurmak için hangi soruların sorulabileceğini gösterir. İyi görünen tasarım ile gerekli bilgiyi anlaşılır kılan tasarım birlikte aranır.

Denge her zaman simetri değildir.

Geometrik eşitlik

İki sütunun aynı genişlikte olması veya bütün öğelerin ortalanması düzenli bir görünüm yaratabilir. Fakat bir yanda yoğun metin, diğer yanda küçük bir görsel varsa algılanan ağırlık yine eşit olmayabilir. Kompozisyon sadece ölçülerin eşitliğine bakmaz. İçerik yoğunluğu, kontrast, renk ve biçim de dengeyi etkiler. Her tasarımı simetrik hale getirmek ilişkileri anlaşılır kılmanın tek yolu değildir.

Anlamlı görsel denge

Farklı büyüklükte parçalar ortak bir öncelik içinde çalışabilir. Büyük bir görüntüye daha sakin bir metin alanı eşlik edebilir; küçük ama yüksek kontrastlı bir öğe güçlü dikkat taşıyabilir. Burada amaç eşitsizliği rastgele estetik bir tavır gibi kullanmak değil, içeriğin gerektirdiği dengeyi kurmaktır. Sol ve sağ kenarların tutarlılığı, okuma alanı ve boşluk ilişkileri bu dengeyi daha bilinçli hale getirir.

Elemanları değil ilişkileri düzenlemek

Kompozisyonu değerlendirirken her öğenin tek başına güzel olması yeterli değildir. Aralarındaki ölçek, yön ve boşluk okuyucunun izleyeceği yolu belirler. Küçük bir başlık değişikliği bile dengeyi değiştirebilir; tasarım gerçek içerikle birlikte incelenmelidir.

  • İlk bakılması gereken öğeyi belirle.
  • Boşlukları gruplama ve ayrım için kullan.
  • Kadraj daraldığında dikkat sırasının korunmasını dene.

Simetri iyi kompozisyon için zorunlu mu?

Hayır. Simetri sakinlik ve denge sağlayabilir; asimetrik düzen de tutarlı bir ağırlık dağılımıyla çalışabilir. Seçim içeriğin duygusuna ve okuma yönüne bağlıdır. Rastgele hizasızlık ise asimetriyle aynı şey değildir.

Karar masası

İşin içinde sorulacaklar.

Kompozisyon için hazır kurallar kullanılabilir mi?

Üçler kuralı veya belirli hizalama şemaları başlangıç için yararlı düşünme araçları olabilir. Ancak her içeriği aynı şemaya zorlamak, gerçek mesajı ikinci plana atabilir. Önce hangi öğelerin hangi ilişkiyi kurması gerektiğini anla. Sonra seçilen kuralın bunu destekleyip desteklemediğine bak. Bir kompozisyonun güçlü olması, bir şablona tam uymasından çok kendi içeriğini açık ve karakterli biçimde düzenlemesiyle ilgilidir.

Boşluk neden israf sayılmaz?

Boşluk grupları ayırabilir, bir öğeye odak verebilir ve okuma temposunu düzenleyebilir. Fakat her büyük boşluk otomatik olarak iyi tasarım değildir. İçerik parçaları birbirinden kopuyorsa veya kullanıcı sonraki adımı bulamıyorsa boşluğun işlevi yeniden düşünülmelidir. Mesele boşluğu azaltmak ya da büyütmek değil, neyi ilişkilendirdiğini anlamaktır. Bir CTA'nın havada durması bazen daha az boşluk değil, bulunduğu bölümle daha açık bir görsel bağ gerektirir.

Fotoğraf kırpımı kompozisyonun parçası mı?

Evet. Görüntünün içindeki öznenin konumu ve yönü, çevresindeki metinle ilişki kurar. Farklı ekranlarda aynı merkez kırpımı önemli ayrıntıları kesebilir. Fotoğrafın odak noktası ve metin alanı birlikte değerlendirilmelidir. Her format için yeni bir fotoğraf gerekmez, fakat uygun kırpım kararına ihtiyaç olabilir. İçeriği anlatan bir ayrıntıyı kaybetmek pahasına simetri kurmak, görsel düzeni iyileştirirken iletişimi zayıflatabilir.

Kompozisyonu nasıl tartışmaya açarız?

Güzel veya boş gibi genel yorumların yanına gözlenebilir ilişki ekle. Başlık görüntüyle yarışıyor, tarih kendi grubundan kopuyor veya eylem yardımcı bağlantıyla aynı ağırlıkta kalıyor gibi ifadeler daha somuttur. Bu dil çözümü tek bir piksel talebine indirgemez. Tasarımcı, sorunu farklı yerleşimlerle çözebilir. Değerlendirme içerik önceliğine dayandığında kişisel beğeniler konuşmayı tamamen yönetmez; ortak bir amaç üzerinde ilerlemek kolaylaşır.

Sıra sende

Aynı malzemeyle iki okuma sırası kur.

Bir görsel, bir başlık, kısa açıklama ve bir eylem seç. Yeni varlık eklemeden iki farklı kompozisyon oluştur. Birinde görsel keşif, diğerinde bilgiye hızla ulaşma öne çıksın. Sonra hangisinin gerçek kullanım amacına uygun olduğunu konuş.

Çalışma adımları

Kompozisyon nesneleri boş bir alana yerleştirmekten fazlasıdır. İçeriğin hangi sırayla ve hangi ilişkiler içinde anlaşılacağını kurar. En iyi çözüm her zaman en dolu veya en simetrik olan değildir; anlatının gerektirdiği dikkat ve boşluğu birlikte taşıyandır.

Siteyi geliştirmek ve çalışmalarımızın sonucunu ölçmek için çerez kullanmak istiyoruz. Analiz ve pazarlama çerezleri yalnızca izin verirsen çalışır. Gizlilik ve çerezler