Web Tasarımında Çizgi Tipografisinin Zarafetini Keşfetmek

Yayınlanan: 2020-01-08

Tipografi, hakkında sonsuza kadar konuşabileceğimiz şeylerden biridir. Web'de El Yazısı Tipografi Trendinin Yükselişi, Logo Tasarımında 40 Akıllı Tipografi Örneği ve hatta Basılı Reklamlarda 70 Güzel Tipografi Örneği'ni tartıştığımız seçkin makalelerimizi hatırlayın.

Özünde, yalnızca başlık yüksekliği, harf aralığı, vuruş şekilleri ve diğer bazı ayrıntılar gibi şeyler için bir dizi kuraldır. Ama görünüşü, davranışı ve diğer unsurlarla etkileşimi bizi dik dik bakmamıza neden oluyor. Her zaman havalı masada oturan ve bir gün balo kraliçesi olacak çocuk gibi. Biz sadece onun tarzına hayran olmak ve onu taklit etmek kaderimizde var.

Ve gelecekteki herhangi bir balo kraliçesi gibi, tipografinin de birçok sorumluluğu ve yapacak çok işi var. Bugün tipografi, metin ve başlıkları görüntülemek için kullanılan bir web sitesinin önemsiz bir ayrıntısı değildir. İçeriğe görsel bir ağırlık vermek, çevreyi bitirmek ve bir izlenim bırakmak için uygun bir araçtır. Artık sadece okunabilirlik bağlamında düşünmüyoruz. Eğlence alanında da geçerli bir oyuncudur.

Tipografi, gömme dolapta klasiklerden başlayıp tuhaflara kadar pek çok elbise ve ayakkabıya sahiptir. Modern çözümler, istediğimiz yazı tiplerini kullanmamıza izin veriyor. Sıkıcı yazı tipleri dönemi bitti. Deneyler ve cesur kararlar zamanı. Web tasarımında hayatta kalma olasılığı düşük olanlar da dahil olmak üzere farklı harf formları ve stilleri kullanabilirsiniz. Örneğin, çizgi stili tipografi.

Dürüst olalım. (Neredeyse) her web sitesinin ziyaretçilerini aksiyon dolu bir kahraman alanıyla karşıladığı bir çağda, çizgi stili tipografi gibi küçük bir yaratığın hayatta kalma şansı çok az. Bunda yanlış bir şey yok: Sadece çok kırılgan ve hassas. Yoksa sadece önyargının kurbanı mı? Nitekim becerikli ellerde bu tip bir tipografi sadece tüm engelleri görmekle kalmaz, aynı zamanda kendi ifadesini de verir. Ve size kanıt olarak buna benzer 10 örnek göstereceğiz.

A'ja Wilson

A'ja Wilson'ın resmi web sitesiyle başlayalım. Burada ana ekran, dikkatleri en başından çeken geleneksel bir video arka planına sahiptir. Bununla birlikte, akılda kalıcı ifadelerin boyutu, çizgi stili tipografinin kaybolmasını engelliyor. Ekip, ince formların zarafetini korumayı başardı ve projenin feminen aurasına katkıda bulunmasına izin verdi.

A'ja Wilson

Alfaputt

Alphaputt'un kahraman alanının başka bir modaya uygun çözümü var: Animasyon. Yine de, ekip bunu düşündü. Burada animasyon ekranın yalnızca küçük bir bölümünü kaplıyor ve diğer her şeyi temiz ve statik bırakıyor. Bu, anahat tipografisine güvenli bir arka plan sağlar.

Alfaputt

çok saçma

A la fut'un ana ekranı muhteşem retro tipografi ile işaretlenmiştir. Sözcüklerin doğal olarak öne çıkması için tam olarak gereken şey kalın formlar ve büyük bedenlerdir. Tebeşir dolgusu sadece estetiği zenginleştiren hoş bir dokunuş değil, aynı zamanda harfleri daha sağlam hale getiriyor.

çok saçma

Yard Ajansı / Good Fortune

Yard Agency ve Good Fortune'un arkasındaki ekipler, dikkat çekmeden odak noktaları belirlemek için çizgi ve sağlam stilleri ustaca karıştırıp eşleştiriyor.

Yard Agency oldukça ağır ve yoğun bir video kaydırıcıya sahip olsa da, dikkat çekici geçişler hakkında hiçbir şey söylememekle birlikte, ekip yine de kırılgan bir çizgi stili tipografi seçti. Bir yandan ikinci kelimeyi daha az önemli hale getirir. Öte yandan, her şeyi ustaca birbirine bağlayan slaytlar için dekor olarak kullanılır.

Yard Ajansı

Good Fortune, koleksiyonumuzda çizgi stilinin retro stil ile buluştuğu ve güzel bir birliktelik oluşturduğu bir başka örnektir. Tek renkli bir tuval ve bol miktarda boşluk sayesinde, zarif yazı tipi, temel bölümlere bağlantılara kolayca dikkat çekiyor. Ve A la fut örneğinde olduğu gibi, dekoratif bir rol oynar - hoş bir atmosfer yaratır.

İyi şans

Toonami – Yetişkin Yüzme / Noktadan Noktaya

Toonami – Adult Swim ve Dot to Dot, çizgi stili tipografinin tahmin edilebilir bir seçim olduğu web sitelerinin örnekleridir.

Toonami'nin tasarımı, çok sayıda anahatlı daire, ızgara ve sığ kutularla muhteşem bir kozmik havaya sahiptir. Harflerin içi boş şekli rafine ve teknik bir his veriyor. Mükemmel uyum sağlarlar.

Toonami – Yetişkin Yüzme

Noktadan Noktaya aynı zamanda teknik bir zarafet görüntüsü yayıyor. Hayalet düğmeler, içi boş daireler ve ikincil içerik için ultra dar yazı tipi, özetlenen tipografi için ideal bir temel oluşturur.

Noktadan Noktaya

Her iki durumda da başka bir yazı tipi hayal edemezsiniz. Seçimler çok iyi düşünülmüş.

Yukie Nail New York

Yukie Nail New York örneğinde, özetlenen tipografi tartışmalı bir karardır. Kahraman alanı, geçişi gerçekten zor olan sıvı bir davranışa sahip bir tuval üzerine kuruludur. Farenin her hareketi, tüm yüzeyi bozan bir dalgalanma bırakır. Boş yazı tipi arka planla biraz birleşiyor, ancak kadınsı atmosfere mükemmel bir şekilde uyduğu için yine de evde hissettiriyor.

Yukie Nail New York

ACES Beyzbol / Zaman Çizelgeleri Dergisi

ACES Beyzbol ve Zaman Çizelgeleri Dergisi, çizgi tipografisinin asla çok büyük olamayacağını kanıtlıyor. Hatta kelimeleri yukarıdan aşağıya doğru uzatabilirsiniz ve yine de zarif ve zarif görünecektir.

ACES Beyzbolu'nun ana sayfasında göze çarpan tek bir başlıktan başka bir şey yok. Büyük boyutu sayesinde ekranın en çok izlenen kısmını kaplıyor ve hiç olmadığı kadar yüksek sesle konuşuyor.

ACES Beyzbol

Timesheets Magazine'in arkasındaki ekip, bir sahne arkasında içi boş tipografi kullanıyor. Burada hem dekoratif hem de bilgilendirici bir detay görevi görür. Hassas harf formu sayesinde arkadaki metin öndeki metinle rekabet etmez. Ama yine de bunun ilk sayı olduğu yüksek sesle okunuyor. Bu kuşkusuz ince bir dengedir.

Zaman Çizelgeleri Dergisi

Başarı Kuralları

Bazı kurallar, modern web tasarımının aksiyon dolu dünyasında çizgi stili tipografinin hayatta kalmasına yardımcı olur. Her şeyden önce, boyutun önemli olduğunu unutmayın. Kırılgan doğa küçücük bir boyutla mükemmel bir şekilde gitse de, buna kanmayın. Şüphesiz kaybolacak ve gözden kaçacaktır. Yani, ne kadar büyükse o kadar iyi.

İkinci olarak, harflerin ana hatları neredeyse elle tutulur olmalıdır. Aşırı şişman olmamalı, metni diğer her şeyden ayırmalıdırlar.

Ve son olarak, kontrast sizin sadık arkadaşınızdır. Kural olarak, siyah bir tuval üzerine beyaz harfler yerleştirmek ideal bir seçenektir, ancak her zaman deneme yapabilirsiniz.