Kısaca: Grafik tasarımda kompozisyon, öğeleri alan içinde nasıl yerleştirdiğinizdir. İyi bir kompozisyon için önce tek bir odak noktası seçin, sonra bir ızgara kullanın. Afiş ve görsellerde üçler kuralı ya da altın oran ızgarası iş görür. Web ve çok sayfalı işlerde ise 12 kolonlu grid kullanın. Öğeleri hizalayın, ilgili olanları gruplayın, boşluğu bilinçli bırakın. Altın oran ızgarası (0,382 / 0,618) ile üçler kuralı (0,333 / 0,667) birbirine çok yakındır. İkisi de işe yarar.
Kısa cevap
Grafik tasarımda kompozisyon kurmak, tek bir soruya yerleşimle cevap vermektir. Bu sayfada göz önce neye bakmalı ve sonra nereye gitmeli? Bunun için dört araç yeterlidir: bir ızgara, bir odak noktası, hizalama ve boşluk. Bu yazıda her birini anlatıyor, ayrıca altın oranın kompozisyondaki yerini üçler kuralıyla karşılaştırıyorum.
Grafik tasarımda kompozisyon nedir?
Kompozisyon; metin, görsel, renk alanı ve boşluk gibi öğelerin bir çerçeve içinde düzenlenmesidir. Aynı öğelerle iki farklı tasarım yapabilirsiniz. Birinde göz hemen ana mesajı bulur, diğerinde nereye bakacağını bilemez. Yani fark, öğelerin kendisinde değil, yerleşimindedir.
Nielsen Norman Group, kullanıcı deneyimini etkileyen görsel tasarım ilkelerini beş başlıkta sıralar (NN/g). Bunlar ölçek, görsel hiyerarşi, denge, kontrast ve Gestalt ilkeleridir. Grafik tasarımda kompozisyon ise bu ilkelerin hepsinin bir araya geldiği yerdir.
Üçler kuralı
Üçler kuralı, çerçeveyi iki yatay ve iki dikey çizgiyle dokuz eşit parçaya böler. Ardından önemli öğeleri bu çizgilerin üzerine ya da kesişim noktalarına yerleştirmenizi önerir. Kuralı ilk kez 1797’de İngiliz ressam ve gravürcü John Thomas Smith yazıya geçirdi. Smith bunu Remarks on Rural Scenery adlı kitabında yaptı (Wikipedia). Üstelik bugün neredeyse her telefon kamerasında bu ızgara var.
Kuralın işe yaramasının sebebi basittir: Ana öğeyi tam ortaya koymak çoğu zaman durağan bir görüntü yaratır. Oysa öğeyi biraz yana kaydırmak çevresinde nefes alacak bir alan bırakır ve gözü çerçevede dolaştırır.
Altın oran ızgarası (phi grid)
Altın oran ızgarası aynı mantıkla çalışır. Ama çizgileri 1/3 ve 2/3 yerine 0,382 ve 0,618 noktalarına koyar. Böylece kesişim noktaları merkeze biraz daha yaklaşır.
Görselde gördüğünüz gibi fark küçüktür. Bu yüzden “hangisi doğru?” sorusunun cevabı genellikle “ikisi de”dir. Üçler kuralı hızlı ve kolaydır. Altın oran ızgarası ise biraz daha sakin, merkeze yakın bir denge verir. Oranın kendisini ve etrafındaki efsaneleri altın oran nedir yazısında ayrıntılı anlattım.
Altın oran ızgarasını nasıl kurarsınız?
Çerçevenizin genişliğini 0,382 ve 0,618 ile çarpın; bulduğunuz değerlere dikey kılavuz çizgisi koyun. Sonra aynısını yükseklik için yapın. Örneğin 1080 × 1350 piksellik bir Instagram gönderisini düşünün. Dikey çizgiler yaklaşık 413 ve 667. piksellere düşer. Yatay çizgiler ise yaklaşık 516 ve 834. piksellerde olur.
Grid sistemi: 12 kolon
Afiş gibi tek görselli işlerde üçler kuralı çoğu zaman yeterlidir. Ama web sayfası, dergi ya da sunum gibi kalabalık işlerde kolon ızgarasına ihtiyaç duyarsınız. Bu konuda en iyi kaynaklardan biri İsviçreli tasarımcı Josef Müller-Brockmann’ın kitabıdır. Grid Systems in Graphic Design, grid sisteminin modern grafik tasarımdaki yerini çok iyi anlatır.
Web tasarımda en yaygın düzen 12 kolonlu ızgaradır. Çünkü 12’yi 2, 3, 4 ve 6’ya tam bölebilirsiniz. Böylece aynı ızgara içinde hem iki eşit sütun hem üç kart kurabilirsiniz. Ayrıca 8’e 4 oranında içerik ve yan alan da aynı ızgaraya sığar.
Grid’in üç parçası vardır. İlki kolonlar, yani içeriğin oturduğu şeritler. İkincisi oluklar (gutter), yani kolonlar arasındaki boşluk. Sonuncusu kenar boşlukları (margin), yani ızgaranın sayfa kenarına uzaklığı. Figma’da bir çerçeve seçip “Layout grid” ekleyin. Illustrator ve InDesign’da ise kılavuz ayarlarını kullanın. İki yolla da bu ızgarayı birkaç saniyede kurarsınız.
Grafik tasarımda odak noktası
Her kompozisyonun bir yıldızı olmalı. Bir afişte bu yıldız bir görsel ya da başlıktır. Bir web sayfasında ise ana mesaj ya da harekete geçirici buton olur. Odak noktasını bulmak için kendinize “Bu tasarıma bakan biri tek bir şey hatırlayacaksa, ne olmalı?” diye sorun. Sonra cevap neyse, onu en büyük, en kontrastlı ya da en çok boşlukla çevrili öğe yapın.
İki eşit güçte odak noktası, gözü ikisi arasında kararsız bırakır. Smith’in 1797’de yazdığı kural da aslında bununla ilgiliydi. Ona göre bir resimde eşit güçte iki ışık olmamalı. Biri baskın olmalı, diğerleri ona bağlı kalmalıydı. Öğeler arasındaki önem sırasını kurmayı görsel hiyerarşi yazısında anlattım.
Grafik tasarımda denge: simetrik ve asimetrik
- Simetrik denge: Öğeler merkez eksenin iki yanında birbirinin aynası gibi durur. Resmî, sakin ve güven veren bir his yaratır. Davetiyeler, sertifikalar ve kurumsal kapaklar için uygundur.
- Asimetrik denge: Farklı ağırlıktaki öğeler birbirini dengeler. Örneğin büyük bir görsel bir yanda, küçük ama yoğun renkli bir metin bloğu diğer yanda durur. Daha dinamik ve modern bir his verir. Üçler kuralı ve altın oran ızgarası da genellikle asimetrik denge kurmaya yarar.
Hizalama ve gruplama
Yeni başlayanların tasarımlarını “amatör” gösteren şey çoğu zaman renk ya da font değil, hizalamadır. Her öğeyi başka bir öğeyle görünmez bir çizgi üzerinde hizalayın. Çünkü rastgele duran tek bir öğe bile bütün düzeni bozar.
Gruplama ise Gestalt’ın yakınlık ilkesine dayanır. Göz, birbirine yakın duran öğeleri bir grup olarak algılar. Bir başlık, kendi paragrafına üstteki paragraftan daha yakın durmalıdır. Örneğin bir ürün kartında görsel, ad ve fiyat birbirine yakın durmalı. Kartlar arası boşluk ise daha geniş olmalı.
Boşluk
Boşluk, grafik tasarımda kompozisyon açısından “kullanılmamış alan” değil, bir öğedir. Ana öğenin çevresindeki boşluk onu öne çıkarır. Bölümler arasındaki boşluk ise içeriği anlamlı parçalara ayırır. Yeni başlayanlar boşluğu doldurmaya meyillidir; deneyimli tasarımcılar ise genellikle bir şeyleri çıkarır. Boşluk ölçülerini de rastgele değil, bir diziden seçin. Örneğin 8’in katları (8, 16, 24, 32, 48…) iyi bir dizidir. Fibonacci sayıları (8, 13, 21, 34, 55…) da olur.
Tasarımda kompozisyon kontrolü: üç test
- Kısma testi: Gözlerinizi kısarak ya da tasarımı bulanıklaştırarak bakın. Detaylar kaybolunca geriye kalan büyük biçimler, kompozisyonun iskeletidir. Odak noktası hâlâ belli mi?
- Uzaktan bakış: Tasarımı küçültün ya da birkaç adım geri çekilin. Çünkü insanlar afişleri ve sosyal medya görsellerini çoğu zaman küçük boyutta ve hızla görür.
- Beş saniye testi: Tasarımı birine beş saniye gösterip kapatın ve ne hatırladığını sorun. Aklında kalan şey odak noktanız değilse, kompozisyonu yeniden düşünün.
Web sayfalarında gözün izlediği yolları ayrıca F pattern ve Z pattern yazısında anlattım.
Sık sorulan sorular
Altın oran mı, üçler kuralı mı kullanmalıyım?
İkisi de iş görür ve sonuçları birbirine çok yakındır. Hızlı karar vermeniz gerekiyorsa üçler kuralıyla başlayın. Daha sakin, merkeze yakın bir yerleşim istiyorsanız altın oran ızgarasını deneyin. Kısacası grafik tasarımda kompozisyon için asıl önemli olan bir ızgara kullanmaktır.
Grid kullanmak tasarımı sıkıcı yapar mı?
Hayır. Aksine grid sınır değil, iskelettir. Örneğin öğeleri birkaç kolona yayın, bir görseli ızgaranın dışına taşırın ya da boş kolonlar bırakın. Izgara olduğu için bu kararlar bilinçli görünür. Izgarayı kırmak da ancak bir ızgara varsa etkili olur.
Grafik tasarımda kompozisyonu geliştirmek için ne yapmalıyım?
Beğendiğiniz afiş, dergi sayfası ve web sitelerini inceleyip üzerlerine ızgaralarını çizmeyi deneyin. Tasarımcının hangi öğeyi hangi çizgiye hizaladığını ve boşluğu nerede bıraktığını göreceksiniz. Bu da kuralları okumaktan daha hızlı öğretir.
Bu yazı Kasım 2026 itibarıyla geçerli bilgilere dayanır.
Kaynaklar
- Nielsen Norman Group, 5 Principles of Visual Design in UX
- Rule of thirds, Wikipedia
- John Thomas Smith, Remarks on Rural Scenery, Londra (1797)
- Josef Müller-Brockmann, Grid Systems in Graphic Design, Niggli (1981)
