typographyMay 3, 202615 min read

Ekran Yazı Tipi Seçimi: Gerçekten Uyan Bir Başlık Fontu Nasıl Seçilir

Display (başlık) yazı tipi seçimi için çalışan bir rehber. Dört soruluk çerçeve, modern display kullanımını kapsayan yedi kategori, gövde yazısıyla eşleştirme kuralları ve kötü seçimleri erken yakalayan eşleşme testi.

By Boone
XLinkedIn
Voxel display type stage with a tall coral monolith carrying a display A glyph and three small body-type slabs to the right

Ekran Yazı Tipi Seçimi: Gerçekten Uyan Bir Başlık Fontu Nasıl Seçilir

Display yazı tipi en gür seçimdir

Display yazı tipi, başlık boyutundaki her anda markanın kişiliğini belirler ve diğer tipografik kararların çoğu onu takip eder. Okurun fark ettiği ilk şeydir, sistemdeki her başlığı, hero alanını ve alıntıyı boyayan tondur. Doğru seçersen yıllarca karşılığını verir. Yanlış seçersen, bir kreatif direktörün ikinci yılda fark edip bir daha görmezden gelemeyeceği şeye dönüşür.

Çoğu tasarımcı hisle seçer. Bir font stüdyosunun kataloğunda gezinir, moodboard'da 96 pikselde doğru görünen bir şey bulur ve yayına verir. Bu, sistemin ölçeklenmesi gerekene, marka olgunlaşana, yazı tipi 32 pikselde ürün metnini taşımak zorunda kalana kadar işe yarar. His yöntemi dayanmaz; yalnızca hisle seçen tasarımcılar, yazı tipi ürüne uymamaya başladığında on sekiz ay sonra bir yenileme için bütçe yakanlardır.

Display ve metin yazısı, asıl fark

Display yazı tipi büyük boyutta kullanılmak üzere tasarlanır; kontrast, detay ve kişilik orada karşılığını verir. Metin yazı tipi ise küçük boyutlarda kaybolmak üzere tasarlanır; kişilikten feragat eder, uzun okuma mesafelerinde okunabilirlik kazanır.

Tasarım farkı gerçek ve ölçülebilirdir. Display yazı tipleri kalın ve ince vuruşlar arasında daha yüksek kontrast, daha belirgin optik detaylar, daha ifadeli uçlar ve eğriler taşır. Bir display fontu 12 pikselde kurarsan bu detaylar gürültüye dönüşür. Bir metin fontunu 96 pikselde kurarsan kaçırılmış bir fırsat gibi okunur.

Bazı modern aileler bunu optik boyut varyantlarıyla köprüler, ama temel gerçek değişmez: display yazı tipleri varlık için, metin yazı tipleri dayanıklılık için üretilir. Birini diğeriymiş gibi kullanmak, üretimde en yaygın ve en görünür tipografik hatalardan biridir. Teknik tarafa daha derin girmek istersen, üretimde variable fontlar yazısı optik boyutlandırmayı variable eksen bağlamında ele alıyor.


Dört seçim sorusu

Ses, register, boyut aralığı, uzun ömür. Herhangi bir aday display yazı tipini bu dört sorudan geçir, kötü seçimler hızla elenir. Bu bir zevk testi değil. Bir teşhis ve her soru, yazı tipinin yaşayacağı gerçek koşullara uymayan adayları eliyor.

Dört soru sırayla işler. Bir yazı tipi sesi geçip uzun ömürde kalabilir. Bir başkası dördünü de geçip boyut aralığında çökebilir. Çerçeve en güzel yazı tipini aramıyor. Gerçek sistemde hayatta kalanı arıyor.

Birinci soru, ses ne

Ses sorusu, markanın sıcak, teknik, editoryal, ifadeli ya da ölçülü olup olmadığıdır ve yazı tipinin aynı koordinata oturması gerekir. Bir yazı tipi daha tek kelime söylemeden iletişim kurar. Harf şekilleri, vuruş ağırlığı, uçlar; okur ilk kelimeye vardığında hepsi çoktan konuşuyordur.

Yumuşak optiklere sahip bir hümanist sans sıcaklık, yaklaşılabilirlik, insan yapımı bir şey der. Sıkı aralıklı bir geometrik grotesk hassasiyet, sistem, ölçek der. Yüksek kontrastlı modern bir serif otorite, zekâ, zanaat der. Bunlar tipografların icat ettiği kurallar değil. Okurların onlarca yıllık tasarım bağlamından özümsediği örüntüler ve uyumsuz bir display sesi, çoğu müşterinin ifade edemediği ama anında hissettiği bir düzeyde marka güvenini kırar.

İkinci soru, register ne

Register, markanın ne kadar yüksek sesli olmasına izin verildiğidir. Premium bir finans ürünü bir müzik uygulamasıyla aynı display ağırlığını kullanamaz ve register ses ile aynı şey değildir: bir marka sıcak ve sessiz ya da teknik ve gürültülü olabilir.

Display yazı tipleri, görünmez otoriteden (sessiz modern serifler) kaçınılmaz bildiriye (ifadeli display; swash'lar, stencil kesimler ya da aşırı oranlarla) uzanan bir gürlük spektrumunda yer alır. Doğru register sorusu "ne söylemek istiyoruz" değil, "bunu ne kadar yüksek sesle söylememize izin var" sorusudur. Çoğu B2B ve SaaS markası orta-sessiz ile orta-gür arasında durmalı. Premium markalar neredeyse her zaman tasarımcılarının başta istediğinden daha sessiz gider.


Üçüncü soru, boyut aralığı ne

96 pikselde şarkı söyleyen bir yazı tipi 32 pikselde çökebilir ve boyut aralığı, optik boyut eksenlerine mi yoksa iki ayrı yazı tipine mi ihtiyacın olduğunu belirler. Bu bir üretim kısıtıdır, estetik tercih değil.

Display yazı tipi yalnızca 80 piksel ve üzerindeki hero başlıklarını taşıyorsa, neredeyse her güçlü display yazı tipi dayanır. Bölüm başlıkları, alt başlıklar ya da kart başlıkları için 32-40 piksele indiği anda seçim ölçütleri değişir. Optik boyut aralığı olan bir display yazı tipi ara ya da orta bölgeyi yönetecek ikinci bir yazı tipi planla. Yüksek kontrastlı modern bir serifi optik boyut ekseni olmadan 28 pikselde kullanmak, hata raporu bekleyen bir okunabilirlik sorunudur.

Dördüncü soru, uzun ömür ne

Bir display yazı tipi yaşlanmak zorundadır ve trend detaylar kimsenin konuşmadığı bir yenileme borcu taşır. Aşırı gerilmiş, aşırı daraltılmış ve aşırı stencil display yazı tipleri on sekiz ay boyunca ilgi çekicidir, sonra son rebrand'in utanç verici logosuna dönüşür.

Uzun ömür sorusu "bu yazı tipi zamansız mı" değildir, çünkü hiçbir şey zamansız değildir. Soru "bu yazı tipinin en ayırt edici detayının yarı ömrü ne" sorusudur. Aşırı yatay sıkıştırmaya sahip bir yazı tipi, farklı bir tasarım anı devraldığı an eski görünür. Dengeli oranlara ve hafif kişiliğe sahip bir grotesk, belirli bir yılın belirli bir ayında tasarlanmış gibi görünmeden on yıl dayanır. Trend bir display yazı tipi, olmayı bekleyen bir yenilemedir ve çoğu marka bir sonrakini henüz karşılayamaz.


Yedi display kategorisi

Geometrik grotesk, hümanist sans, modern serif, geçiş dönemi serif, display script, ifadeli display, monospace display. Modern marka işinin çoğu bu yedisinden birinde yaşar ve bir adayın hangi kategoriye ait olduğunu bilmek, tek bir kelime dizmeden önce neye göre optimize edildiğini söyler.

KategoriNeye Göre OptimizeYaygın RiskÖrnek Yazı Tipleri
Geometrik groteskTeknoloji, ürün, SaaSSıcak bir sistem olmadan soğuklukInter Display, Söhne, GT America
Hümanist sansTüketici, editoryalÖlçekte otorite eksikliğiFreight Sans, Aktiv Grotesk
Modern serifPremium, editoryal32px altında kırılganlıkTiempos, GT Sectra, Lyon Display
Geçiş dönemi serifKurumsal, hukukiBanka gibi okunurChronicle Display, Söhne Schmal
Display scriptLüks, modaHızlı okumada okunaksızCanela, Cormorant
İfadeli displayEğlence, kültürOn sekiz aylık yarı ömürStencil kesimler, aşırı variable yenilik
Monospace displayTeknik, koda yakınSoğukluk, yenilik tavanıGeist Mono, Pitch Display

Geometrik grotesk, modern varsayılan

Inter Display, Söhne ve GT America gibi geometrik groteskler teknoloji ve ürün markalarının varsayılanıdır ve iyi yaşlanırlar, çünkü kendilerini tarihlendirmeyi reddederler. Oransal denge ve nötr yapı, bir tasarım anını ilan etmeden yetkin okunur.

Risk soğukluktur. Dikkatli eşleştirme, boyutlandırma ve ağırlık seçimi olmayan bir geometrik grotesk, silikon vadisine yakın, farksız bir metin yığınına dönüşür. Yazı tipi bağışlayıcıdır ama kendi başına ilginç değildir. Çevresindeki sistemin, yazı tipinin üstlenmeyi reddettiği duygusal işi yapması gerekir.

Modern serifler geri döndü

Tiempos, GT Sectra ve Lyon Display gibi modern serifler editoryal markaları ve premium ürün konumlandırmasını çapalar ve göründüklerinden daha zeki okunurlar. Yüksek kontrastlı vuruş, çoğu ürün tasarımının grotesk ağırlıklı çıtasından anında ayrışır.

Risk kırılganlıktır. Yüksek kontrastlı serifler dikkatli optik boyut yönetimi ister ve 32 pikselin altında hızla çöker. Ayrıca bir register sonucu taşırlar: modern serif doğası gereği yüksek bir konumdadır ve ürün bu register'ı destekleyemiyorsa yazı tipi sahte bir söz verir. Bu kategori doğru markayla eşleştiğinde mükemmel uzun ömre sahiptir, ama hak edilmemiş bir ürüne zorlandığında kostüm gibi görünür. Markaların kalıcı tipografik kimlikleri nasıl kurduğu hakkında daha fazlası için marka kimliği örnekleri yazısına bak.


İfadeli display kısa kullanım içindir

İfadeli display yazı tipleri en eğlenceli ve en tehlikeli olanlardır ve yerlerini yalnızca sistemin geri kalanı sessizken hak ederler. Azami kişilik, asgari esneklik taşırlar.

Hata, ifadeli bir display yazı tipini birincil sistem fontu olarak kullanmaktır. O değil. Belirli anlar için özel bir araçtır: bir kampanya, bir ürün lansmanı, tek başlıklı bir hero bölümü. İfadeli display her şeye dokunduğunda hiçbir şey ifadeli okunmaz. Kontrast işin özüdür. İfadeli bir yazı tipi seçiyorsan, dördüncü sorudaki uzun ömür sorusu uygulanacak en önemli filtredir.


İlk gün markaya uyan ve beşinci yılda hâlâ uyan bir display yazı tipi mi istiyorsun? Brainy display yazısını bir yöntemle seçer, eşleşme testini çalıştırır ve geldikleri markalardan daha iyi yaşlanan eşleştirmeler teslim eder. Brainy'yi tut.


Gövde yazısıyla eşleştirme kuralları

Display gövdeyi seçer, tersi değil ve üç kural şunlardır: rolde kontrast, hissiyatta uyum ve ölçüde ortak ritim.

Rolde kontrast, gövde yazı tipinin kişilik için display yazı tipiyle yarışmaması demektir. Display yazı tipi ifadeliyse gövde nötr olmalı. Display yazı tipi modern serifse gövde basit, okunaklı bir grotesk olmalı. Aynı dikkat için kavga eden iki fikirli yazı tipi, junior bir tip kararının en net işaretlerinden biridir.

Hissiyatta uyum, iki yazı tipinin farklı görünseler bile temelde ortak bir duyarlılık paylaşması demektir. Display olarak Söhne ile gövde olarak Freight Text işe yarar, çünkü ikisi de sıcak, düşünülmüş oranlara sahiptir. Dekoratif bir scriptle eşleşen Inter Display, iki farklı markanın stil sayfasının çarpışması gibi görünür.

Ölçüde ortak ritim, iki yazı tipinin uyumlu x-yüksekliklerine ve optik boyutlara sahip olması, böylece metnin sürekli yeniden ölçeklendirme olmadan farklı bağlamlarda rahat oturması demektir. Çoğu tasarımcının, bir düzen üretimde kırılana kadar atladığı kural budur.


Üç display-gövde eşleştirme kuralını gösteren voxel kavram görseli: rolde kontrast, hissiyatta uyum ve ölçüde ortak ritim
Üç display-gövde eşleştirme kuralını gösteren voxel kavram görseli: rolde kontrast, hissiyatta uyum ve ölçüde ortak ritim

Beş dakikalık eşleşme testi

Bir display yazı tipine bağlanmadan önce bu testi çalıştır: marka adını render et, bir başlığı render et, bir alıntıyı render et, bir rakamı render et ve üç boyutta render et.

Marka adı render'ı. Marka adını aday display yazı tipiyle 64 pikselde kur. Marka ağırlığını taşıyor mu? Bu şirkete mi yoksa başka birine mi ait görünüyor? Kişilik ek bağlam olmadan yerine oturmalı.

Başlık render'ı. Markanın içeriğinden gerçek bir başlığı 48 pikselde kur. Lorem ipsum değil. Gerçek bir başlık. Yazı tipi anlam yüklü gerçek kelimeleri taşıyamıyorsa test hemen çöker.

Alıntı render'ı. Bir cümleyi 32 ila 36 pikselde kur; display yazı tiplerinin zorlanmaya başladığı bölge burası. Kontrast tutuyor ve kişilik çökmüyorsa, üretimde hayatta kalır.

Rakam render'ı. Yazı tipiyle bir fiyat, bir tarih ya da bir istatistik kur. Rakamlar bir yazı tipinin kalitesini diğer her karakter setinden daha hızlı ele verir. Kötü rakamlar, kullanmaya değmeyen bir yazı tipini gösterir.

Üç boyut. Aynı satırı 96, 48 ve 28 pikselde render et. Detay seviyesi değişse bile yazı tipi her boyutta aynı kişiliği iletmeli. Kişilik 28 pikselde bozuluyorsa bir optik boyut varyantına ya da farklı bir yazı tipine ihtiyacın var.

Beşini de geç ve yazı tipi tam bir sistem kurulumuna değer. Birinde kal ve iki kez ödemekten kaçınacak kadar erken bir üretim sorunu bulmuş olursun. Bu test beş dakika sürer. Bağlanmadan önce çalıştır.


Beş adımlı eşleşme testini gösteren voxel kavram görseli: marka adı, başlık, alıntı, rakam ve bir display yazı tipini bağlanmadan önce değerlendirmek için kullanılan üç boyutlu render
Beş adımlı eşleşme testini gösteren voxel kavram görseli: marka adı, başlık, alıntı, rakam ve bir display yazı tipini bağlanmadan önce değerlendirmek için kullanılan üç boyutlu render

İyi yaşlanan display yazısı seçen yedi marka

Stripe Press, Linear, Apple, Vercel, Notion, Substack ve Figma'nın her biri dayanan bir display yazısı seçti ve örüntüler incelemeye değer.

Stripe Press birincil display yazı tipi olarak Söhne kullanıyor. İşe yarıyor, çünkü Söhne editoryal markaları öldüren klinik havadan kaçınacak kadar sıcak ve Stripe'ın otorite register'ını taşıyacak kadar kesin. Eşleşme beş yıldır dayanıyor.

Linear Inter Display'i sıkı tracking ile kullanıyor; bu neredeyse varsayılan geometrik grotesk seçimi, ama uygulama disiplini kusursuz. Yazı tipi küçük ürün arayüzü boyutlarında bile asla bozulmuyor, çünkü Inter ilk günden bu aralık için yapıldı.

Apple SF Pro Display'i bir sistem olarak optik boyut geçişiyle kullanıyor. Yazı tipi en iyi anlamda görünmez: kendini ilan etmeden Apple'ın hassasiyetini iletiyor. Uzun ömür esasen sınırsız, çünkü yazı tipi kontrollü, tescilli bir varlık.

Vercel kendi yazı tipi Geist'a geçti; bu, garantili tek uzun ömür stratejisi: yazı tipinin sahibi ol. Geist, jenerik bir geometrik grotesk'in soğukluğu olmadan teknik register'ı taşıyor ve başka hiçbir marka onu sahiplenemez.

Notion Lyon Display'i seçili hero ve editoryal bağlamlarda kullanıyor. Lyon, üretkenlik aracı kategorisinin grotesk çıtasından anında ayrışan yüksek kontrastlı bir oldstyle yazı tipi ve Notion'a ürünün hak ettiği entelektüel bir register kazandırıyor.

Substack yayın başlıkları boyunca birincil display katmanı olarak Söhne kullanıyor. Yazı tipi editoryal ciddiyet sinyali veriyor ve sistemin hayli esnemesi gereken bülten gövdesi boyutlarında okunaklı kalıyor.

Figma marka ve pazarlama bağlamlarında Whyte kullanıyor. Whyte biraz yumuşatılmış bir grotesk yapıya sahip ve yaklaşılabilir-premium okunuyor; bu, Figma'nın salt teknik olandan çok iş birliğine dayalı profesyonel araç konumlandırmasıyla örtüşüyor.


Seçmeyen üç marka

Bazı markalar kötü yaşlanan, trend ağırlıklı display yazı tipleri seçti ve tetikledikleri rebrand'ler uyarıcı hikâyelerdir.

En yaygın hata örüntüsü, o sıkıştırmanın çığır açıcı göründüğü bir tasarım anında seçilen aşırı daraltılmış ifadeli display yazı tipidir. On sekiz ay sonra sıkıştırma her yerdedir ve marka referans değil takipçi gibi görünür. Bu örüntünün tetiklediği rebrand'ler pahalı, yıkıcı ve bağlanmadan önce uzun ömür sorusunu çalıştırarak önlenebilir.

İkinci örüntü, display register'ı ile ürün register'ı arasındaki uyumsuzluktur. Lüksü haber vermek için yüksek kontrastlı modern bir serif seçen bir tüketici wellness markası, ürün deneyiminin tutamayacağı bir register sözü veriyor. Yazı bir şey söylüyor, UX başka bir şey söylüyor ve kullanıcılar iki tarafa da güvenmiyor.

Üçüncü örüntü, bir kampanya için seçilip marka sistemine sızan bir display yazı tipidir. Hiçbir zaman kalıcı marka yazı tipi olması amaçlanmayan sınırlı kullanımlı ifadeli bir yazı tipi, kimse farkı açıkça belgelemediği için marka yazı tipi olur. Sorun görünür olduğunda stil kılavuzunda, basılı materyallerde ve bir düzine dijital şablonda yer almıştır. Üçündeki ortak örüntü: uzun ömür ve register soruları atlandı, tasarımcılar daha iyisini bilmediği için değil, sıkışık bir takvim ve çekici bir moodboard atlamayı o an makul gösterdiği için.


SSS

Display yazı tipi tam olarak nedir?

Display yazı tipi, kontrast, kişilik ve optik detayın karşılığını verdiği büyük boyutlarda, genellikle 36 piksel ve üzerinde kullanılmak üzere tasarlanır. Okuma boyutlarında okunaklı olması için tasarlanan metin yazı tipinden ayrılır. Çoğu modern marka ikisini de kullanır: başlıklar ve hero anları için bir display yazı tipi, gövde metni ve arayüz metni için bir metin yazı tipi.

Hem display hem gövde için tek bir yazı tipi kullanabilir miyim?

Bazen. Birkaç yazı tipinin her iki rolü de karşılayacak kadar geniş optik boyut aralığı var. Inter, ürün tasarımındaki en yaygın örnek. Ama çoğu display yazı tipi küçük boyutta okunabilirlik için yapılmadı ve çoğu metin yazı tipi büyük boyutta varlık için yapılmadı. Yalın bir ürün arayüzünün ötesindeki her şey için iki yazı tipli sistemler genellikle doğru karardır.

Bir display yazı tipine ne kadar harcamalıyım?

Aralık, Inter Display gibi sıfır maliyetli açık kaynak yazı tiplerinden, kullanım katmanına bağlı olarak yılda birkaç yüz ila birkaç bin dolara kadar Söhne ya da GT America gibi lisanslı yazı tiplerine uzanır. Soru maliyet değil, getiridir. Marka için beş yıl uyan bir yazı tipi pahalı değildir. On sekiz ayda rebrand tetikleyen bir yazı tipi lisanstan çok daha pahalıya mal olur.

Inter Display iyi bir display yazı tipi mi?

Inter Display teknik olarak mükemmel ve geniş bir aralığa sahip, ama kendi çağrışımlarını taşıyan bir varsayılana dönüştü. Hedef farklılaşmaksa, uygulama olağanüstü olmadıkça Inter Display'i savunmak zor bir seçim. Hedef güvenilirlik ve sistem genelinde kapsamsa, onu yenmek zor.

Display ve gövde yazı tiplerimin doğru eşleştirildiğini nasıl anlarım?

Hissiyatta uyum kontrolünü çalıştır: iki yazı tipi farklı görünseler bile temelde ortak bir duyarlılık paylaşıyor mu? Sonra rolde kontrast kontrolünü çalıştır: biri açıkça kişilik yazı tipi, diğeri açıkça okunabilirlik yazı tipi mi? İkisini de boyutunda kur ve aynı sayfada oku. Hangisinin display yazı tipi olduğunu bir saniye içinde söyleyebiliyorsan eşleştirme çalışıyor.

Display yazı tiplerinin optik boyut varyantlarına ihtiyacı var mı?

Display yazı tipi 36 pikselin altında kullanılacaksa, evet. Yüksek kontrastlı display yazı tipleri küçük boyutlarda hem okunabilirliği hem marka algısını etkileyecek şekilde çöker. Ya optik boyut eksenli bir yazı tipi seç (üretimde variable fontlar yazısında ayrıntılı ele alınıyor) ya da daha küçük aralık için ikinci bir yazı tipi seç.

En yaygın display seçim hatası nedir?

Tek bir boyuttaki görsel izlenime göre seçmek. Koyu zeminde 96 pikselde moodboard'da harika görünen bir yazı tipi, beyaz zeminde ürün bağlamında 32 pikselde tamamen çökebilir. Bağlanmadan önce beş dakikalık eşleşme testini çalıştır. Beş dakika sürer ve her pahalı hatayı yayına çıkmadan yakalar.


Display seçiminin gerçekten açtığı değişim

İyi seçilmiş bir display yazı tipi faiz kazanan bir marka varlığıdır, kötü seçilmiş olanı ise olmayı bekleyen bir yenilemedir.

Bu yazıdaki çerçeve tasarım teorisi değil. Lansman sonrası yazı tipi konuşmasını önleyen karar günlüğü: bir kreatif direktörün display yazı tipinin dayanmadığını fark ettiği ve ekibin bir müşteriye sunum dosyasında doğru görünen bir fontun üretimde neden yanlış okunduğunu açıklamak zorunda kaldığı konuşma.

İyi display seçimi en güzel yazı tipini bulmakla ilgili değil. Sese uyan, register'ı tutan, boyut aralığında hayatta kalan ve utanmadan yaşlanan yazı tipini bulmakla ilgili. Ölçekte dayanan web tasarım ilkeleri hep aynı mantığı paylaşır: gerçek kısıtlar akılda tutularak verilen kararlar, moodboard'la verilenlerden daha uzun yaşar. Sonic marka kimliği aynı disiplini farklı bir ortamda izler: kalıcı olan seçimler yalnızca ana değil, tüm sistem akılda tutularak yapılanlardır.

Dört soruyu çalıştır. Eşleşme testini çalıştır. Kötü seçimler yayına çıkmadan elenir, iyi olanlar ise seçildikleri kampanyalardan daha uzun yaşayan marka varlıklarına dönüşür.

Markanın ilk gün çalışan ve beşinci yılda hâlâ çalışan bir display yazısına ihtiyacı varsa, Brainy'yi tut. Display yazısını bir yöntemle seçiyoruz, eşleşme testini çalıştırıyoruz ve geldikleri markalardan daha iyi yaşlanan eşleştirmeler teslim ediyoruz.

Want a display typeface that fits the brand on day one and still fits on year five? Brainy picks display type with a method, runs the matching test, and ships pairings that aged better than the brands they came from.

Get Started

More from Brainy Papers

Keep reading