Tasarım

Tipografi: Okunabilir Yazı Düzenleri Oluşturmak

Yazı karakteri, ölçü, satır uzunluğu ve aralıkları birlikte düşünerek okunabilir bir metin düzeni oluşturmanın temel yollarını keşfedin.

Tasarım kategorisine özel geometrik SVG kapak

Bir metnin içeriği açık olsa da okumak yorucu gelebilir. Harfler çok küçük, satırlar çok uzun veya paragraflar birbirine fazla yakın olabilir. Tipografi, yalnızca hangi yazı karakterinin güzel göründüğünü seçmek değildir. Metnin sayfada nasıl düzenlendiği ve okuyucunun onu nasıl takip ettiğiyle ilgilidir. Başlık, açıklama, gövde metni ve yardımcı bilgiler farklı görevler üstlenir. Bu görevleri görünür kılmak, yazının hem taranmasını hem de ayrıntılı okunmasını kolaylaştırabilir.

Başlangıç için çok sayıda font veya karmaşık bir ölçü sistemi gerekli değildir. Birkaç açık karar yeterli olabilir: Metin nerede okunacak, hangi bölümler öncelikli ve satırlar nasıl bir alana yerleşecek? Bir sunum, uzun blog yazısı ve küçük bilgi kartı aynı düzeni gerektirmez. Bu yazı, okunabilir tipografiyi boyut, boşluk, hizalama ve gerçek içerik üzerinden ele alıyor. Tek bir yazı karakterini herkes için en iyi ilan etmek yerine, seçimlerin birlikte çalışmasına odaklanıyor.

Yazı karakterini bağlamıyla seçin

Bir karakter ailesi başlıkta güçlü görünebilir, fakat uzun bir paragrafta aynı deneyimi sunmayabilir. Kullanacağınız boyutta gerçek cümlelerle deneme yapın. Türkçe karakterleri, rakamları ve noktalama işaretlerini kontrol edin. Bir fontun adını beğenmek, bütün gerekli işaretleri uygun biçimde gösterdiğini kanıtlamaz. Dijital bir sayfada farklı cihazlarda nasıl yüklendiğini de düşünün. Yazı tipi seçimi, içeriğin dili ve kullanılacağı ortamla birlikte değerlendirilmelidir.

Az sayıda aileyle başlayın

Başlık ve gövde için farklı aileler kullanılabilir, ancak çok sayıda seçim tutarlılığı zorlaştırabilir. Her bölümde başka bir font kullanmak, okuyucunun aynı düzeydeki bilgileri tanımasını güçleştirebilir. Bir ana aile ve gerekirse onu tamamlayan ikinci bir seçimle başlayabilirsiniz. Ayrımı boyut, ağırlık ve yerleşim de oluşturabilir. Böylece yazı karakteri değişikliği bütün hiyerarşiyi tek başına taşımak zorunda kalmaz. Önemli olan azlık değil, kararların amaca uygun ve tekrarlanabilir olmasıdır.

Başlık ile gövde metninin ilişkisi

Ana başlığın görevi konuyu tanıtmak, alt başlıkların görevi bölümleri ayırmak ve gövde metninin görevi ayrıntıyı taşımaktır. Her birini aynı ölçüyle vermek bu görevleri görünmez kılabilir. Öte yandan çok büyük başlıklar küçük ekranda gereğinden fazla alan kaplayabilir. Ölçüler arasındaki ilişkiye bakın. Metnin içine girmeden sayfayı taradığınızda bölüm yapısı anlaşılıyor mu? Başlıkların sırası içerikteki önem ve bölüm ilişkileriyle uyumlu olmalıdır.

Başlıklara kısa ve açık bir anlatım seçmek de tipografiye yardımcı olur. Çok uzun bir başlık birden fazla satıra bölündüğünde dengesi değişebilir. Gerçek başlıklarla kontrol yapın; yalnızca kısa örnek kelimeler üzerinden karar vermeyin. Aynı düzeydeki alt başlıklar aynı görsel biçimi taşımalıdır. Bir başlığın rastgele daha kalın veya büyük olması, içerikte farklı bir görev varmış gibi hissettirebilir. Tipografik tutarlılık, metnin yapısını destekleyen bir anlaşma gibidir.

Satır uzunluğu ve okuma alanı

Çok geniş bir metin alanında satırın başına dönmek güçleşebilir. Çok dar bir alanda ise kelimeler sık sık alt satıra iner ve metin parçalı görünebilir. Okuma alanını içeriğin türüne göre değerlendirin. Uzun bir yazıda bütün ekran genişliğini doldurmak şart değildir. Metnin yanında bırakılan alan, satırları daha rahat bir ölçüde tutabilir. Bu karar, boş alanın rastgele değil, okuma düzeninin parçası olarak kullanılmasını sağlar.

Gerçek paragrafla deneme

Bir veya iki tam paragrafı tasarıma yerleştirin. Kısa ve uzun kelimeler, bağlantılar ve vurgular nasıl görünüyor? Satır sonlarında garip boşluklar oluşuyor mu? Dar ekranda uzun bir bağlantı alanın dışına taşıyor mu? Bu sorular, yalnızca başlığa bakarak görülmeyen sorunları ortaya çıkarabilir. Yazı boyutunu değiştirirken metin alanını da birlikte kontrol edin. Bir kararın iyi görünmesi, diğer ölçülerle ilişkisinden bağımsız değildir. W3C’nin görsel sunum açıklaması bu konunun erişilebilirlik yönünü ele alır.

Satır ve paragraf aralıkları

Satırlar birbirine çok yakınsa gözün hangi çizgide olduğunu takip etmek zorlaşabilir. Gereğinden fazla aralıkta ise paragrafın bütünlüğü zayıflayabilir. Uygun değer, yazı karakteri ve ölçüyle birlikte düşünülür. Tek bir sayıyı bütün durumlara uygulamak yerine gerçek içerikte gözden geçirin. Paragraf aralığı da ayrı bir iş yapar: Bir düşünceden diğerine geçişi görünür kılar. Satır aralığı ile paragraf aralığını aynı amaç için kullanmayın; görevleri farklıdır.

Bir başlığın hangi paragrafa ait olduğu boşluklarla da anlatılır. Başlık ile altında başlayan metin birbirinden çok uzak, önceki paragrafla fazla yakınsa ilişki karışabilir. Başlık sonrası ve bölüm öncesi aralıkları birlikte değerlendirin. Metin akışını kesen görsel, alıntı veya liste varsa onlar için de tutarlı bir düzen kullanın. Her öğenin rastgele aralıkla yerleştirilmesi yerine birkaç anlamlı ölçüyle çalışmak, sayfanın bütünlüğünü korumayı kolaylaştırır.

Ağırlık, vurgu ve hizalama

Kalın veya italik metin belirli bir bölümü öne çıkarabilir. Ancak çok fazla vurgu kullanıldığında hangisinin gerçekten önemli olduğu belirsizleşir. Paragrafın büyük kısmını kalınlaştırmak yerine temel ayrımı taşıyan kısa bölüm seçilebilir. Her yeni fikri farklı biçimle işaretlemek zorunda değilsiniz. İçerik zaten başlık ve paragraf yapısıyla ayrılabilir. Tipografi, bütün cümleleri aynı anda dikkat çekmeye zorlamaktan çok okuyucuya bir yol sunmayı amaçlar.

Hizalama da metnin görünüşünü etkiler. Uzun açıklamalar ile kısa başlıklar aynı seçenekten farklı biçimde etkilenebilir. İki yana yaslı metinde kelimeler arasındaki boşlukların dar ekranda nasıl değiştiğine bakın. Ortalanmış metin, kısa bir duyuruda uygun görünebilirken uzun paragraflarda farklı bir takip deneyimi oluşturabilir. Bu nedenle bir seçimi bütün içerik türlerine otomatik olarak uygulamayın. Metnin görevi ve uzunluğu, kararın değerlendirileceği bağlamdır.

Ekran boyutu ve kullanıcı tercihleri

Web sayfasında metnin farklı ekranlara uyum sağlaması önemlidir. Yazı büyütüldüğünde içerik okunabilir kalıyor mu? Bölümler üst üste biniyor veya metin alanın dışına taşıyor mu? W3C’nin yeniden akış açıklaması, içerik dar alana veya büyütülmüş görünüme geçtiğinde nasıl düzenlenmesi gerektiğini ele alır. Kullanıcının yalnızca tasarımın varsayılan ölçüsünde okuyacağını varsaymamak gerekir. Okuma tercihlerine alan bırakmak, tipografinin işlevsel yönünün bir parçasıdır.

Açık ve koyu görünümde küçük metinler ile bağlantıları ayrıca kontrol edin. Fontun aynı olması, kontrastın her zeminde aynı kaldığı anlamına gelmez. Düğme yazıları, tarihler ve yardımcı bilgiler de metin düzeninin parçalarıdır. En büyük başlığın iyi görünmesi bütün sayfanın okunabilir olduğunu göstermez. Gerçek içerikle, farklı boyutlarda ve mümkünse birkaç cihazda gözden geçirmek daha kapsamlı bir fikir verir. Küçük ayrıntılar, günlük okuma deneyiminde büyük yer tutabilir.

Sonuç

Okunabilir tipografi; yazı karakteri, boyut, satır uzunluğu, aralık ve hizalamanın birlikte çalışmasına bağlıdır. Önce metnin görevini ve nerede okunacağını belirleyin. Az sayıda tutarlı karar kurup gerçek paragraflarla kontrol edin. Kullanıcının yazıyı büyütebileceğini ve farklı ekranlarda okuyacağını düşünün. İyi bir metin düzeni, dikkat çekmenin yanında içeriği rahatça takip edilebilir hâle getirir.