Mini Eğitim - Yazı Tipi Kombinasyonları Kılavuzu

"Tipografi, deneyim ve hayal gücüne dayalı, kurallar ve okunabilirlik tarafından yönlendirilen iki boyutlu bir mimaridir." —Herman Zapf

Sadece birkaç yıl önce, tasarımcılar web yazı tipi seçimlerinde ciddi şekilde kısıtlandı. Seçenekler genellikle sistem yazı tipleriyle sınırlıydı ve site ziyaretçilerinin bu yazı tiplerini yüklemiş olmasını umuyordu.

Web yazı tipleri 90'ların sonlarında teknik olarak mümkün olsa da, WOFF formatının kullanıma sunulduğu ve W3C açık standartlarının bir parçası olduğu 2009 yılına kadar yaygın olarak kullanılmadılar. Bu, tasarımcılar için tamamen yeni bir tipografik seçenekler dünyasının kapısını açtı.

Ve burada ikilem yatıyor: Artık web tasarımcıları için kelimenin tam anlamıyla binlerce yazı tipi mevcut olduğuna göre, birlikte iyi çalışan ve sunulan içeriği destekleyen yazı tipi kombinasyonları nasıl oluşturulabilir?

İyi tipografi ve en iyi yazı tipi kombinasyonlarını kullanmak, bir tasarımı benzerlerinden yükseltir ve daha keyifli bir kullanıcı deneyimi yaratır. Etkili yazı kombinasyonları, bir ziyaretçiyi sayfada daha uzun süre tutabilecek bir tasarıma görsel ilgi katar.

Kötü tür, aksine, içeriğin okunmasını zorlaştırabilir ve onu okuyan kişi için daha az zevkli hale getirebilir.

Yazı tiplerini etkili bir şekilde birleştirmeyi öğrenmek, bir tasarımcının eğitiminde önemli bir adımdır ve sürekli olarak iyileştirilmesi ve geliştirilmesi gereken bir adımdır. Tipografide usta olan tasarımcılar, en basit tasarımı bile daha etkili hale getirebilirler. Yazı tiplerini birleştirmek için temel tipografi yönergelerini takip etmek, başlamak için en iyi yerdir. Bu "kurallara" hakim olduktan sonra, tasarımcılar dallara ayrılabilir ve bu kuralları büken veya bozan tipografik kombinasyonlar oluşturmak için deneyler yapabilir.

Tip Özellikleri

Mevcut yüz binlerce yazı tipiyle, nereden başlayacağını bulmaya çalışmak, ileri düzey tasarımcılar için bile bunaltıcı olabilir. Farklı yazı tiplerinin özelliklerini anlamak, onları etkili bir şekilde nasıl birleştireceğinizi öğrenmenin ilk adımıdır.

Bu özelliklerin birbirleriyle nasıl ilişkili olduğunu öğrenmek, tasarımcıların yazı tiplerini güvenle birleştirmelerine ve beklenmedik kombinasyonlarla denemeler yapmalarına olanak tanır. Deney ve uygulama, tasarımcıların yazı tipi kombinasyon becerilerini gerçekten geliştirebilecekleri ve onları diğer uzmanlardan ayıran tasarımlar oluşturabilecekleri yerdir. Bazen, sezgilerini dinlemek, gerçekten parlayan bir yazı tipi eşleştirmesi yaratmanın en iyi yoludur.

sınıflandırma

Yazı tipi sınıflandırması, anlaşılması gereken en temel kavramlardan biridir. Öğrenilecek dört temel sınıflandırma vardır: serif, sans serif, senaryo ve dekoratif.

Serif ve sans serif yazı tipleri hem başlıklar hem de gövde metni için uygundur. Komut dosyası (bazen el yazısı yazı tipleri olarak da adlandırılır) ve dekoratif yazı tipleri genellikle yalnızca başlıklar ve başlıklar veya diğer küçük metin parçaları için kabul edilebilir.

Serif yazı tipleri, özellikle serif özelliğinin okuyucunun gözünü her satırda yönlendirmeye yardımcı olabileceği baskı tasarımlarında, uzun metin parçaları (gövde metni gibi) için daha okunabilir olarak kabul edilir. Ancak sans serif yazı tipleri de yüksek oranda okunabilir ve daha küçük boyutlarda (alt yazılar veya meta bilgiler için kullanılanlar gibi) üstün olabilir.

Sans serif'ler ayrıca web'de kullanım için daha popülerdir ve serif yazı tiplerinden daha okunaklı olduklarına inanılmaktadır. Bunun bir kısmı, daha düşük çözünürlüklü ekranların serif yazı tiplerini boyuta bağlı olarak biraz bulanık hale getirdiği bilgi işlemin ilk günlerinden kaynaklanıyor. Modern HD ve Retina ekranlarda bu sorun olmaktan çıkar ve serif ve sans serif yazı biçimleri etkin bir şekilde kullanılabilir.

Farklı sınıflandırmalardan yazı tiplerini birleştirmek, zaten yerleşik olarak bulunan yazı tipleri arasında bir kontrast düzeyi olduğundan, genellikle sınıflandırmalar içinde birleştirmekten daha basittir. Bununla birlikte, diğer özellikler dikkate alındığı sürece, yazı tiplerini aynı sınıfta etkili bir şekilde birleştirmek de mümkündür.

Ağırlık

Ağırlık, bir yazı tipi içindeki bir yazı tipinin kalınlığını ifade eder. İnce, normal, yarım kalın, kalın ve siyah ağırlık örnekleridir.

Yazı tiplerini birleştirirken ağırlıklar arasındaki kontrast önemlidir. Çok kalın bir yazı tipini çok hafif bir yazı tipiyle birleştirmek genellikle dengesiz hissettirir. Ancak aynı ağırlıktaki yazı tiplerini birleştirmek de zor olabilir.

Bunun yerine, özellikle yazı tipi kombinasyonlarıyla başlarken, fark edilir ancak aşırı ağırlık farklılıkları olmayan yazı tiplerini bulmak en kolayıdır. Tasarımcılar oradan daha belirgin ayrımlara ayrılabilir.

stil

Stil bazen sınıflandırma ile birbirinin yerine kullanılsa da, bu durumda normal , italik veya oblik olan bir yazı tipine atıfta bulunur.

Farklı stillerin kullanıldığı yazı tiplerini birleştirirken, italik veya eğik stillerin normal stille birlikte çalıştığından emin olmak önemlidir. Bazen italik stiller, aynı yazı tipinin normal stilinden çok farklıdır; bu, aksi takdirde birlikte iyi çalışacak yazı tiplerinin aniden çakışmasına neden olabilir.

Zıtlık

Yazı tiplerini birleştirirken kontrast zor olabilir. Çok az kontrast, yazı tiplerinin çakışmasına neden olabilirken, çok fazla kontrast da aynı şeyi yapabilir.

Yazı tiplerini birleştirirken kontrast, sınıflandırma, ağırlık, stil ve yapı dahil olmak üzere yazı tiplerinin farklı olduğu herhangi bir yolu ifade eder.

Başlarken, diğerlerinin çok benzer olduğundan emin olarak, bunlardan yalnızca bir veya ikisi arasındaki karşıtlığa odaklanmak en iyisidir. Ağırlık, yazı tipleri arasında kontrast oluşturmanın en kolay yollarından biridir. Daha önce de belirtildiği gibi, ağırlıktaki çok fazla kontrast, çok az olduğu kadar sarsıcı olabilir.

Kontrast oluşturmanın bir başka kolay yolu da sans serif ve serif veya script ve serif vb. gibi farklı yazı tipi sınıflandırmalarını bir araya getirmektir. Bu durumlarda, iki yazı tipinin ruh halinin eşleştiğinden emin olmak çok önemlidir.

Örneğin, Amatic SC gibi daha sıradan bir yazı tipini Baskerville gibi çok resmi bir yazı tipiyle birleştirmek, kontrasttan ziyade çakışacaktır. Ancak Amatic SC gibi bir şeyi Josefin Slab gibi başka bir sıradan yazı tipiyle birleştirmek çok güzel çalışıyor.

X yüksekliği

X yüksekliği, bir yazı tipi içindeki tek tek karakterlerin yüksekliğini, özellikle de küçük x harfini ifade eder. Benzer x yüksekliklerine sahip yazı biçimleri, farklı x yüksekliklerine sahip olanlardan daha iyi çalışır.

Yapı

Bir yazı tipinin temel yapısı, tüm özelliklerini ve ayrıca karakterlerin temel şekli ve boşlukları gibi şeyleri içerir. Yazı tiplerinin yapısıyla kontrast oluşturmak, yazı tiplerini birleştirmenin yerleşik bir yöntemidir. Ancak, çok farklı olanlardan ziyade en azından bazı ortak yapısal öğelere (x yüksekliği veya "normal" stilin ağırlığı gibi) sahip olan yazı tiplerini seçmek iyi bir fikirdir.

Mod

Ruh hali, tipografinin daha öznel alanlarından biridir. Bir yazı tipinin ne kadar resmi veya gayri resmi olduğunu ve bunun yanı sıra eğlenceli, kadınsı, erkeksi, gündelik, ciddi vb. olup olmadığını ifade eder.

Örneğin, Comic Sans, çoğu durumda kullanım için uygun olmayan, son derece gayri resmi bir yazı tipidir. Bickham Script ise çok resmi ama iş yazışmaları gibi şeyler için yanlış izlenim veriyor.

Yazı tiplerini birleştirirken, benzer ruh hallerine sahip yazı tiplerini bulmak önemlidir. Oynak bir yazı tipini çok ciddi bir yazı tipiyle birleştirmek göze zarar verecek.

Dekorasyon, Renk ve Doku

Bunlar yazı tiplerinin doğal özellikleri değildir, ancak yazı tiplerini birleştirirken kullanışlıdır. Renk, dekorasyon (alt çizgi gibi) ve doku yoluyla birleştirmek (veya daha fazla kontrast yaratmak) çok etkili bir teknik olabilir.

Etkili Yazı Tipi Kombinasyonları

Dışarıda güzel tipografiye sahip, görünüşte sonsuz bir site arzı ve kötü ya da sadece cansız tiplere sahip eşit derecede sonsuz bir arz var. Doğru yapan siteleri incelemek, tasarımcılar işe başlarken veya becerilerini bir sonraki seviyeye taşımaya çalışırken yazı tiplerini nasıl birleştireceğinizi öğrenmenin harika bir yoludur.

Work Notes, eskimiş veya eski moda hissetmeden geleneğe selam veren bir yazı kombinasyonu oluşturmak için Adobe Caslon Pro serif yazı tipini sans serif Interstate ile birleştirir. Farklı ağırlıkları ve stilleri birleştirmek ek görsel ilgi katar ve tipografiyi olduğundan daha karmaşık hissettirir.

Adjuvant Capital, modern GT America sans serif yazı karakteriyle birlikte modern, biraz tuhaf serif yazı tipi Orpheus Pro'yu kullanır. Bir finansal hizmetler firması için bu çok modern bir seçimdir, ancak sosyal olarak sorumlu küresel yatırım misyonlarıyla iyi çalışır.

Bloomscape, çarpıcı, modern bir tipografik tasarım oluşturmak için sıradan serif yazı tipi Morion'u sans serif Raisonne ile birlikte kullanır. Morion, daha dekoratif harf formları nedeniyle vücut tipi için bariz bir seçim olmayabilir, ancak uygun bir boyutta kullanıldığında (burada olduğu gibi), daha kısa gövde metni parçaları için harikadır. Raisonne, iki web yazı tipinin birlikte güzel bir şekilde çalışmasını sağlayan benzer şekilde dekoratif harf biçimlerine sahiptir.

Vogue, orijinal olarak 1902'de tasarlanan grotesk sans serif Franklin Gothic ile eşleştirilmiş modern, zarif Savoy serif yazı tipini kullanıyor. İkisinin birleşimi, derginin hedeflediği kültürlü izleyici kitlesine hitap eden lüks bir yazı tipi tasarımı yaratıyor.

Güney yaşam tarzı dergisi Garden & Gun, sitelerinde burada yer alan diğerlerinden daha karmaşık bir tipografiye sahip, bu da onu gerçekten farklı kılıyor. Site genelinde dört ana yazı tipi kullanılır: Ana makale başlıkları serif Domaine Display; ana sayfadaki gövde metni ve bazı başlıklar Domaine Text serif yazı tipidir; meta bilgileri, gezinme ve bölüm başlıkları sans serif Avenir Next'i kullanır; ve ana sayfadaki ek bölüm başlıkları Domaine Sans Display'dedir.

Daha büyük bir yazı ailesinden birden çok yazı tipi kullanmak, mükemmel bir şekilde koordine olan karmaşık bir tipografi tasarımı yaratmanın denenmiş ve gerçek bir yoludur. Avenir Next'i eklemek, işleri bozar ve ek görsel ilgi ekler.

Yazı tipi seçiminiz, onunla ne yaptığınız kadar önemlidir.

— Bonnie Siegler

Çözüm

Etkili yazı tipi kombinasyonları, iyi tasarımın ayırt edici özelliğidir. Tasarımcılar, kendilerini çağdaşlarından ayıran sıra dışı tasarımlar yaratmak istiyorlarsa bu beceride ustalaşmalılar.

Yazıyı etkili bir şekilde nasıl birleştireceğinizi keşfetmek için burada yer alan yönergeleri atlama noktaları olarak düşünün. Sağlam bir temel, tamamen uygun olmayan kombinasyonlar üzerinde saatler harcamadan daha verimli deneyler yapılmasını sağlar. Buradan tasarımcılar, son ürünlerinin kullanıcılar için bir zevk olacağından emin olarak, gerektiğinde kılavuzlardan saparak, yazı tiplerini etkili bir şekilde birleştirmek için kendi stillerini ve yöntemlerini oluşturma alıştırması yapabilirler.

Toptal Tasarım Blogunda daha fazla okuma:

• Okunabilirlik için Tasarım – Web Tipografisi Kılavuzu (Infografik ile)
• Yazı Tipi Sınıflandırmasının Nüanslarını Anlamak
• Tipografi Anatomisinin İnceliklerini İncelemek (İnfografik ile)
• Etkili Bir Tipografik Hiyerarşi Nasıl Yapılandırılır
• Web ve Baskı Tasarımı için Yazı Tipi Stilleri