Tipografik detaylar ve Typewolf favorileri #01

Tipografik detaylar ve Typewolf favorileri #01

Birkaç yıl önce, tipografi hakkında ilham alabileceği herhangi bir web sitesinin olmadığını fark eden Tasarımcı Jeremiah Shoaf‘un hayata geçirdiği  Typewolf.com, diğer tipografi sever tasarımcıların da esinlenebileceği bir web sitesidir.

Her gün, tipografisiyle öne çıkan, güzel ve okunabilirliği yüksek tasarımlar paylaşmaya devam ediyor. Özellikle takip ettiğim, esinlendiğim, bazen paylaştığı tasarımların yazı yüzlerini yorumladığım ve ilham alabileceğimizi düşündüğüm kaynaklar arasında.

Screen Shot 2015-09-17 at 15.36.49

Size, Typewolf’un her ay paylaştığı gözde web site tasarımları arasından seçtiğim, tasarımlarınızda ilham alabileceğiniz, güzel ve okunabilir tipografik web site örneklerini detaylıca tanıtmaya çalışacağım.

Şu anda İlham Veren Arayüz Tasarımları serisinin 2. içeriğini okuyorsun.

Serideki diğer 13 içeriğe göz atmayı unutma!

1. Okuma deneyiminizi güzelleştiren web tipografi örnekleri
2. Tipografik detaylar ve Typewolf favorileri #01
3. Tipografik detaylar ve Typewolf favorileri #02
4. Tipografik detaylar ve Typewolf favorileri #03

Margaux Le Pierrès

Margaux Le Pierrès. PierreBurgess tırnaklı yazı tipini, iddialı bir şekilde, görsellerin üzerinde ve neredeyse grid ile aynı genişlikte kullanılıyor. Kullanıcı, her bir yazı tipi üzerine mouse ile her gelişinde, yazı tipi hatlarına uygun bir renk ile karşılaşıyor.

Burgess ile Founders Grotesk yazı tipleri, birbirlerine saygı duyarcasına dengeli büyüklükte ve minimal kullanılıyor.

Screen Shot 2015-09-17 at 10.49.49

Font kullanımlarının darısı başımıza diyerek, fontlara nereden ve nasıl sahip olabiliriz?

Loeffler Randall

Loeffler Randall. Bir çok hikayesiyle, sağlamlığı, okunabilirliği ile Gotham ve paragraflarda kullanıldığını gördüğümüz, hatlarıyla ortalığı yakıp kavuran karizmatik yazı tipi Caslon. Gotham yazı tipinin büyük, ortada ve kontrast renk kullanımı, web sitesindeki fotoğraflar ile birleştiğinde tasarım bütünlüğü elde ediliyor. Caslon yazı tipi estetik yazı yüzüyle ve okunabilirliği ile kullanıcıyı, web sitesinde yönlendirmeyi başarıyor.

Caslon yazı yüzü güzelliğinden olsa gerek, alt sayfalarda başlık ve paragraf olarak kullanmayı ihmal etmemişler. 

Screen Shot 2015-09-17 at 11.44.34

Caslon ve Gotham yazı tipleri bir araya geldiğinde, kullanıcıya ne kadar kaliteli bir web sitesinde olduğunu gösteriyor.

Caslon, kullanıcılara “ne kadar kaliteli” dedirten türden bir yazı tipidir.

NeueHouse

Neue House, gerçekten her şeyiyle olağanüstü minimal bir web sitesi diyebilirim. Kullanıcıya, öncelikle, sanat adına yapılmış bir mekan detay videosu sunuluyor. Hemen altında, scroll etmesi gerektiğini anlatmaya yardımcı olan bir aşağı ikonu barındırıyor. Scroll ettiğinizde ise sizi, web sitesinin en önemli adımlarına bağlayacak olan thumbnail’lar karşılıyor.

Alt sayfalar ise güvenli alanı geçmeyecek şekilde tasarlanmış. Siyah/beyaz görsel üzerinde Platin yazı tipi ile kullanıcıyı karşılıyor. Platin yazı tipi de Caslon kadar estetik kırılımlara sahip, coşkulu ve tabanı yere basan bir yazı tipidir.

Güzel olan bir şey daha şu ki; kullanıcıyı rahatsız etmeyecek kadar rahat kullanılan, hangi sayfada olduğunu anlayabileceği, 24px büyüklüğündeki sayfa başlığı. Dikkatimizi dağıtmayacak estetiğe sahip bu yazı tipinin adı Circular.

Screen Shot 2015-09-17 at 15.34.39

Circular, kontrastı geometriktir. Bu yazı tipi, ayrıca küçük başlık olarak, içeriği uzun olan heryerde kullanılıyor.

  • M Hüseyin Yıldırım

    Kısa ve faydalı yazı olmuş..Emeğinize sağlık..

Bugün ilk makalen bizdendi.

Daha fazlası için SHERPA Blog okuru olmalısın.
Giriş Yap Ücretsiz kaydol

Benzer Yazılar

İLGİNİ ÇEKEBİLİR
Hava durumundan çok daha fazlası: İlham veren 7 yaratıcı arayüz weather-app-designs

Hava durumundan çok daha fazlası: İlham veren 7 yaratıcı arayüz

Gizle
İLGİNİ ÇEKEBİLİR
Siz banka müşterisi olmak için hâlâ şubeye mi gidiyorsunuz?

Siz banka müşterisi olmak için hâlâ şubeye mi gidiyorsunuz?

Gizle