İçerik
Web'de tipografi uzun bir yol kat etti. Yaklaşık on yıl önce, hala ne yazık ki yeterince kullanılmıyordu ve çok kötü bir şekilde yapıldı - kullanıcı deneyimine zarar veriyordu. Metin çevrimiçi olarak çok okunabilir değildi ve aynı yazı biçimleri defalarca kullanıldı. İnsanlar, web'de tipografiyi iyi yapamayacağınızı iddia ederek ellerini havaya kaldırıyorlardı.
Ancak insanları başka türlü ikna etmeye çalışan bir kişi var ve o da etkili kullanıcı deneyimi danışmanlığı Clearleft'in kurucu ortağı Richard Rutter. Artık web yazı tipleri ve tipografi konusunda gerçek bir heyecan dalgası var ve o, bunun merkezinde yer alıyor.
Şu anda ezber bozan en büyük şeylerden biri, tek bir yazı tipi dosyasının birden çok yazı tipi gibi davranmasını sağlayan bir teknoloji olan değişken yazı tiplerinin ortaya çıkmasıdır. Rutter, "Bunun ne kadar çabuk ortaya çıkması gerçekten ilginç," diye açıklıyor.
“Adobe, Microsoft, Apple ve Google, toplu ağırlıklarını değişken yazı tiplerinin arkasına attılar ve hepsinin biraz farklı nedenleri var. Özellikle Google’ın performansı bir performans olacak çünkü çok fazla yerden tasarruf edebilirsiniz.
Dosya boyutunu kökten düşürebilirsiniz çünkü normal ve kalın bir
Rutter, "Özellikle Çince, Japonca ve Korece dilleri ile uğraşırsanız, çok daha küçük olan Latin tabanlı yazı tipi dosyalarının aksine yazı tipi dosyalarının boyutu birkaç megabayt olacaktır" diye devam ediyor Rutter. "Bu dosyaların boyutunu radikal bir şekilde kısaltabilirsiniz, çünkü bir normal ve kalın bir dosyaya sahip olabilirsiniz. Sonsuz sayıda varyasyon için yalnızca bir yazı tipi dosyanız var. Ayrıca yazının nasıl olduğunu görmek gerçekten ilginç olacak tasarımcılar yazı tiplerinde gerçekten alışılmadık ve daha önce görmediğimiz biçimsel varyasyonlar sunacaklar. "
Değişken yazı tipleri artık gerçek projelerde kullanılabilir. Tarayıcı desteği yüzde 65'in üzerine çıktı. Hem Safari hem de Chrome zaten değişken yazı tiplerini destekliyor ve Firefox ve Edge kısa süre sonra gelecek. Photoshop ve Illustrator'ın en son sürümleri de onları destekler ve en son Windows ve Mac işletim sistemlerinde de bulunur - Apple’ın sistem yazı tipi San Francisco, yazı tipi çeşitlemelerini yoğun bir şekilde kullanır.
Clearleft, web tipografi konferansı Ampersand için web sitesinde değişken bir yazı tipi kullandı. Böyle bir şey yapan ilk ticari sitelerden biridir, Rutter'ın makalesinde keşfettiği bir şey, gerçek dünyada değişken yazı tiplerinin nasıl kullanılacağı.
Rutter, "Ampersand" kelimesini altı farklı ağırlıkta belirledik, "diyor. “Her bir harf, ona biraz daha elle çizilmiş bir his vermek için biraz farklı bir ağırlıkta ayarlandı. Bunu geçmişte yapmanın hiçbir yolu yok! Bunu bir SVG olarak sunacaktınız ama artık gerçek bir metin ve bunu çok küçük bir karakter setine sahip olduğu için boyutu küçük olan değişken bir yazı tipiyle yapabiliriz. Alfabenin tamamı var ve çok az şey var ama tek bir kelime için ihtiyacımız olan tek şey buydu. "
Rutter başlangıçta kimya mühendisliği okudu ve Clearleft'i 2005 yılında Andy Budd ve Jeremy Keith ile kurmadan çok önce, kariyerine petrol kulesi parçaları tasarlayarak başladı. Tipografi sevgisini ilk olarak 1990'ların ortasında keşfetti. Web ortaya çıktı ve basit bir HTML yazabilen herkes bir web sayfası oluşturabilirdi. Rutter bunu çok faydalı buldu, bu yüzden tasarıma girdi ve bununla birlikte tipografi geldi.
Rutter, "Londra'daki bir ajansta tasarımcı olarak ilk düzgün işimde Robert Bringhurst’ün The Elements of Typographic Style kitabıyla tanıştım," diye hatırlıyor Rutter. Bu bir ifşaydı. Sayfaları dizgi şekli ve arkasındaki düşünce süreçleri beni büyüledi. İşine kattığı ince ayrıntıyı fark ettim ve ona aşık oldum. Gerçekten benimle rezonansa girdi. Harika bir kurnazlık var.
"Bazen yalnızca sizin veya diğer tipografların görebileceği pek çok küçük, görünüşte anlamsız ayrıntı var. Bu bir şekilde kendi özel kodunuzdur, ancak bunlardan yeterince doğru alırsanız, o zaman her şey bir araya gelerek güzel bir şey olur ve keyifli. Hepsi okuma deneyimini geliştiriyor. "
Bazen sadece sizin veya diğer tipografların görebileceği pek çok küçük, görünüşte anlamsız ayrıntı vardır.
Bringhurst’ün kitabının keşfi Rutter’ın web’de tipografi hakkında yazmaya başlamasını sağladı. İnsanlara Bringhurst'un kurallarını HTML ve CSS'de bulunan teknikleri kullanarak nasıl uygulayacaklarını göstermek istedi ve kendi kendini belirleyen bir web tipografi müjdecisi oldu. Nihayetinde, Rutter’ın kendi kitabı olan Web Tipografisi, güzel ve etkili duyarlı tipografi tasarlamak için bir el kitabı ortaya çıktı.
Başlangıçta, Mark Boulton ve Rutter'ın öncü web font hizmeti Fontdeck ile kurucu ortak olan (şimdi kapatıldı) diğer tipograf Jon Tan tarafından yazılması gerekiyordu. Ayrıca, ajansı Monotype tarafından satın alındığında kapanan Boulton’un Beş Basit Adım aracılığıyla da yayınlanacaktı. Gerilemelere rağmen Rutter projeye kararlıydı ve bir yayıncı olmadan ve Kickstarter'ın yardımıyla kendi başına ilerlemeye karar verdi; kampanyası hedefine 48 saatten daha kısa sürede ulaştı.
Web Tipografi hem tasarımcılara hem de geliştiricilere yöneliktir ve tipografik teoriyi pratik ve teknikle harmanlamaktadır. Rutter, web tipografisiyle ilgili olabilecek aklına gelebilecek her şeyi dahil etmeye çalıştı. Onun ele aldığı teorilerden biri, iyi bir tipografi olmadan nasıl iyi bir kullanıcı deneyimine sahip olamayacağınızdır.
"Kelimelere bakmak, web'de yaptığımız işlerin büyük çoğunluğu" diye belirtiyor. "Milyonlarca insan bunu her gün yapıyor ve türü çoğu zaman deneyimdir, bu yüzden doğru yapmak çok önemlidir.
Birkaç yıl önce Microsoft tarafından MIT ile işbirliği içinde yapılan bir çalışma, iyi ve kötü olarak kabul edilen tipografi arasındaki farkı karşılaştırmaya çalıştı. Okuma hızı, bilgiyi saklama ve hatta anlama açısından önemli bir fark yoktu. Buldukları temel şey, iyi tipografi ile okuma hızının daha hızlı hissettirdiği ve genel bir rahatlama ve keyif duygusu olduğuydu. Kötü tipografi söz konusu olduğunda, insanlar daha çok kaşlarını çatıyorlardı, bu yüzden aslında iyi tipografinin sizi iyi bir ruh haline sokduğunu gördüler. Bu nihai kullanıcı deneyimi değilse, ne olduğunu bilmiyorum! "
Bu makale ilk olarak 308. sayısında yayınlanmıştır. ağ, web tasarımcıları ve geliştiricileri için dünyanın en çok satan dergisi. Sorun 308'i satın al veya ağa abone ol.
Çevrimiçi tipografiden en iyi şekilde yararlanma hakkında daha fazla bilgi edinmek ister misiniz?
Richard Rutter, tipografi için bir sevgiye ve hayranlığa sahip ve kurucu ortakFontdeck, öncü bir web yazı tipi hizmeti. Richard, kendi kendini belirleyen bir web tipografi müjdecisi olarak Clearleft’in baş düzenleyicisidir.Ve işareti web tipografi konferansları.
Generate London 2018'de atölyesi, tüm şekil ve boyutlardaki ekranlara uyarlanan ilgi çekici, uygun, ayırt edici, etkileyici ve okunabilir web tipografisine sahip web siteleri oluşturmanıza yardımcı olacak. Okuyucularınız için en iyi deneyimleri tasarlamak ve geliştirmek için asırlık zanaatı değişken yazı tipleri dahil en son teknolojiyle nasıl birleştireceğinizi öğreneceksiniz.
Generate London, 19-21 Eylül 2018 tarihleri arasında gerçekleşecek.Şimdi biletinizi alın.
