typographyApril 24, 202611 min read

Yazı Tipi Eşleştirme: Tahmin Etmekten Nefret Eden Tasarımcılar İçin Pratik Bir Kılavuz

Gerçekten işe yarayan yazı tipi eşleştirmesi için bir karar çerçevesi, ayrıca test edilmiş 12 kombinasyon ve bunların gerçek bir tasarım sisteminde geçerliliğini korumasını sağlayan kurallar.

By Boone

X LinkedIn

Kahraman: 90 derecelik bir açıyla üst üste yerleştirilmiş iki voksel yazı tipi örneği; biri geometrik sans, diğeri hümanist serif, ortak taban çizgileri görünür durumda. Koyu Brainy stüdyo, üzerine "EŞLEŞTİRME BİR SİSTEMDİR, BİR DUYGU DEĞİLDİR" yazısı yerleştirilmiş.

Çoğu yazı tipi eşleştirme tavsiyesi, trençkotlu bir moodboard tavsiyesidir. "Kontrast ve tamamlayıcıyı eşleştirin." "Serif bir yazı tipini sansürlü bir yazı tipiyle karıştırın." Harika. Şimdi Figma'ı açın ve bir marka, bir web sitesi, bir uygulama ve bir sunum dosyasında önümüzdeki üç yıl boyunca dayanacak gerçek iki yazı tipini seçin. Ruh hali gitti. Karar hala orada.

Bu kılavuz, ruh halinin yerini bir çerçeveyle değiştiriyor. Bir eşleştirmenin hayatta kalıp kalmayacağına karar veren beş kural, üretimde zaten test edilmiş on iki kombinasyon ve çoğu eşleştirmeyi lansmandan önce öldüren başarısızlık modları. Sonundaki tabloyu kaydedin. Bir sonraki projede kullanın.

Yazı tipi eşleştirmesi aslında nedir?

Yazı tipi eşleştirmesi, hangi yazı tipinin hangi işi yapacağına ve neden yapacağına karar veren kuraldır. Bu, bir moodboard'daki iki yazı tipi arasında bir güzellik yarışması değildir.

Gerçek bir eşleştirme, bir örneğe bakmadan önce dört soruyu yanıtlar: Başlık yazı tipi ne için kullanılır? Gövde yazı tipi ne için kullanılır? Kullanıcı arayüzü yazı tipi ne işe yarıyor? Nerede örtüşüyorlar ve nerede örtüşmemeliler? Bu soruların her birine tek bir cümleyle cevap veremiyorsanız, henüz bir eşleşmeniz yok demektir; sadece beğendiğiniz iki yazı tipiniz var.

Eşleşmeler bir sistemin içinde yer alır. tipografi sistemi tasarımı açıklaması tüm sistemi kapsar. Bu parça, yazı tipi seçimini ele alan bölümdür.

Her eşleşmeyi belirleyen beş kural

Bu kurallar birleşir. Beş kuraldan dördüne uyulursa, eşleşme genellikle işe yarar. Üçüne uyulursa, uyumsuzluk başlar. İkisine uyulursa, çalışmanın geri kalanına bakılmaksızın tasarım amatörce görünür.

Kural 1: Yapıda zıtlık, oranda uyum

Eşleşme aynı anda hem farklı hem de ilişkili hissettirmelidir. Yapıda farklı olması, birinin geometrik, diğerinin hümanist olması, birinin serif, diğerinin sans olması veya birinin gösterim, diğerinin metin olması anlamına gelir. Orantılı ilişki, x yüksekliği, büyük harf yüksekliği ve vuruş kalınlığı bakımından birbirine yeterince yakın olmaları ve birinin diğerinin üzerine çıkmadan aynı taban çizgisi üzerinde durmaları anlamına gelir.

Uyum olmadan kontrast bir hata olarak algılanır. Kontrast olmadan uyum ise düz bir görünüm verir. Eşleştirme her ikisini de sağlamalıdır.

En hızlı test: "Hamburgefonstiv" kelimesini her iki yazı tipinde de aynı punto boyutunda yazın. Eğer biri aynı boyutta gözle görülür şekilde daha uzun, daha dar veya daha kalınsa, oranlar uymuyor demektir. Eşleştirme sonsuza dek sizinle savaşacaktır.

Kural 2: Rol başına bir ses

Her yazı tipinin bir görevi vardır. Başlık, gövde, kullanıcı arayüzü veya ekran. Başlık yazı tipinin gövde metnine sızmasına izin vermezsiniz. Gövde yazı tipinin başlık gibi davranmasına izin vermezsiniz.

İki yazı tipi neredeyse her zaman yeterlidir. Üç, mantıklı bir sistemin tutabileceği maksimum sayıdır. Dört yazı tipine ihtiyacınız varsa, neredeyse kesinlikle iki yazı tipini daha iyi kullanmanız gerekir. Her ek yazı tipi, eşleştirme kararlarını, ağırlık kararlarını, lisans kararlarını, performans kararlarını ve marka kılavuzu kararlarını kat kat artırır. Bileşik maliyet çok ağırdır.

İstisna: kod blokları veya veri tabloları için özel bir tek aralıklı yazı tipi. Bu, üçüncü bir ses değil, bir kullanıcı arayüzü yardımcı aracı olarak sayılır.

Başlık yazı tipi, gövde yazı tipi ve isteğe bağlı tek aralıklı kullanıcı arayüzü yazı tipini gösteren, her biri kendi rolüyle etiketlenmiş voksel diyagramı.

Kural 3: Örnekte değil, bağlamda test edin

Behance'deki bir yazı tipi örneğinde muhteşem görünen bir eşleştirme, bir kartta, bir gezinme çubuğunda veya 12 satırlık bir SSS bloğunda bozulabilir. Örnekler yazı tiplerini över. Gerçek düzenler onları ortaya çıkarır.

Taahhütte bulunmadan önce eşleştirmeyi üç gerçek bağlamda test edin. Başlık ve alt başlık içeren bir açılış sayfası ana metni. H1, H2, gövde ve alıntı içeren uzun bir makale. Düğmeler, giriş alanları ve etiketler içeren bir ürün kullanıcı arayüzü. Eşleştirme bunlardan herhangi birinde bozulursa, bu bir sistem eşleştirmesi değil, bir poster eşleştirmesidir.

Ekran, baskı örneği değildir. Tarayıcı işleme, ipuçları, işletim sistemi düzeyinde yazı tipi yumuşatma ve karanlık mod, yazı tipinin işlevini bozar. Kullanıcının kullanacağı cihazda test edin, stüdyo monitöründe değil; çünkü stüdyoda her halükarda iyi görünecektir.

Kural 4: Lisans ve performans, eşleşmenin bir parçasıdır

Dünyanın en güzel eşleşmesi bile, kendi kendine barındırılamadığında, sayfanın üst kısmında 600 KB ağırlığında olduğunda veya ayrı bir lisans olmadan bir istemci sunumuna yerleştirilemediğinde sorun haline gelir. Eşleşmeler gerçek, piyasaya sürülmüş ürünlerde yer alır ve gerçek, piyasaya sürülmüş ürünlerin gerçek kısıtlamaları vardır.

Aşık olmadan önce lisansı kontrol edin. Web yazı tipi, uygulama yazı tipi ve gömülü yazı tipi lisansları aynı şey değildir. Birçok premium yazı tipi üreticisi her biri için ayrı ayrı ücret alır. Adobe Fonts gibi abonelik hizmetleri web'i kapsar, ancak her zaman yerel uygulama yerleştirmeyi kapsamaz. Müşterinin kullanamadığı bir eşleşme, yeniden yapmanız gereken bir eşleşmedir.

Performans da aynı derecede önemlidir. Değişken yazı tipleri, birden fazla kalınlığı tek bir dosyada birleştirir; bu da genellikle 2026'da doğru cevaptır. Her biri 80 KB olan iki değişken yazı tipi, her zaman ve her cihazda her zaman her zaman sekiz statik yazı tipi dosyasından daha iyidir. web tasarım prensipleri açıklaması, performansın neden artık estetik bir karar olduğunu açıklıyor.

Kural 5: Markaya karşı eşleştirin, trende karşı değil

2026'da trend, geometrik bir sans serif yazı tipi ile kama serif yazı tipinin eşleştirilmesidir. Bu, 200 yıllık bir hukuk bürosu veya bir çocuk hastanesi için doğru eşleştirme olduğu anlamına gelmez. Eşleştirmeyi marka belirler. Trendin bir oyu vardır, vetosu veya taç giymesi değil.

Eşleştirmeyi marka özetiyle değerlendirin. Marka neyi temsil ediyor? Hedef kitle kim? Markanın hangi tonu yansıtması gerekiyor? Geometrik bir sans serif yazı tipi rasyonalizmi, modernliği ve mühendisliği yansıtır. Hümanist bir serif yazı tipi ise otoriteyi, tarihi ve güveni yansıtır. Bir startup markasında eşleştirdiğinizde, güvenilir ve olgun bir rakip elde edersiniz. Bir çocuk hastanesi markasında eşleştirdiğinizde ise soğuk ve klinik bir görünüm elde edersiniz.

Marka stratejisinin her tipografi kararını nasıl yönlendirdiğine dair daha detaylı bilgi için marka kimliği yönergeleri makalesine bakın.

Zaten işe yarayan on iki eşleştirme

Size haftalarca testten tasarruf ettiriyoruz. Buradaki her eşleştirme, gerçek üretim çalışmalarında kullanılmış veya duyduğunuz markaların kimlik sistemlerinde işe yaramıştır. Her biri yukarıdaki beş kurala uymaktadır. Bunları nihai bir cevap olarak değil, bir başlangıç noktası olarak kullanın.

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

Bunlardan birkaçı (9 ve 10) teknik olarak eşleştirme değil, birden fazla ağırlığa sahip tek aileli sistemlerdir. Bu kasıtlıdır. Beş ağırlığa ve tek kesime sahip iyi yapılandırılmış bir tek aile, zorlama iki yazı tipi eşleştirmesinden daha disiplinli bir seçimdir. "Sadece bir yazı tipi" fikrinden paniğe kapılan tasarımcılar genellikle zayıf bir hiyerarşiyi gizlemek için kontrasta yaslanırlar.

Her satırın yanında tür örnekleri bulunan, on iki eşleştirme tablosunun temiz ve ekran görüntüsü almaya uygun bir şekilde gösterimi.

Eşleştirmelerin çoğunun başarısız olduğu yerler

Altı başarısızlık modeli, diğer her şeyden daha fazla eşleştirmeyi öldürür. Bir eşleştirme başarılı olmuyorsa, neredeyse her zaman bunlardan biridir.

İki ekran yazı tipi. Aynı sistemde dikkat çekici iki yazı tipi aynı iş için mücadele eder. Biri her zaman kaybeder ve kaybeden bir yazım hatası gibi görünür. Bir yazı tipini işlevsel bir yazı tipiyle eşleştirin, asla başka bir yazı tipiyle değil.

Neredeyse aynı iki sans yazı tipi. Inter ile Manrope veya DM Sans ile Satoshi eşleştirildiğinde, yapılar çok benzer, kontrast kaybolur ve eşleştirme, karar veremeyen birinin yaptığı gibi görünür. Her iki yazı tipi de aynı işi yapabiliyorsa, eşleştirme değil, rekabet halindedirler.

Modaya uygun ve modaya dirençli çarpışma. 2026'nın kama serifli bir yazı tipi ile 1990'ların hümanist sans yazı tipi eşleştirildiğinde, dönemler birbirine uymuyor, aksine çatışıyor. Yüzyıllar arası eşleştirmeyi ya bilinçli olarak yapın ya da hiç yapmayın.

Gövde yazı tipi hem başlık hem de gövde yazı tipi olarak kullanılıyor. Gövde yazı tipleri, küçük boyutlarda sürekli okuma için tasarlanmıştır, 72 pikselde etki yaratmak için değil. 96 pikselde Inter, bir kontrol panelinde iyidir, ancak bir açılış sayfasında rahatsız edicidir. Boyut için doğru aracı kullanın.

Orta kalınlıkta yazı tipi yok. Kalın bir başlık ve normal bir gövdeye sahip ancak arada hiçbir şey olmayan bir yazı tipi kombinasyonu, her UI öğesinin ikili bir his vermesine neden olur. Gerçek bir sistem, alt başlıkları, düğmeleri ve vurguları doğrudan kalın yazı tipine geçmeden ele almak için orta kalınlıkta bir yazı tipine ihtiyaç duyar.

Marka stratejisinden önce yazı tipi seçimi. Bu en büyük hatadır. Bir moodboard'da bir yazı tipi kombinasyonuna aşık olmak, sonra da markayı ona göre uyarlamaya çalışmak. Tipografiye marka karar verir. Her zaman. Sıra önemlidir.

30 Dakikada Yazı Tipi Kombinasyonu Nasıl Seçilir

Karar bir hafta sürmemeli. İşte gerçek iş akışı:

Marka özetini tek bir cümleyle yazın. Bu marka neyi, kime ve nerede en çok görünecek şekilde yansıtıyor?
Önce başlık yazı tipini seçin. Kişiliği yansıtır. Zevkinize göre değil, özete göre seçim yapın.
Yapısal olarak zıt ancak orantısal olarak uyumlu bir gövde yazı tipi seçin. 1. kuralı test olarak kullanın.
2 ila 5. kurallara göre doğrulayın. Rol başına bir ses. Üç farklı bağlamda test edin. Lisansı ve ağırlığı kontrol edin. Trendlere değil, markaya göre eşleştirin.
Tek sayfalık bir özellik belgesi oluşturun. Örnek başlık, üç alt başlık, bir paragraf gövde, bir düğme ve bir etiket. Özellik belgesi masaüstü ve mobil cihazlarda tutarlıysa, eşleştirme hazırdır.
Üzerinde düşünün. 24 saat sonra hala doğru gelen bir eşleştirme genellikle doğrudur. Sabah yanlış gelen bir eşleştirme genellikle size gerçeği söylüyordur.

Eğer bir moodboard çalışması yerine gerçek bir marka için bunu yürütecek gerçek bir ekip istiyorsanız, Brainy'ı işe alın adresini ziyaret edin. Tam tipografi sistemleriyle marka ve ürün UI'si sunuyoruz.

Yapay Zeka Destekli Tasarımda Yazı Tipi Eşleştirmesi

2026 yılında, daha fazla tasarımcı, düzen taslaklarını oluşturmak için yapay zeka görüntü oluşturma, yapay zeka kullanıcı arayüzü oluşturma (v0, Lovable, Subframe) ve Figma MCP odaklı iş akışlarını kullanıyor. Bu bağlamda yazı tipi eşleştirmesi daha da önem kazanıyor, daha az değil.

Yapay zeka araçları, varsayılan olarak komut isteminde veya tasarım sisteminin onlara verdiği yazı tipini kullanır. Sistemde önceden tanımlanmış temiz bir iki yazı tipi eşleştirmesi varsa, yapay zeka çıktısı markaya uygun görünür. Sistem özensizse, yapay zeka çıktısı da özensiz olur, ancak daha hızlı ve daha büyük ölçekte. tasarımcılar için hızlı mühendislik açıklaması, bu araçların markaya uygun çıktı üretmesini nasıl sağlayacağınızı ele alıyor ve tipografi eşleştirmesi, bu komut istemindeki en önemli değişkenlerden biridir.

Ders: Güçlü bir sistem içindeki güçlü bir eşleştirme, yapay zeka araçlarının markayı kat kat artırmasını sağlar. Zayıf bir eşleştirme ise yapay zeka araçlarının tutarsızlığı kat kat artırmasını sağlar.

SSS

Yeni başlayanlar için en kolay yazı tipi eşleştirmesi hangisidir?

Inter ile Source Serif eşleştirilebilir. Her ikisi de ücretsiz, iyi tasarlanmış, değişken formatlarda mevcut ve SaaS arayüzünden uzun metinli editoryal yazılara kadar neredeyse her bağlamda kullanılabilir. 1. kuralı temiz bir şekilde takip ederler, düşük dosya boyutlarında gelirler ve herhangi bir tasarım sistemine rahatça uyum sağlarlar.

Profesyonel görünen iki Google Font'u nasıl eşleştirirsiniz?

Tam ağırlık aralıklarına sahip ve üretimde test edilmiş itibara sahip yazı tiplerine bağlı kalın. DM Sans ile Lora, Inter ile Source Serif, Manrope ile Fraunces ve Space Grotesk ile IBM Plex Serif, kutudan çıktığı gibi kasıtlı görünen dört eşleştirmedir. Roboto'yu herhangi bir trend yazı tipiyle eşleştirmekten kaçının, bu trend yazı tipinin ucuz görünmesine neden olur.

İki sans serif yazı tipini birlikte kullanabilir misiniz?

Evet, yapıları zıt ise. Geometrik bir sans-serif (Inter, Satoshi) ile hümanist bir sans-serif (DM Sans, Söhne) yazı tipinin eşleştirilmesi, özellikle editoryal veya içerik markalarında işe yarayabilir. Tehlike, birbirine çok benzeyen iki sans-serif seçmektir. Her iki yazı tipi de aynı işi yapabiliyorsa, eşleştirme başarısız olur.

Bir marka kaç yazı tipi kullanmalı?

İki, neredeyse her marka için doğru cevaptır. Üç maksimumdur. Bir, özellikle güçlü değişken bir yazı tipiyle kabul edilebilir ve hafife alınır. Dördüncü bir yazı tipi ekleme içgüdüsü, neredeyse her zaman mevcut yazı tiplerinin iyi kullanılmadığının bir işaretidir, markanın daha fazla yazı tipine ihtiyacı olduğu anlamına gelmez.

Yazı tipi eşleştirmesi ile tip sistemi arasındaki fark nedir?

Yazı tipi eşleştirmesi, hangi yazı tiplerinin hangi rolleri oynayacağını seçmektir. Tip sistemi ise, yazı tipi ölçeği, ağırlıkları, satır yükseklikleri, aralıkları ve duyarlı davranışları da içeren bu yazı tipleriyle ilgili tüm kurallar kümesidir. Eşleştirme, sistem içindeki bir karardır. tipografi sistemi tasarımı yazısı geri kalanını kapsar.

Eşleştirmemin işe yaradığını nasıl anlarım?

Üç test yapın. Göz kısma testi: Ekranı bulanıklaştırdığınızda hiyerarşi hala okunabilir olmalıdır. Rol testi: Her yazı tipinin belirgin bir görevi olmalıdır. Marka testi: Bir yabancı, kelimeleri okumadan önce sadece yazı tipinden markayı hissedebilmelidir. Üç test de geçerse, eşleştirme işe yarıyor demektir.

Eşleştirmeyi seçin, ardından sistemi piyasaya sürün

Yazı tipi eşleştirmesi tasarımda en zor karar değildir. En çok ertelenen karardır. Tasarımcılar, seçimin nihai olduğunu düşündükleri için haftalarca örneklerle dolu Figma panolarında zaman geçirirler. Ama öyle değil. Eşleştirme, lansmana kadar geri alınabilir ve sonrasında kısmen geri alınabilir ve bugün yeterince iyi bir eşleştirme seçmenin maliyeti, bir ay daha hiçbir şey seçmemenin maliyetinden her zaman daha düşüktür.

Beş kuralı kullanın. On iki eşleştirmeden birini seçin. 30 dakikalık iş akışını çalıştırın. Sistemi aynı hafta içinde eşleştirmeye göre piyasaya sürün.

Kalıcı olan bir eşleşme, kaybolan bir eşleşmedir. Okuyucu asla yazı tiplerini düşünmez. Markayı, ürünü, mesajı, teklifi düşünür. Amaç budur. Kendine dikkat çeken yazı tipi, yanlış işi yapan yazı tipidir. Netliğe karışan yazı tipi ise doğru işi yapan yazı tipidir.

Marka, yazı tipi sistemi ve ürün arayüzünü üç ayrı proje yerine tek bir proje olarak ele alan bir ekip istiyorsanız, Brainy'ı işe alın adresini ziyaret edin. Yazı tiplerini, markanın geri kalanıyla aynı şekilde eşleştiriyoruz. Moodboard'a göre değil, brief'e göre.

Want a typography system you can actually ship instead of a Pinterest board of fonts? Brainy builds brand and product type systems end to end.

Get Started