Kısa cevap
Tipografi, yazının harf biçimi, ölçüsü, aralığı ve yerleşimiyle okunabilir ve anlamlı bir düzen kurmaktır.
Nerede işine yarar?
Yazı ailesi seçiminin yanında satır uzunluğu, satır aralığı ve başlık hiyerarşisi de önemlidir. Metnin dili ve karakter desteği kontrol edilir. Bir font küçük boyutta veya uzun metinde, büyük bir başlıktakiyle aynı sonucu vermeyebilir.
Tanımdan uygulamaya, kendi denemene.
Bir cümlede uygulaması
Türkçe ı, İ, ş ve ğ harflerini gerçek metinle kontrol ederek gövde yazısını seçmek.
Neyle karıştırılmamalı?
Font dosyası tipografinin bir girdisidir; tipografi bütün kullanım düzenidir.
Font güzel. Metin onun içinde rahat mı?
Bir dergi sitesinin başlığında çok iyi görünen yazı karakteri uzun yazılarda yorucu olabilir. Büyük ölçekte karakterli duran ayrıntılar küçük boyutta birbirine yaklaşabilir; dar harfler uzun satırları yoğunlaştırabilir. Tipografi bu nedenle font seçimiyle bitmez. Gövde metni, başlık, açıklama, sayı ve arayüz etiketi farklı görevler taşır. Aynı aile kullanılabilir ama her görev için boyut, ağırlık, satır aralığı ve yerleşim birlikte değerlendirilmelidir.
Örnek olarak Türkçe bir kültür yayını düşün. Tasarım kısa Latin örnek metinleriyle hazırlanmış, gerçek içerik geldiğinde İ, ı, ş ve ğ karakterlerinde uyumsuzluk fark edilmiş olsun. Harf desteği baştan gerçek metinle kontrol edilmeliydi. Aynı şekilde uzun özel isimler, tırnaklar, sayılar ve noktalama da denemede yer almalı. Bir fontun adının Türkçe görünmesi veya dosyada bulunması, bütün gerekli karakterlerin tasarım içinde aynı nitelikte çalıştığını tek başına göstermez.
Okuma düzenini de gerçek bağlama taşı. Geniş ekranda bütün içerik rayını dolduran tek paragraf, gözün satır sonundan sonraki satıra dönmesini zorlaştırabilir. Daha dar bir okuma ölçüsü, görsel ve örnek alanlarıyla birlikte kullanılabilir. Mobilde ise aynı sabit genişlik uygulanamaz; kenar boşlukları ve satır kırılımları yeniden düşünülür. Başlıkların karakteri korunurken metnin rahatlığı feda edilmemelidir. Tipografik kimlik, her metni aynı büyüklükte bağırttığında güçlenmez.
Yazının yüklenme ve yedek font davranışı da dijital tipografinin parçasıdır. İlk görüntü ile font geldikten sonraki düzen çok değişiyorsa kullanıcı hareket eden içerikle karşılaşabilir. Bu teknik kararlar tasarım ekibinden bağımsız bırakılmamalıdır. Buradaki çalışma belirli bir yazı karakterini önermek veya evrensel bir punto kuralı koymak değildir. Fontun gerçek dil, içerik ve cihaz koşullarında nasıl bir okuma sistemi oluşturduğunu değerlendirmek için bir yöntem sunar.
Bir font dosyası ve bir okuma sistemi.
Yazı karakteri seçimi
Harf biçimleri markanın karakterine katkı verir. Geometrik, insani, dar veya geniş yapılar farklı izlenimler oluşturabilir. Ancak bir fontu seçmek bütün tipografik kararları çözmez. Aynı dosya kötü satır uzunluğu veya dengesiz boşluklarla kullanıldığında okunması zor bir düzen ortaya çıkabilir. Seçim sırasında kullanım lisansı, dil desteği ve teknik sunum koşulları da düşünülür; yalnız büyük bir başlık örneğine göre karar verilmez.
Tipografik düzen
Metnin boyutunu, satırını, ağırlığını, aralığını ve diğer öğelerle ilişkisini kapsar. Aynı yazı ailesi içinde güçlü bir sistem kurulabilir; birden fazla aile de amaçlı biçimde birlikte çalışabilir. Önemli olan çeşitliliğin neyi anlattığıdır. Başlık ve gövde ayrımı içerik yapısını görünür kılmalı, süs için sürekli değişen stiller okuma akışını bozmamalıdır. Tipografi, metnin anlamını ve kullanımını taşıyan bir yerleşim kararıdır.
Yazıyı gerçek içerikle denemek
Tipografi seçiminde örnek bir kelimeye bakmak yeterli değildir. Türkçe karakterler, sayılar, uzun başlıklar ve paragraf yoğunluğu birlikte denenir. Yazı ailesi kadar satır uzunluğu, aralık ve ağırlık dağılımı da okunurluğu ve sayfanın karakterini etkiler.
- Başlık, gövde ve kontrol yazıları için roller tanımla.
- Türkçe karakter ve farklı ağırlık dosyalarını kontrol et.
- Mobilde satır kırılması ve metin büyütmeyi dene.
Bütün başlıklar aynı boyutta mı olmalı?
Aynı role sahip başlıkların aynı kurala uyması beklenir. Farklı roller için ölçek değişebilir. Her sayfada ayrı bir kural üretmek yerine ortak hiyerarşi içinde kontrollü varyasyon yapmak daha tutarlı bir deneyim sağlar.
İşin içinde sorulacaklar.
Gövde metni için tek bir ideal boyut var mı?
Hayır. Fontun yapısı, cihaz, okuma mesafesi ve içerik bağlamı sonucu etkiler. Aynı sayısal değer iki yazı karakterinde aynı algısal büyüklüğü oluşturmayabilir. Başlangıç değeri seçildikten sonra gerçek metin, dar ekran ve büyütülmüş görünümle değerlendirme yapılmalıdır. Kullanıcıların kendi erişim ihtiyaçları da düşünülür. Sabit bir estetik görüntüyü korumak için metin büyütmeyi veya düzenin esnemesini engellemek iyi bir çözüm değildir.
Kaç font kullanmalıyım?
Sayıdan önce görevleri düşün. Bir aile başlık ve gövdede yeterli çeşitliliği sağlayabilir; başka bir projede iki ailenin ilişkisi markanın karakterini destekleyebilir. Her yeni font bakım, yükleme ve görsel tutarlılık açısından yeni bir karar getirir. Farklılaştırmak istediğin şey gerçekten ayrı bir görev değilse yeni aile eklemek gereksiz olabilir. Tasarımın zenginliği yalnız font sayısıyla ölçülmez; ölçek, boşluk ve ağırlık ilişkileri de çeşitlilik üretir.
Görsel başlık boyutu HTML seviyesini belirler mi?
Hayır. Belgenin başlık seviyeleri içeriğin anlamsal yapısını anlatır; görsel boyut ise tasarım kararıdır. Daha küçük görünmesi gereken bir bölüm başlığı bu nedenle yanlış seviyeye taşınmamalıdır. CSS ile görünüm ayarlanabilir. Aynı şekilde büyük bir tanıtım cümlesi her zaman yeni bir başlık olmak zorunda değildir. Anlam ile görünümün birlikte ama ayrı sorumluluklar olarak ele alınması daha anlaşılır bir sayfa yapısı kurar.
Harf aralığını artırmak her zaman daha okunur mu?
Hayır. Fontun yapısı, boyut ve kullanım alanı sonucu değiştirir. Kısa büyük harfli bir etikette işe yarayan aralık uzun gövde metnini parçalı hissettirebilir. Çok sıkı aralık da harflerin birbirine yaklaşmasına yol açabilir. Tipografik ayarı tek bir kelimeyle değil, farklı uzunlukta gerçek cümlelerle denemek gerekir. Bir değeri bütün siteye yaymadan önce hangi görev için seçildiğini açıkça belirtmek daha kontrollü bir sistem oluşturur.
Fontu değil, gerçek metni dene.
Bir başlık, iki paragraflık metin ve birkaç arayüz etiketi seç. Metinlerde Türkçe karakterler, sayı ve noktalama bulunsun. Aynı içeriği farklı boyut ve genişliklerde değerlendirerek sadece büyük örnekte güzel duran tercihleri ayırt et.
Tipografi metni süslemekten önce ona yer açar. Karakter, dil desteği ve okuma düzeni birlikte çalıştığında yazı hem Androverse gibi konuşabilir hem rahat okunabilir. Güzel bir font başlangıçtır; asıl tasarım o fontun gerçek içerikte nasıl davrandığında ortaya çıkar.
Bağlantılı kavramlar
- Görsel hiyerarşiGörsel hiyerarşi, içerikte neyin önce ve neyin sonra fark edilmesi gerektiğini ölçek, renk, boşluk ve konumla düzenlemektir.
- Marka kimliğiMarka kimliği, bir markanın karakterini görünür ve tutarlı kılan ad, logo, renk, tipografi ve iletişim kurallarının bütünüdür.
- GridGrid, içeriklerin sütun, satır ve boşluk ilişkilerini tutarlı düzenlemeye yarayan yerleşim sistemidir.