Her Tasarımcının Çalması Gereken Baskı Tasarımı Prensipleri

Baskı tasarımcıları, ekranda boğuştuğunuz hemen hemen her şeyi çoktan çözmüşlerdi. Bunu siz doğmadan önce, daha küçük bütçelerle, daha kötü araçlarla ve sabahın üçte baskı makinesinden çıkan acımasız bir son teslim tarihi disipliniyle çözmüşlerdi.

Dijital tasarımın her dalgası, çalışmalarını yavaş ve kötü bir şekilde yeniden keşfediyor. Her beş yılda bir yeni bir ızgara sistemi icat ediyoruz. Hiyerarşiyi "görsel ağırlık" olarak yeniden adlandırıp yeniymiş gibi davranıyoruz. Beyaz alan hakkında sanki bir girişim sunumuymuş gibi tartışıyoruz.

Bu alanın çoğu zaten çözüldü. Çalışma, 1995 tarihli Wired dergisinin ciltli bir kopyasında veya 1947 tarihli bir Penguin cep kitabında, sizin gerçekten bakmanızı bekliyor. Baskı bir müze değil. İçeri girip, ihtiyacınız olanı alıp çıkmanıza izin verilen çalışan bir kütüphane.

Baskı bunu neden önce çözdü ve biz neden sürekli unutuyoruz?

Basılı tasarımın, dijitalin hala muaf olduğunu iddia ettiği kısıtlamaları vardı. Bir sayfa sabit bir tuvaldir. Bir dergi sayfasının basımı ve gönderimi gerçek paraya mal olur.

Her kararın bir bedeli vardı ve bu bedel, editoryal kısıtlamayı zorunlu kılıyordu. Basılı tasarımcılar da okuyucunun dikkatini TikTok'a karşı değil, bir sonraki sayfaya karşı çekmek zorundaydı. Rekabet dürüsttü. Araçlar tipografi, görsel, renk, kağıt ve ızgara ile sınırlıydı.

Massimo Vignelli, bu beş şeyle American Airlines için Unimark kimliğini oluşturdu. Paula Scher, Pentagram'ın en ikonik posterlerini tasarladı. Wim Crouwel, Stedelijk Müzesi'nin görsel dilini oluşturdu. Beş araç, onlarca yıllık kanon.

Dijital tasarımcıların binlerce aracı var ve çoğumuz hala okuyucusuna saygı duyan bir açılış sayfası oluşturamıyoruz. Kısıtlama araçlarda değil. Kısıtlama, kimsenin bizi kanonu incelemeye zorlamamış olmasında.

Basılı yayıncılığın çözdüğü yedi ilke

Romantizmi bir kenara bırakırsak, basılı yayıncılığın başardığı ve dijital yayıncılığın sürekli tökezlediği yedi ilke elde ederiz.

1. Hiyerarşi. Bir şey başroldedir. Diğer her şey başrole hizmet eder.

2. Izgara. Izgara, tasarımcı için bir kafes değil, okuyucuyla yapılan bir sözleşmedir.

3. Ritim. Sayfa sayfa, bir kumar makinesi gibi değil, bir müzik parçası gibi hissettirmelidir.

4. Ölçek. Büyük şeyler büyük çünkü bunu hak ediyorlar, küçük şeyler de küçük çünkü bunu da hak ediyorlar.

5. Kontrast. Yazı tipi ağırlığı, renk, yoğunluk, ölçek. Kontrast, gözün nasıl hareket ettiğini belirler.

6. Kısıtlama. Çoğu karar, eklemek değil, çıkarmak için alınan kararlardır.

7. Okuyucuya saygı. Okuyucunun zamanı, dikkati ve zekası, harcadığınız bütçedir.

Bu yedi ilke, her büyük basılı eserin altında yatar. Tschichold dönemine ait bir Penguin cep kitabında ve Richard Turley yönetimindeki bir Bloomberg Businessweek kapağında ortaya çıkarlar. Aynı şekilde bir Vignelli metro haritasında ve New York Times Magazine'in bir makalesinin açılışında da karşımıza çıkarlar. İsimler değişir, ilkeler değişmez.

Hiyerarşi ve ızgara: bir giriş seçin, onu bir sözleşmeye bağlayın

Richard Turley döneminden, yaklaşık 2010-2014 yılları arasındaki herhangi bir Bloomberg Businessweek sayısını açın. Her sayfada bir giriş var. Giriş devasa, destekleyici yazı küçük, görsel ya bağırıyor ya da fısıldıyor ve nereden başlayacağınız konusunda hiçbir karışıklık yok.

Bunu 2026'daki tipik bir SaaS pazarlama sayfasıyla karşılaştırın. Kahraman başlık, kaş, alt başlık, üç özellik maddesi, referans ve gradyan lekesi hepsi giriş olmak istiyor. Hiçbiri değil. Okuyucu hemen sayfadan ayrılıyor.

Baskı çözümü acımasız. Ekranınıza bakın, hangi tek öğenin giriş olduğunu sorun ve ardından diğer tüm öğeleri görünür şekilde daha küçük, daha açık veya daha sessiz hale getirin. İki öğe rekabet ediyorsa, hiyerarşiniz yok demektir. Hiyerarşi kostümü giymiş gürültünüz var demektir.

Giriş bir yere yerleşmek zorunda. İşte o yer ızgara sistemidir. Jan Tschichold, 1940'ların sonlarında Penguin cep kitabı serisini, kitapların hala modern görünmesini sağlayacak kadar disiplinli bir ızgara sistemi kullanarak yeniden tasarladı.

Wim Crouwel de Hollanda şehir planlaması için aynısını yaptı. Massimo Vignelli, Unigrid sistemini Amerika Birleşik Devletleri'ndeki her Ulusal Park Servisi broşürüne yerleştirdi ve bu broşürler elli yıl sonra bile hala basılıyor, hala okunabilir, hala güzel.

Izgara, ön uç çerçeveleme sisteminizin birlikte gönderdiği on iki sütunlu şey değildir. Izgara, başlıkların aynı yerde başlaması, alt yazıların bilinen bir sütunda yer alması, sayfa aralıklarının hareket etmemesi, gözün sayfaya güvenebilmesi sözüdür. Okuyucu ızgarayı görmez. Okuyucu onu hisseder.

Çoğu dijital üründe ızgara yoktur. Son tasarım incelemesinden sağ çıkmış bir düzenleri vardır. Bu aynı şey değildir.

Ritim ve ölçek: ikinci sayfayı tasarlayın, boyutu kazanın

Bir baskı tasarımcısı sayfalarda değil, sayfa dizilerinde düşünür. Bir dergi sanat yönetmeni, bir makalenin nasıl açıldığını, nefes aldığını, hızlandığını ve sonlandığını, tıpkı bir film kurgucusunun bir sahneyi kurguladığı gibi planlar. Carson ve Plunkett döneminde Wired dergisi bununla ünlüydü. Her makale tek bir nota değil, bir şarkıydı.

Dijital tasarım ezici bir çoğunlukla tek ekranlar üzerinden düşünür. Kahraman yüz saat ilgi görür, ikinci kaydırma on beş dakika, üçüncüsü hiç ilgi görmez. Sonra pazarlama sayfalarımızın neden katlama yerinin altında kaldığını merak ederiz.

Hareketini çalın. Tüm sayfayı bir dizi vuruş olarak çizin. Ritmi sesli olarak tarif edemiyorsanız, sayfanın bir ritmi yoktur.

Ölçek, ritmin gürültülü kuzenidir. Paula Scher'in Public Theater posterleri ölçek konusunda bir eğitimdir. Posterin tamamını dolduran yazı tipi, kenarlardan kırpılmış, tek bir kalınlıkta tüm işi yapıyor.

Boyut mesajdır. Yazı tipini okuyorsunuz çünkü yazı tipi odanın kendisidir.

Dijital tasarım, büyük yazı tipini bir ifade yerine bir atmosfer olarak kullanma eğilimindedir. "Ekibinizi güçlendiren platforma hoş geldiniz" yazan 48 piksellik başlıklar, büyük olmayı hak ettikleri için değil, tasarım sistemi bir display-xl belirteci gönderdiği ve birileri bunu kullandığı için büyük.

Baskı kuralı basittir. Bir yazı tipi büyükse, içindeki kelimeler o alanı hak etmelidir. Ya kelimeler boyutu hak eder ya da boyut küçülür. Üçüncü bir seçenek yoktur.

Baskı prensiplerinin düzelttiği beş dijital günah

Çoğu kötü dijital tasarım, beş tekrar eden hatadan biridir. Her birinin, temas halinde düzelten bir baskı prensibi vardır.

| Baskı prensibi | Yaygın dijital günah | Çözüm |

|---|---|---|

| Hiyerarşi | Her şey aynı boyutta, hiçbir şey önde değil | Tek önde gelen öğeyi seçin, geri kalanını görünür şekilde küçültün |

| Izgara | Dekoratif düzen, altta yatan yapı yok | Gerçek bir ızgara oluşturun, her öğeyi ona hizalayın, istisna yok | | Kısıtlama | Çok fazla yazı tipi, çok fazla krom | Yazı tiplerini ikiye indirin, işe yaramayan kenarlıkları, gölgeleri, gradyanları kaldırın |

| Ölçek | Zayıf kelimelerle büyük yazı tipi | Kelimelerin boyutuna layık olmasını sağlayın veya yazı tipini küçültün |

| Kontrast | Çapa noktası olmayan düz gri-gri arayüz | Gerçek ağırlık kontrastı, gerçek renk çapası, gerçek yoğunluk değişimi ekleyin |

Tabloyu bir kez okuyun ve sonra kendi ürününüzü okuyun. Bu ay piyasaya sürdüğünüz ekranda bu günahlardan en az üçünü bulacaksınız. Bu sorun değil, neredeyse herkeste var. Önemli olan onları adlandırmak ve ortadan kaldırmaktır.

Kısıtlama ve saygı: öğrenmesi acı veren iki ilke

Vignelli'nin yaşam boyu çalışması dekorasyona karşı bir savaştı. Belli bir noktadan sonra kariyerinin geri kalanında toplam beş yazı tipi kullandı. Çoğu tasarım probleminin, kaldırılması gereken bir şeyin eklenmesinden kaynaklandığına inanıyordu. Neredeyse hepsinde haklıydı.

Kısıtlama, içselleştirilmesi en zor prensiptir çünkü tasarımda görünen iş, eklediğiniz şeydir. Kaldırdığınız gradyanı, kestiğiniz simgeyi, yüklemeyi reddettiğiniz üçüncü yazı tipini kimse alkışlamaz. Okuyucu, sessizce, sayfayı gerçekten bitirerek alkışlar.

Faydalı bir özel kural: Bir ekranı yayınlamadan önce üç öğeyi kaldırın ve tasarımın hala işe yarayıp yaramadığını görün. Eğer işe yarıyorsa, kaldırılan öğeleri koruyun.

Okuyucuya saygı, kısıtlamanın hizmet ettiği prensiptir. Basılı yayınlar okuyucuyu yetişkin olarak ele alır. Penguin, 11 punto Garamond yazı tipinde yazılmış 400 sayfalık bir romanı kaydırma göstergeleri, ilerleme çubuğu, tahmini okuma süresi olmadan okuyabileceğinizi varsaydı.

Dijital yayıncılık on beş yıldır okuyucularına sessizce hakaret ediyor. Okuma süresi çipleri, ilerleme çubukları, makalelerin içinde özet olan "TLDR" bölümleri. Varsayım, okuyucunun bir refakatçi olmadan metni kaldıramayacağıdır.

Bu varsayımı bir kenara bırakın. Okuyucunuz yetişkindir. Sizi okuyarak ödüllendirecektir.

Harika Bir Editör Sayfasını Nasıl Okursunuz?

Eski bir New York Times Dergisi sayısını alın, Turley döneminden kalma bir Bloomberg Businessweek'i veya herhangi bir Pentagram yıllık raporunu alın. Bir özellik sayfasına bakın. Şimdi gerçekten bakın.

Giriş metnine dikkat edin. Tam olarak bir tane var. Ya başlık, ya resim ya da alıntı.

Giriş metninin nerede durduğuna dikkat edin, neredeyse her zaman bir ızgara kesişiminde, asla sadece ortalamak için ortalanmamış. Destekleyici yazı tipine dikkat edin, daha küçük, genellikle daha açık renkli, asla giriş metniyle çatışmıyor.

Beklediğinizden daha fazla olan beyaz boşluğa dikkat edin, şekillendirilmiş, tesadüfi değil. Alt yazılara dikkat edin, küçük, sabit bir sütuna sabitlenmiş. Sayfa numaralarına dikkat edin, bilinen bir yerde duruyorlar ve hareket etmiyorlar.

İşte bu bir ızgaranın işleyişi. İşte bu bir hiyerarşinin işleyişi. İşte bu bir ritmin işleyişi.

Bu kararların her biri, okuyucuya hizmet etmek amacıyla, bir kişi tarafından kasıtlı olarak alınmıştır.

Temiz bir şekilde çevrilebilen tipografi dersleri

Baskı tipografisi, ekran tipografisine göre üç özel açıdan onlarca yıl ileridedir.

Birincisi, ölçek oranı. Baskı tasarımcıları bir tipografik ölçek seçer ve ona bağlı kalırlar. Büyük üçte bir, mükemmel dörtte bir, altın oran, ne olursa olsun.

Ekran tasarımcısı ise "tasarım sisteminde sekiz boyut var ve bunların çoğunu kullanacağım" der. Bu bir ölçek değil, bir açık büfedir.

İkincisi, satır uzunluğu ve satır aralığı. Baskı kuralları, gövde metni için satır başına yaklaşık altmış altı karakter ve yazı tipi boyutunun yaklaşık yüzde yüz kırkı kadar satır aralığı belirlemiştir. Web tasarımı, tasarım sistemi belirteci öyle söylediği için, genellikle 120 karakter genişliğinde ve cimri satır aralığına sahip paragraflar sunar.

Üçüncüsü, yazı tipi eşleştirmesi. Baskı kuralı en fazla iki yazı tipi ailesidir ve bunlar farklı işler yapmak zorundadır. Ekran ve metin veya serif ve sans.

Dijital tasarım kuralı bir şekilde "Inter yazı tipini kullanın ve pazarlama ekibi beğendiği için dört farklı yazı tipi daha ekleyin" haline geldi. Yazı tipi sayınızı ikiyle sınırlandırın ve hiyerarşiniz bir gecede daha keskin hale gelsin.

Beyaz alan ve kapak tasarımı dersleri

Beyaz alan, tasarımın olumsuz yönü değildir. Tasarımın kendisidir. İsviçre okulu bunu 1950'lerde öğretti ve biz bunu iki kez kaybettik.

Bir Müller-Brockmann posterine bakın. Beyaz alan yapısal bir iş yapıyor. Yazı tipini çerçeveliyor, gözü yönlendiriyor, dikkat çekici unsurların yerleşmesini sağlıyor.

Beyaz alan, içeriğin yokluğu değildir. Sayfanın içeriği okunabilir kılan kısmıdır. Dijital ürünler beyaz alandan korkar çünkü boş pikseller boşa harcanmış alan gibi görünür. Öyle değiller.

Okuyucunun kalmasını sağlayan nefes alma alanıdır. İki kat daha fazla beyaz alana sahip bir açılış sayfası, aynı sayfanın iki kat daha fazla metne sahip halinden daha iyi dönüşüm sağlar. Kendi ürününüzde test edin. Ne olduğunu gözlemleyin.

Bir dergi kapağının gazete bayisinde işini yapması için iki saniyesi vardır. Markayı işaret etmeli, ana hikayeyi satmalı ve küçük resimde güzel görünmeli. Editör tasarımcılar bu sorunu yüz yıldır çözüyor.

Ana sayfa kahramanınız, giriş ekranınız, uygulama simgeniz, sosyal medya paylaşım görseliniz. Bunların hepsi kapak. Aynı iki saniye kuralı.

Oyunun kurallarını kopyalayın. Tek bir baskın fikir, tek bir tipografik bağlantı noktası, göz kırpmayan tek bir görsel. Kahramanınızın kendini açıklamak için üç satır metne ihtiyacı varsa, o bir kahraman değildir.

Basılıdan dijitale aktarılamayanlar

Basılı yayın her şeyi çözmedi. Kanonun size veremeyeceği şeyler konusunda dürüst olun.

Basılı yayın etkileşimi çözmedi. Bir sayfa dokunmaya yanıt vermez. Kanon size durum, geri bildirim, hata yönetimi veya kullanıcının tahmin edemediğiniz bir şey yaptığı an hakkında hiçbir şey öğretmez.

Basılı yayın hareketi çözmedi. Editör tasarımcılar durağanlık içinde düşünürler. Hareket, dergi sayfalarından değil, animasyon, film ve oyunlardan öğrendiğiniz bir zanaattır.

Basılı yayın duyarlı düzeni çözmedi. Baskı ızgarası size disiplini öğretir, ancak duyarlı ızgara bunun üzerine çözmeniz gereken bir sorundur.

Prensip hayatta kalır, uygulama kalmaz. Prensipleri alın, varsayımları bırakın. Doğru şekilde çalmak böyle olur.

Baskıdan Etkilenen Bir Tasarım Sistemi Oluşturma

Bütün bunları, kimse size aşırı titiz demeden bir tasarım sistemine koyabilirsiniz. İşin püf noktası, prensipleri süslemeler olarak değil, kısıtlamalar olarak kodlamaktır.

Yazı tiplerinizi iki ile sınırlayın. Yazı tipi boyutlarınızı gerçek ölçekte altı ile sınırlayın. Renk belirteçlerinizi, ses yüksekliğini hak eden tek bir vurguyla, işlevsel bir setle sınırlayın.

Aralık belirteçlerinizi, kırılma noktaları boyunca geçerli olan bir ritme göre sınırlayın. Gölge ve kenarlık belirteçlerinizi, işi yapan en küçük setle sınırlayın.

Ardından kullanım kurallarını yazın. Herhangi bir görünümdeki satır başı en büyük öğedir. Izgara kutsaldır ve hizalama pazarlık konusu değildir. Beyaz boşluk bir belirteçtir, artık değil.

Dekorasyon, yalnızca yapısal işlev gördüğünde eklenir. Bu kurallar, tasarım sistemi dokümantasyonunda, bileşenlerin hemen yanında yer alır ve tıpkı kodun çekme isteklerinde incelendiği gibi tasarım eleştirisinde incelenir.

Prensipsiz bir tasarım sistemi, bir çıkartma paketidir. İçine baskı prensipleri yerleştirilmiş bir tasarım sistemi ise bir yayındır.

Bauhaus bunu 1920'lerde anlamıştı. Tschichold bunu 1928'de Yeni Tipografi'de kodladı. İsviçre okulu bunu 1950'lerde uygulamaya koydu.

Pentagram bunu altmış yıldır ticari olarak sunuyor. Prensipler sabittir, değişen şey ortamdır.

Kendi ürününüzde uygulayabileceğiniz kısa bir atölye çalışması

Mevcut ürününüzden bir ekran seçin. Ana sayfa kahramanı, kontrol paneli, ayarlar sayfası, ne olursa olsun. Saygı duyduğunuz bir baskı nesnesiyle, bir dergi sayfasıyla, bir yıllık rapor sayfasıyla, bir cep kitabı açılış sayfasıyla, Pentagram, Vignelli veya Scher'den herhangi bir şeyle oturun. Bunları yan yana koyun.

Beş soru sorun. Her birinde öne çıkan nokta nedir? Göz ilk, ikinci, üçüncü olarak nereye gidiyor? Kaç yazı tipi ve boyutu kullanılıyor ve ne kadar boşluk şekillendirilmiş, ne kadar boşluk rastgele?

Sonra kesintileri yapın. Üç öğeyi kaldırın, kaşı küçültün, yazı tiplerini ikiye indirin. Kurşun kalemi gerçek bir ızgara kesişimine taşıyın. Sayfa nefes alana kadar boşluk ekleyin.

Yeni sürümü aynı beş soruya göre çalıştırın. İyileşme açıkça görülecektir.

Bunu bir ay boyunca haftada bir kez yapın. Gözünüz yeniden kalibre olacaktır. Ekranlarınız daha sessiz ve daha güçlü hale gelecektir. Ekibiniz fark etmeye başlayacaktır.

İşte basılı eğitim bunu yapar ve kendinize bir öğleden sonra bunu verebilirsiniz.

Kanon çalışan bir kütüphanedir, ona öyle davranın

Bu makaledeki isimler tarih değildir. Vignelli, Tschichold, Crouwel, Scher, Müller-Brockmann, Carson, Turley, Pentagram, Penguin, Bloomberg Businessweek, New York Times Magazine. Bunlar bu hafta yararlanabileceğiniz çalışan bir kütüphanedir.

Kitapları hâlâ basılıyor. Sayfaları hâlâ çevrimiçi. İlkeleri hâlâ geçerli.

Bir monografi satın alın. Bir basılı dergiye abone olun. Çalıştığınız masanızda bir tasarım yıllık dergisi bulundurun. Sıkıştığınızda bunları açın.

Kanonik eserler, Pinterest panonuzdan her zaman daha etkili olacaktır. Alan, sizin mücadele ettiğiniz sorunların çoğunu zaten çözmüştür. Eserler orada, bakmanızı bekliyor. Bakın.