Shantell Sans (2023)

 (shantellsans.com)
1 puan yazan GN⁺ 2 시간 전 | 1 yorum | WhatsApp'ta paylaş
  • Shantell Sans, Weight, Italic, Informality, Bounce ve Spacing eksenleriyle günlük kullanıma uygun yazı karakterlerinden animasyon için deneysel stillere kadar seçenekler sunuyor
  • Shantell Martin'in el yazısından ve disleksi deneyiminden yola çıkarak, eğlenceli ve oyuncu ama profesyonel kullanım için de uygun, erişilebilir bir tipografi hedefliyor
  • Comic Sans'ın yaygınlığı ve kolay okunur izleniminden ilham alsa da onun bir türevi değil; keçeli kalem el yazısını dijital bir yazı karakterine dönüştürüyor
  • Roboto'ya yakın metrikler, geniş glif genişliği ve harf aralığı, ayrıca ayırt edilebilir b·d·p·q ve I·1 tasarımıyla okunabilirliği artırıyor
  • Google Fonts ve OFL ile açık olarak yayımlanıyor; Latin ve Kiril tabanlı 380'den fazla dili ve Google Docs kullanımını destekliyor

Shantell Sans'ın çıkış noktası

  • Shantell Sans, Shantell Martin'in el yazısını temel alan bir değişken yazı karakteri; hem samimi günlük kullanım stili hem de animasyona uygun deneysel stiller sunuyor
  • Shantell Martin çocukken yazım sınavlarını geçemediği için detention cezası almak zorunda kalmıştı, ama kelimeleri seviyordu ve duygularını yazı ve çizimle ifade ediyordu
  • 20 ya da 21 yaşındayken disleksisi olduğunu öğrendi ve Central Saint Martins'te sanat eğitimine başlarken birçok yaratıcı insanın da disleksiye sahip olduğunu hissetti
  • Okuma ve yazma güçlüğünü fark etmeyen öğretmenlerin destek yerine ceza vermesi hayal kırıklığı yaratmıştı; kendi yazısından ve harflerinden türetilen bu yazı karakteri, insanların kelimelerle ilişkileri ne olursa olsun okuyup yazabilmelerine imkân tanıyan bir yol oldu
  • Amaç, eğlenceli ve oyuncu ama aynı zamanda profesyonel ve kullanılabilir bir yazı karakteri üretmekti; kelimelerin birer çizim olduğunu ve herkesin kendi biçimiyle var olabileceğini hatırlatan erişilebilir bir tipografi isteniyordu
  • Stephen Nixon, Latin alfabesi, rakamlar ve sembolleri el yazısıyla yazmak için çizgili bir şablon gönderdi ve bu el yazısından dijital yazı karakteri üretildi

Açık dağıtım ve ilk kullanım alanları

  • Open Font License ile Shantell Sans yayımlanarak daha fazla kişinin ücret ödemeden erişmesi sağlandı; Google Fonts'un lisans açıklaması gibi açık dağıtım modelleri kullanım değerini artırıyor
  • Ücretsiz sunulması, Google Fonts ve diğer platformlar üzerinden yaygın kullanılmasını mümkün kılıyor; yaşayan bir sanatçının ürettiği bir yazı karakteri başka sanatçıların tipografi üretimini de teşvik edebilir
  • Shantell Sans, Shantell Martin'in el yazısına dayandığı için güçlü biçimde kişisel bir karakter taşıyor; ama açık dağıtım, özünde kişisel olan bir unsur üzerindeki kontrolü de bir ölçüde bırakmak anlamına geliyor
  • Çocukların ve gençlerin Shantell Sans'ı kullanması ve nasıl üretildiğini öğrenmesi isteniyor; kişisel projelerde ve daha büyük tasarım projelerinde beklenmedik şekillerde kullanılabileceği düşünülüyor

  • İlk uygulamalar

    • Whitney Museum shop'un anahtarlık tasarımında Shantell Sans tipi kullanıldı; üretimi Various Keytags üstlendi
    • Cash App çalışmasında Cash Card'ın arka yüzündeki cash tag, rakamlar ve diğer bilgiler Shantell Sans ile yer aldı
    • Ortak çizim web uygulaması tldraw, Shantell Sans'ı varsayılan yazı karakteri olarak kullanıyor
    • Telefonda web sitesi oluşturmayı sağlayan uygulama univer.se, Shantell Sans'ı web oluşturma şablonlarında kullanıyor
    • Shantell Sans, Google Fonts, Google Docs ve GitHub açık depo indirmesi üzerinden kullanılabiliyor

Tasarım hedefleri ve Comic Sans etkisi

  • Stephen Nixon, Shantell Martin'in “kullanılabilir, görsel olarak hoş, akıllı ve yaratıcı bir yazı karakteri” istediğini söylediğinde, Shantell'in büyük duvar resimlerini ve keşifçi, yarı doğaçlama, oyuncu çizgi çalışmalarını düşündü
  • “Yeni bir Comic Sans” yapmak isteme ifadesi temel ipucuydu; Comic Sans'ın kültürel yaygınlığı ve duygusal etkisi referans alındı, ancak bu proje ondan doğrudan türetilmiş ya da onun yeni bir sürümü değildi
  • Comic Sans, Vincent Connare tarafından 1994'te Microsoft Bob için tasarlandı ve Windows ile Mac işletim sistemlerine önceden yüklü gelerek yaygınlaştı
  • Comic Sans, Ty Beanie Babies'in 5. nesil sonrası etiketlerinden Higgs Boson parçacığıyla ilgili 2012 CERN duyurusuna kadar çok farklı yerlerde kullanıldı

  • Beş ölçüt

    • Günlük kullanıcıya hitap etmeliydi; sadece tipografi meraklılarına yönelik bir yazı karakteri olmamalıydı
    • Farklı iletişim türlerinde yazması kolay olmalıydı
    • Geniş bir kullanıcı kitlesi için erişilebilir ve kullanılabilir olmalıydı
    • Okunabilirliği yüksek ve okuması kolay olmalıydı
    • Mevcut alanı tekrar etmek yerine yeni bir şey yapmalıydı

Latin tabanlı tasarım ve üretim

  • Günlük çekicilik

    • Günlük çekicilik için Comic Sans gibi keçeli kalem el yazısı temel alındı ve başlangıç noktası Shantell Martin'in el yazısı oldu
    • El yazısının bazı özellikleri korunurken, genel izlenim dijital forma uygun olacak şekilde sadeleştirildi

  • Geniş kullanım alanında kolaylık

    • Modern yazı karakterlerinde beklenen genel oran ve stil beklentilerine uyması için cap-height, x-height ve temel satır yüksekliği gibi font metrikleri, Roboto gibi yaygın kullanılan yazı karakterlerine yakın ayarlandı
    • Okunabilirliği korumak ve Shantell'in yazısıyla görsel tutarlılık sağlamak için ortalamanın biraz üzerinde glif genişliği ve harf aralığı kullanıldı
    • Web siteleri, uygulamalar ve sunumlar gibi günlük ortamlarda kolay kullanılacak, büyük puntolarda karakterini gösterecek ve küçük gövde metinlerinde de çalışacak şekilde tasarlandı

  • Dil desteği ve dağıtım

    • Shantell Sans, Google Fonts glif setleri Latin Plus ve Cyrillic Plus'ı izliyor ve bir miktar aşıyor; Latin ve Kiril yazı sistemlerini kullanan 380'den fazla dili destekliyor
    • Destek kapsamı Avrupa, Amerika ve Orta Asya'daki Latin ve Kiril tabanlı dillere uzanıyor
    • Google Fonts desteği ve OFL lisanslı açık dağıtım sayesinde ücretsiz kullanılabilen bir açık kaynak yazı karakteri olarak dağıtılabildi

  • Kolay ayırt edilen harfler

    • b, d, p, q ile n, u, basit biçim karşıtlıkları ve uygun yerleştirilmiş uç çizgiler sayesinde birbirinden ayırt edilecek şekilde tasarlandı
    • Shantell Martin bazen büyük I ile rakam 1'i tek bir düz çizgi olarak yazdığı için, büyük I'ye serif, 1'e ise flag eklenerek ayrım sağlandı
    • El yazısı temelli bir yazı karakteri olarak a ve g, çocukların okulda öğrendiği single-story biçimlerde tutuldu; böylece samimi ve tanıdık bir his korundu

  • Değişken eksenler ve OpenType özellikleri

    • Sadece iyi bir kalınlık aralığı değil, modern tipografi özelliklerini keşfetmek isteyen tasarımcılar ve geliştiriciler için de geniş bir stil aralığı sunması gerektiğinden değişken yazı karakteri olarak tasarlandı
    • Shantell Martin'in işlerinde görülen özgür ve organik havayı deneysel eksenlere taşımak için Weight, Italic, Informality, Bounce ve Spacing olmak üzere beş değişken eksen oluşturuldu
    • İnce tipografik gereksinimler için tabular vs proportional figures, fractions ve localized forms gibi OpenType özellikleri de eklendi
    • Inkwell, Cortado ve Studio Lettering gibi el yazısı temelli yazı karakterlerinin zanaatkârca ayrıntılarından ilham alınarak, otomatik izleme ile üretilmiş bir keçeli kalem fontuna bir yenisini ekleme yaklaşımından kaçınıldı

Form kararları ve deneysel eksenler

  • Shantell Martin, orta kalınlıkta keçeli kalem Staedtler Lumocolor M seçerek büyük harfler, küçük harfler, pangram, rakamlar, noktalama işaretleri, semboller ve aksanlı karakterler içeren bazı kelimeler yazdı
  • Tarama görselleri, kalem izlerinin orta hattı boyunca izlendikten sonra Light ve ExtraBold çizgilere genişletildi
  • Orijinal el yazısında, normalde okunan yazı karakterlerine göre daha fazla boyut ve ritim değişimi bulunduğu için harf yüksekliği, genişliği ve aralığı bir ölçüde normalize edilip tutarlı hâle getirildi
  • t ve f'nin yatay çizgilerinin ana dikey çizginin soluna taşmaması, A ve R'nin sol üstten başlaması, P'nin sol alttan başlayan sade bir döngü olması ve M ile W'nin ardışık dalgalar gibi görünmesi korundu
  • Nihai yön, Shantell'in yazısını ilginç kılan hafif keskinlik ve karşıtlığı korurken kalınlığı biraz daha eşitlemek ve yumuşak yarım daire uçlar uygulamak oldu
  • Bu denge, marker yazısı hissini korurken dijital biçimde erişilebilir ve sıcak görünen bir sonuç verdi

  • Bounce ve Informality

    • Normalize edilmiş temel yazı karakteri üzerine, taranmış el yazısı örneklerindeki düzensizlikleri yeniden ekleyen ek stiller üretildi
    • Düzensizlik tamamen rastgele değildi; tekrar eden özellikler taşıyordu. Yatay çizgisi fazla olan harfler daha yüksek, dikey çizgisi fazla olanlar ise daha geniş ve daha alçak görünme eğilimindeydi
    • Yazı karakteri aşırı karmaşıklaşıp kullanışlılığını yitirmesin diye, daha fazla kişilik katarken yine de “yazı karakteri gibi” kalmasını sağlayan bir denge gerekiyordu
    • Elle çizilmiş kaynaklarla derlenebilir kaynaklar ayrıştırılarak son yazı karakterindeki Bounce ve Informality eksenleri oluşturuldu
    • Bounce stili, glifleri yukarı ve aşağı kaydıran bir script ile üretildi; Informal stil ise “normalize edilmiş” ana kaynak ile “düzensiz” ana kaynak arasında interpolasyon yapılarak oluşturuldu
    • Tüm kaynaklarda harfler, rakamlar ve temel semboller için çok sayıda alternatif glif yer aldı; son yazı karakteri bu alternatifleri sözde rastgele döndürerek enerjik bir el yazısı görünümü verdi
    • Değişken eksenler sayesinde bu etki hafiften belirgine kadar ayarlanabiliyor ve yazı karakteri sistemi içinde tutarlı tasarıma sahip animasyon tipi kolayca kullanılabiliyor

  • Google Fonts ve açık kaynak genişlemesi

    • Shantell Martin açık kaynak yayıma ilgi duyduğu için, Google Fonts'un daha geniş kullanıcı kitlesine yönelik genişletmeyi destekleyip destekleyemeyeceği konuşuldu
    • Google Fonts desteğiyle tam bir Italic stil seti oluşturularak stil aralığı genişletildi
    • Yazılımların varsayılan olarak harf aralığı ayarını desteklemediği durumlarda yararlı olabilecek deneysel bir Spacing ekseni eklendi
    • Latin yazı sistemi Vietnamca karakterler ve daha fazla para birimi simgesiyle genişletildi; Kiril eklenmesiyle tamamen yeni bir dil kümesi desteklenmeye başlandı

Shantell Sans Kiril tasarımı

  • Cyrillic, Bulgarca, Sırpça, Rusça, Belarusça, Ukraynaca, Tatarca, Başkurtça ve daha birçok Avrasya dilinde kullanılan bir yazı sistemidir
  • Kiril tasarım süreci Latin tasarımına görece benzer olsa da, belirli bir kişinin el yazısından esinlenen gelenek dışı formlarda daha zor hâle gelebilir
  • El yazısı temelli bir yazı karakteri için başka bir alfabeyi tasarlamak, şiir çevirmeye benzer; hedef dilin yapısını kullanırken özgün tonu da korumak gerekir
  • Kiril'de upright ya da “printed”, italic ve cursive biçimler vardır; bazı italic ve cursive biçimler, genel printed biçimden yapısal olarak farklıdır
  • Shantell Martin'in el yazısı cursive ve printed biçimlerin karışımını taşısa da yalnızca Latin kullanır; bu yüzden hangi Kiril harflerinin cursive, hangilerinin printed olarak aktarılacağına karar vermek gerekti
  • Shantell Martin'den birkaç Rusça cümle yazması istenerek yabancı biçimlere nasıl yaklaştığı gözlemlendi; aynı harf için farklı biçim örnekleri verilerek bazı kelimeleri birkaç kez yazması istendi
  • Kiril tip tasarımcıları Maria Doreuli, Krista Radoeva ve Alexei Vanyashin ile görüşüldü; doğru ve yanlış biçimlere dair sezgiler büyük ölçüde örtüşüyordu
  • Bulgarca ve Sırpçada, temel Kiril'den farklı yerleşik biçimler bulunur; örneğin Bulgarcadaki t çoğunlukla Latin m gibi görünür ve bu stilde Kiril m ile karışabileceği için ayarlama gerekti
  • Sırpça nje gibi harflerin hem büyük hem küçük biçimlerinin yerel okurlara doğal görünmesi gerekiyordu; Sırpça için Jovana Jocić ile de görüşüldü
  • Kiril çalışması çok sayıda tasarım zorluğu içeriyordu, ancak yalnızca Latin'de değil, farklı Kiril dillerinin dizgisinde de yararlı olması umuluyor

Kullanım yolları ve bağlantılar

  • Shantell Sans on Google Fonts: Google Fonts üzerinden kullanılabilir
  • open-source repo: En güncel sürümü indirin
  • Google Docs, Slides ve diğer Workspace ürünlerinde de kullanılabilir

  • Google Workspace'e ekleme

    • Belgede yazı tipi menüsünü açın ve “More Fonts” seçeneğine tıklayın
    • Açılan pencerede “Shantell Sans” aratın
    • Yazı tipi ailesine tıklayarak yazı tipi menüsüne ekleyin
    • Google Material Design Blog: sadeleştirilmiş bir sürüm mevcut

İlgili okumalar

1 yorum

 
GN⁺ 2 시간 전
Hacker News görüşleri

  • Yazının ortalarındaki çok dilli örneklere bakarken bu yazı tipinin Kiril gliflerinin harika olduğunu fark ettim
    Yeni yazı tiplerini denerken genelde Kiril karakterleri Latin karakterler kadar iyi olmuyordu; istisnalar çoğunlukla ParaType gibi Kiril odaklı dökümhanelerin yazı tipleriydi
    Yazının son üçte birlik kısmında bunun nasıl başarıldığı ayrıntılı biçimde ele alınıyor
    https://www.paratype.com/fonts/pt/yefimov-sans?tab=gallery

  • Yazıda bağlantı verilen Google Fonts sayfasındaki kurcalanabilir resmiyet kaydırıcısı, son zamanlarda gördüğüm değişken yazı tipi ekseni kullanımının gerçekten harika bir örneği
    Metafont'un yavaş ama istikrarlı biçimde yeniden değer kazanışını izliyormuşum gibi hissettiriyor
    https://fonts.google.com/specimen/Shantell+Sans

    • Typotheque'in Dash yazı tipinde de neredeyse aynı bir değişken eksen var; orada buna "Speed" deniyor: https://www.typotheque.com/fonts/dash-casual
      Nedense tüm değişken aralığını görmek için "Variable" kutusuna tıklamak gerekiyor
    • En güzeli de o. Üstelik bir "bounce" kaydırıcısı bile var
      Böyle bir çağda yaşadığımıza inanamıyorum... böyle özel ayarlara sahip başka yazı tipleri olup olmadığını merak ediyorum
      Gerçek rastgeleliğe sahip el yazısı yazı tiplerini mümkün kılacak teknolojiyi hâlâ bekliyorum
    • Metafont'u pek bilmiyorum; kastettiğiniz bu muydu? https://ctan.org/pkg/metafont?lang=en
    • Bir dakika, bunu daha da gayriresmî yaparsanız aynı cümlede aynı karakterin tek tek glifleri bile birbirinden farklı olabilir mi?

  • Yazı tipi harika. Yine de teknik olarak bir adım daha ileri gidilmiş değişken glifler eksik gibi
    El yazısını okuma hissi, harfler sürekli aynı görünüyorsa kayboluyor
    Her harf için 5-6 küçük varyasyon ekleyip bunları rastgele dönüşümlü kullandırabilsek gerçekten müthiş olurdu

  • Böyle bir yazı tipini ancak şimdi ilk kez görüyor olmama şaşırdım. Comic Sans benzeri yazı tipleriyle epey uğraştım ama bu, şimdiye kadar gördüklerim arasında açık ara en güzel yazı tipi

  • Comic Sans'a benzerliği o kadar bariz ki yazıda yaptığım ilk şey Ctrl-F ile "comic" aramak oldu
    İlk düşüncem bu fikri ne kadar ileri taşıdıklarıydı
    Yazı içinde Comic Sans anılma biçiminin dağılımı da ilginç; yaklaşık %30 noktasında belirgin soy ağacını kabul eder gibi birkaç kez geçiyor, sonrasında ise neredeyse hiç geçmiyor
    Bu yazı tipi gerçekten daha ileri gitmiş ve çok güzel olmuş

  • Bu yazı tipinin bir monospace sürümünü istemek tuhaf mı? Gerçekten çok hoş ve iyi tasarlanmış görünüyor

  • Disleksisi olan kızım buna bayıldı. Örneklerde açıkça Roboto yerine bu yazı tipini tercih ediyor

    • Ben disleksik değilim ama Roboto örneğinde bile okunabilirlik farkı bana çok belirgin geldi
      O noktaya kadar Shantell Sans'a alıştığım için Roboto neredeyse okunamayacak kadar zor geldi

  • Vay, o kadar çirkin ki ne kadar çirkin olduğunu anlatmak bile zor

  • İlk kez görüyorum ama şimdiden en sevdiğim el yazısı yazı tipi oldu. Harika iş

  • İnsan-bilgisayar etkileşiminin ortaya çıkardığı güzel bir sanat eseri gibi
    Comic Sans'ın biraz alaycı görünebileceği bağlamlarda bile rahatlıkla kullanılabilir