Shantell Sans 的藝術與工程:以人為本的字體設計方法
字體設計通常在兩個極端之間擺盪:幾何無襯線體的刻板精確,以及手寫字體的混亂魅力。很少有字體能同時具備足以應對企業介面的專業感,又具備足以讓人感到親切的人性化特質。Shantell Sans 是一款全新的開源可變字體,試圖佔據這塊罕見的中間地帶。
這款字體誕生於藝術家 Shantell Martin 與字體設計師 Stephen Nixon 及 Anya Danilova 的合作,Shantell Sans 不僅僅是數位化的手寫樣本,它更是一次關於無障礙設計、情感設計以及現代可變字體技術能力的刻意實踐。
靈感來源:無障礙與賦權
Shantell Sans 的起源在於藝術家 Shantell Martin 對失讀症(dyslexia)的個人經驗。對於 Martin 而言,傳統的字體設計世界——通常以微小、密集且「僵硬」的字體為特徵——可能會讓人感到畏懼且具有排他性。她回憶起童年時期,拼字測驗總是帶來焦慮,而老師們也未能察覺她的閱讀挑戰。
Martin 尋求創造一種工具,讓無論與文字的關係如何的人都能夠自由地閱讀與書寫。她的靈感意外地來自 Comic Sans。雖然設計師經常對其詬病,但 Martin 發現對於失讀症患者而言,Comic Sans 既俏皮、親切,且至關重要的是——易於閱讀。
"我想要製作一種感覺親切且開放的字體,藉此提醒人們(包括我自己)文字即是繪畫,而文字可以依照我們自己的方式存在。"
工程化「新 Comic Sans"
雖然這個專案的靈感來自 Comic Sans 的精神,但目標並非複製它。字體設計師 Stephen Nixon 旨在識別出使這類字體平易近人的特定特徵,並將其應用於 Martin 獨特的藝術線條工作中。
平衡個性與可用性
為了確保字體在專業情境中可用,Nixon 實施了幾項關鍵的設計限制:
- 標準化度量 (Normalized Metrics): 字體的 Cap-height、x-height 與行高與常用的字體(如
Roboto)保持一致,確保它能無縫整合進現有的佈局中。 - 提升易讀性: 為了防止手寫體常見的歧義,Nixon 加入了特定的標記——例如大寫 'I' 上的襯線與數字 '1' 上的旗標——以確保字元能被輕易辨識。
- 單一結構形式 (Single-Story Forms): 字體使用了單一結構的 'a' 與 'g' 字元,模仿了孩童學習書寫的方式,這強化了「友善」且熟悉的感覺。
技術飛躍:可變軸線 (Variable Axes)
Shantell Sans 最精妙的面向之一是其作為可變字體的實作方式。設計師們並非僅提供幾種靜態字重,而是創造了幾個實驗性的軸線,允許流暢的轉換:
- 字重與斜體 (Weight & Italic): 標準的字體控制,用於強調與層級結構。
- 非正式度 (Informality): 此軸線在字體的「標準化」數位版本與捕捉 Martin 實際手寫有機節奏的更不規則版本之間進行插值。
- 彈跳感 (Bounce): 一種由字體腳本驅動的軸線,會使字元上下移動,創造出一種充滿活力、脈動的效果,非常適合動畫使用。
- 間距 (Spacing): 此軸線允許擴大字距 (tracking),Martin 指出這能讓文字感覺更平易近人,且不那麼令人畏懼。
擴展地平線:西里爾字母的挑戰
將手寫字體轉換為另一種文字系統是一項複雜的任務。字體設計師 Anya Danilova 將製作 Shantell Sans 西里爾字母版本的過程描述為類似於「翻譯詩歌」。
由於 Martin 僅使用拉丁字母書寫,Danilova 必須推斷 Martin 會 如何書寫西里爾字母。這涉及讓 Martin 嘗試書寫俄文句子,以觀察她對陌生形狀的處理方式,並諮詢西里爾字母字體設計師,以確保字母的「感覺」在符合該文字系統的同時,仍能忠實於字體的整體 DNA。
現實世界的應用與評價
Shantell Sans 已經在多樣化的應用中展露頭角,從實體產品如 Whitney Museum 的鑰匙圈,到客製化的 Cash App 卡片,再到數位工具如協作白板應用程式 tldraw。後者是該字體實用性的絕佳範例;透過模擬手寫筆記,它讓數位畫布感覺更具人性化。
社群的反應突顯了字體在平衡這些對立力量方面的成功。Hacker News 上的用戶指出,「正式度滑桿」是近年來可變軸線最創新的用法之一,而失讀症兒童的家長則稱讚其易讀性優於 Roboto 等標準系統字體。
透過以 Open Font License (OFL) 發布字體,並透過 Google Fonts 提供,創作者們確保了這種以人為本的字體設計方法能讓每個人都能使用,將個人的藝術表達轉化為一種全球性的無障礙工具。