Bugün, gözde web site tasarımları arasından seçtiğim, tasarımlarınızda ilham alabileceğiniz, güzel ve okunabilir tipografik örnekler içeren site örneklerini detaylıca tanıtmaya çalışacağım.
The Forecaster
The Forecaster, klasik bir gazeteyi çağrıştıran mükemmel tasarımında, Garamond ve Alternate Gothic yazı tiplerini kullanıyor. Ek olarak Helvetica Neue ve Georgia yazı tipleri göze çarpıyor. Web sitesi, Garamond Bold ve italik stiller yüklüyorken, Georgia ikinci bir serif olarak yükleniyor. 4 farklı yazı tipi kullanımı, one-page siteler için çok fazla karışıklık yaratabiliyor.
Bu içerik ücretsiz!
Okumaya devam etmek ve SHERPA Blog okuru olmak için aşağıdakilerden birini seç. Her hafta yenileri eklenen yüzlerce içeriğe ücretsiz ve sınırsız eriş.
Son olarak logonun, stili en çok kullanılan Bold-Futura yazı tipiyle yazılmış olduğunu görüyoruz. The Forecaster web sitesini, cesareti ve gazete benzeri tasarımından dolayı kutluyorum.
Ağırlığıyla popüler olan, yüksek kontrast ve tırnaklı yazı tipi sunan başka bir web sitesine göz atalım. Pronoun, ağırk olarak siyah kullanılan Caslon yazı tipini, düzenli bir şekilde başlık ve alt başlıklarda kullanıyor. Klasik bir kitap yüzü dendiğinde, ilk gözümün önüne gelen Caslon yazı tipi oluyor. Bu yüzden kitap yayıncılığında, bir platform için uygun bir yazı tipi seçimi olarak öne çıkıyor.
Suisse Int’l yazı tipi, bu baskın kullanım yanında, okunabilirliğini koruyor. Ayrıca, kontrastlı ve ağır yazı tipinin yanı sıra, dar ve ince yazı tipi ile kullanıcının 2 ayrı alana daha rahat odaklanabilmesini sağlıyor.
Bir başka, 4 farklı yazı tipi kullanılan web sitesi. Rengi, yazı tipi kullanımı, beyaz alan dengesi ve grid yapısıyla, Brandtpunt web sitesi içeriğini okunabilir kılıyor. Freight Display ve Freight Text yazı tipleri, birbirine uyumlu alan içinde kullanılıyor. Bu uyumlu alanları görsel anlamda güzelleştiren ve separatöre destek olan diğer yazı tipleri ise Lust ve Sofia oluyor.
Lust, rakam kullanımıyla daha modern bir tarza sahip, Sofia yazı tipi ise, kullanıcıya okunabilirliği, içerik metni kullanımıyla sunuyor.
Tasarımdaki, yazı tipi ve dans eden modern detay çizgilerin mükemmelliği… 🙂
Kullanıcıyı, parallax efekti olan bir giriş sayfası karşılıyor. Web sitesi tipografi hiyerarşisinde, başlıklarda Futura yazı tipi kullanılırken, alt başlıklarda, daha büyük punto ile Caslon yazı tipine yer veriliyor. 14 Punto büyüklüğünde kullanılan Futura yazı tipinin, butonların yapısını daha belirginleştirdiğini düşünüyorum. Opera Philadelphia
“Nasıl Gidiyor?” alanındaki liste yapısı içinde, Futura ve Caslon yazı tipleri kullanımı, Caslon’u daha okunabilir kılıyor. Futura yazı tipi, aksiyon butonlarıyla birlikte renk ve tipografi hiyerarşisini koruyor.
Alt sayfalardaki görsel ve arkaplan kullanımı, yazı tipleriyle birlikte tasarımı modern kılıyor. Minimal sayfa yapısına sahip olduğunu söyleyebiliriz.
Vrge web sitesi giriş sayfasında, görsel üzerinde okunabilir ve büyük puntolar ile kullanılmış Freight Big yazı tipi sergileniyor. Odak noktasını ve beyaz alanı korumak için kullanılan, ‘güvenli alan’ı (Safe – Area) ön plana çıkaran beyaz çerçeve, rahat, minimal ve modern bir tasarım sunuyor. Freight Sans yazı tipi hem içerikte, hem de aksiyonu belli etmek için altı çizili olarak, butonlarda kullanılmış. Alt sayfalara doğru scroll ettiğimizdeyse, tipografi hiyerarşisini koruyarak başlık ve içerik metinlerinin giriş sayfasındaki şekilde kullanılması rahat, minimal ve modern tasarımın devam etmesini sağlamış.
