İçeriğe geç
Tüm yazılar

Tipografi

İki font seçtin. Birlikte nasıl çalışırlar?

Başlık ve gövde için seçtiğin fontları gerçek bir yerleşimde karşılaştır: karakter, kontrast, ağırlık ve okuma ritmi.

Serifli ve serifsiz a harfleriyle Rg karakterlerini karşılaştıran temsili tipografi provası.
AI ile üretilmiş tipografi çalışması; bir müşteri projesi değildir.

Bir afişte beğendiğin iki fontu kendi tasarımına aldığında aynı etkiyi göremeyebilirsin. O afişteki kısa başlık, geniş boşluklar ve görsel, fontların birlikte iyi görünmesini sağlamış olabilir. Senin sayfanda uzun bir ürün adı, açıklama ve düğme varsa başka bir düzen kurman gerekir.

Font eşleştirmeye küçük bir deneme sayfasıyla başla. Gerçek başlığını, bir açıklama paragrafını ve bir düğme metnini yan yana yerleştir. Kararı font adlarını karşılaştırarak değil, okuyucunun göreceği metni okuyarak ver.

Önce metinlerin görevini ayır

Başlıkta hangi sözü öne çıkarmak istiyorsun? Gövdede okuyucu neyi anlamalı? Bunları yazdıktan sonra fontlara görev ver. Başlık için seçtiğin karakterli bir aileyi uzun paragraflarda kullanmak zorunda değilsin.

Tek bir font ailesiyle ilk denemeni hazırla. Başlığı daha kalın, gövdeyi normal ağırlıkta yaz. İkinci aileyi eklediğin tasarımı bu ilk denemeyle karşılaştır. Anlamlı bir fark göremiyorsan tek aileyle devam edebilirsin.

Boyut ve karakterle kontrast kur

İki benzer sans serif, aynı boyut ve ağırlıkta birbirinden ayırt edilmeyebilir. Başlığın boyutunu, ağırlığını veya satır uzunluğunu değiştirerek hiyerarşiyi dene. Aile değiştirmeden de yeterli ayrımı kurabilirsin.

İki ayrı aile kullanıyorsan harflerin genişliğine, yuvarlaklarına ve uçlarına bak. Dar, sıkışık bir başlığın altında geniş harfli gövde metni farklı bir ritim yaratır. Bu farkı sayfanın amacına göre değerlendir. Bir etkinlik afişinde istediğin yoğunluk, okunacak uzun bir yazıda yorucu gelebilir.

Aynı anda fontu, boyutu ve rengi değiştirirsen sonucu hangi kararın etkilediğini anlayamazsın. İki sürümde yerleşimi sabit tut, yalnız bir değişkeni değiştir ve metni yeniden oku.

Denemeye zor metinleri de koy

Kısa ve kusursuz örnek kelimelerle sınırlı kalma. En uzun başlığı, bir alt başlığı ve birkaç satır gövdeyi kullan. Türkçe içerik için İ, ı, Ş, ş, Ğ, ğ, Ç, ç, Ö, ö, Ü ve ü harflerini kontrol et. Sitede rakam, fiyat veya tarih varsa bunları da deneme sayfana ekle.

Paragrafı küçük boyutta oku. Harf aralığını açmak, sorunlu bir fontu tek başına düzeltmez. Önce yazı boyutuna ve ağırlığına bak, sonra satır aralığını ayarla. Satır sonunda gözünün bir sonraki satıra rahatça dönüp dönemediğini kontrol et.

Kararı tek ekranda verme

Masaüstünde dengeli duran bir başlık telefonda kısa satırlara bölünebilir. Mobil genişlikte ve büyütülmüş metinle yeniden bak. Gövdeyi daraltmadan başlığın satırlarını ayarlamayı dene; metni sırf kutuya sığdırmak için okunamayacak kadar küçültme.

Tasarımı kullanılacağı ortamda aç. Sosyal içerik için telefon ekranını, basılı iş için gerçek ölçüde bir çıktıyı kullan. Sunumdaki büyük önizleme, tasarımın gerçekte nasıl okunacağını göstermeyebilir.

Seçimini son kez kontrol et

Son denemeyi iki sürümle sınırla ve kısa bir not yaz: hangi aile hangi görevi üstleniyor, hangi boyutlarda kullanılıyor? Bir sonraki tasarımda aynı seçimleri baştan yapmak yerine bu nottan başlayabilirsin.

  • Başlığı taradığımda önce hangi bilgiyi okuyacağımı anlıyorum.
  • Gövde paragrafını gerçek kullanım boyutunda zorlanmadan okuyorum.
  • Türkçe karakterler, noktalama ve rakamlar seçtiğim fontta düzgün görünüyor.
  • Uzun başlık ve büyütülmüş metin düzenden taşmıyor.
  • Font lisansının kullanacağım ortama uygunluğunu kontrol ettim.

Ali Cem Bozma

Bloga dön