提升可讀性的字距調整

2022-01-10 18:13:39.0

分類: Products and Applications

單音、獨體、結構方正的中文漢字,如明體、黑體、圓體等造型,在數位字體設計規格上,無論是應用在印刷或是螢幕顯示,筆畫數少還是多、字重細還是粗,大多將每個漢字字元設計在固定大小的方框內,在使用上,比較少注意到字元間距的排版。

 

我們先前在「定距字型與應用」的文章中題說明過符號/拉丁字具有定距設計(Monospace)與調和設計(Proportional)的設計規格,現在讓我們來看看當漢字與拉丁整合成我們使用的字體產品時,在使用上有沒有需要注意的地方。

 

下圖我們以Adobe 思源黑體與文鼎方新書做為範例,在圖的上方範例,是兩款字體在Illustrator上的排版顯示效果,對於視覺較為敏感的設計師可能會覺得「T」與「y」在字元距離的白空間好像比p, e來的大,下方是經過調整後的結果,整體上,提升了閱讀的舒適度與可讀性,視覺效果舒服多了。

形成「T」與「y」在字元距離白空間的問題,在於大多數中文開發廠商,對於漢字裡的拉丁字,僅對拉丁/符號字元做基本的調和設計(Proportional),缺少對字元做進階的字元間距調整kerning的緣故,以致形成預設的字距對於某些字元組合的不理想,需要手動調整讓所有字元間的空白看起來和諧一致。

 

不過在Adobe軟體上,設計師們可以透過字元面版中「兩個字元之間的特殊字距」功能裡的「視覺」選項,快速的達到類似kerning字元間距調整的效果,主要是Adobe在「視覺」這個功能中,做到可以依據字元的形狀,來調整相鄰字元之間的間距。

目前Adobe CC版本的產品中,設計師常用的PhotoshopIllustratorInDesign在字元面版都支援上述的功能,目前使用這個功能時,漢字與符號/拉丁字元都會起作用,若不希望漢字的字距受到調整,則選取符號/拉丁字元做調整即可,這點需特別留意。

不舒適的字距會讓設計失了分,適當的調整字距有助於閱讀的舒適度與可讀性,不過我們還是要提醒,瞭解所使用字型產品的特性,因應外部環境做最佳化的修正,才能讓字體的這設計元素為設計作品做加分。

 

 

 


Products and Applications

「iFontCloud」APP操作解說

操作步驟

1. 登入iFontCloud會員帳號

 

2. 進入到字體清單頁面

 

3. 輸入關鍵字或用條件搜尋字體

     

 

4. 安裝字體

 

5. 字體安裝完成後,開啟有支援custom fonts的APP使用

支援安裝custom fonts的APP

  • Pages
  • Keynote
  • Numbers
  • Draft
  • Notebook
  • Noteshelf
  • GoodNotes
  • Adobe Photoshop
  • Adobe illustrator
  • Clip Studio Paint
Products and Applications

Emoji表情符號in文鼎DC曼蒂手書體

2021年,文鼎字型與插畫家Mandie合作,將Mandie親筆書寫的手寫字開發成數位中文字體。Mandie自己平時一直保持著手寫的習慣,希望藉由數位化後的字體產品,讓大家在取得電腦打字方便性的同時,也能夠重溫手寫字體的情感,讓更多人記得手寫字體的溫度,回味一筆一畫寫字的時光。

文鼎字型自2015年開始開發文鼎DC陳森田MORITA、文鼎DC香蕉人體、文鼎DC云康鋼筆行楷、文鼎DC蔡燊軒行書體,這類型的字體強調具有個人風格、個性化,近年在台灣市場能見度逐漸提高,應用在印刷、螢幕顯示、手機介面上都有別於傳統印刷字體的感受體驗。

文鼎DC曼蒂手書體除了將Mandie的手書風格記錄在字體中,另外還有一個小彩蛋:特別企劃商請Mandie繪製了三百多個表情符號(emoji),讓Mandie具有特色的手繪融入字體中。

要如何使用文鼎DC曼蒂手書體的表情符號呢? 我們以Adobe illustrator為例,當字元選擇文鼎DC曼蒂手書體時,開啟「字符」面板,滑動面板右方的拉桿,看到表情符號點選即可。需要注意的是在字符面板共有兩個區塊呈現這三百多個表情符號,這兩者的差別在於當符號用於橫排、直排的位置。



對於表情符號的開發,文鼎的設計師也不馬虎,對於符號單獨使用在橫排、直排以及符號與漢字一起使用時,在橫排、直排的排版效果都有加以最佳化的調整與設計。



在Adobe illustrator另外一個使用表情符號的方式是透過替換字符的機制做選用,在這個情境中,表情符號已經輸入完成,將滑鼠移至該表情符號上出現的替換字符,呈現的候選符號為上述為直排情境設計的字元。



近年來在Apple、Microsoft等系統廠商開發支援表情符號的作業系統、軟體後,表情符號在使用上的門檻降低了許多,有興趣的使用者可以在Mac、Windows上試試以下快捷鍵,呼叫出可輸入表情符號的小鍵盤、視窗來使用:
Mac作業系統:Control+Command+空白鍵
Windows作業系統:Windows(視窗鍵) + . (句點)或Windows(視窗鍵) + ; (分號)

但要請使用者注意,現階段有支援表情符號的軟體有限,以Windows為例,同樣是office 356中的Word、Excel、Powerpoint,輸入表情符號後呈現的行為也會有異,這樣的情形有待軟體開發商的支援,以讓表情符號有一個友善的使用環境。

文鼎DC曼蒂手書體
字體應用及用途:書刊標題、影片/電影標題、食品包裝、生活感的廣告標語、電子書信書寫等。

Products and Applications

字體風味輪

文鼎是一家字型廠商,近幾年也陸續承接了許多字型配對的案件,主要都由英歐文字的需求開始,做中文、日文、韓文的字體搭配。以我們所處的環境,每天眼睛看到的繁體中文,對我們來說是最熟悉不過的文字,但是,對於文字來說,透過筆畫造型、字體結構等變數因子的設計,會產生許多不同風格的字體產品出來,茫茫字海中有沒有什麼方式可以讓使用者快速的找到所需使用的字體呢?

喜歡喝咖啡或常逛咖啡館的同好如果有注意到的話,應該會知道「咖啡風味輪(Coffee Taster's Flavor Wheel)」,它時常以海報的形式掛在咖啡館中展示,如果沒有看過,有機會的話多走幾間咖啡館,留意一下牆面的海報,就會發現囉!我們參考咖啡風味輪的概念,將其延伸到字體來,以漢字為出發點,從以字型應用的角度,試圖將抽象的感受具體呈現出來,用圖像形式設計出一個具有感性、具有情感的字體分類系統,讓使用者需要以感受來選字時,可以透過字體風味輪找到對應的字體,減少找字體、選字體的時間。

感受這種東西是一種主觀性的認知,為了盡量找出符合大眾想法的感受,在繪製字體風味輪之前,研究團隊做了以下前期研究:

1. 研究咖啡風味輪期發展過程,是否有可借鏡之處?

2. 以人為單位,不同的個體對字體造型是否有共通感受?

3. 字體造型是否受到文化發展的影響

4. 越來越多的跨語系字型Matching,風味輪/個性輪的定義,是否對此有幫助?及智慧顯示的應用?

 

我們認為感受性的事物會因為人、事、時、地、物等因素而有不同,因此我們也藉由公開的投票系統,讓參與者參加字體風味輪分類的統計,讓字體風味輪不僅是一個圖像,而是能呼應外界的變化具有生命力的模型。

 

最後,整合我們所收集到的數據,將這些資料整合到字體的資料庫,讓每個字體都有自己的標籤分類形成字體風味輪。

 

文鼎字體風味輪檔案下載