文鼎書苑宋四軸可變式字型 中文可變字體的新里程碑

2022-05-31 09:11:28.0

分類: Products and Applications

可變式字型(Variable Fonts)在2016年ATYPI場合發佈,至今已經過了六年,字型開發商的態度有觀望也有積極開發,文鼎字型屬於積極開發可變式字型的中文廠商,最大的產品特色就是開發同時具備繁、簡中文造型的字體產品,在可變式字型的開發方向亦然,目前已經開發超過30套繁、簡中文造型的可變式字型,應用在設計師族群、中國大陸手機商城等領域。

設計師們應該都有過一個經驗,在Adobe Illustrator顏色面版裡,代表灰階的K值有0-100的設定值可以調整,這幾乎將人眼可見的灰階透過數字的方式呈現出來,進一步的若我們需要四色CMYK的色彩,我們也可以分別透過代表每一個色域的滑桿,將所需要的顏色調整出來;而字型,可以用滑桿的方式,讓設計師調整出所需要的字重甚至是字寬以及其他變化嗎?以目前字型技術領域的創新,數位字體設計進入了一個新的時代,我們可以藉由可變式字型的設計,實現設計師用字的想像。



文鼎可變式字型產品的基礎來自於以自有文字引擎開發的文鼎Infinity Font技術,文鼎UD晶熙黑體是第一個採用這個技術的產品,2012年晶熙黑體導入以內差方式開發字重家族,在當時就以可變式字型的概念,結合文鼎晶熙黑體全球字型設計於2013年獲得日本「GOOD DESIGN AWARD」設計獎「GOOD DESIGN Best100」殊榮,這是全球第一套滿足響應式設計(Responsive Design)的CCJ字型產品。



2021年7月,文鼎書苑宋繁體中文字型產品開始於iFontCloud平台銷售,目前已經有Text、Display、Contrast等屬性設計的書苑宋產品服務使用者使用,最後階段將釋出書苑宋可變式字型以及書苑宋長體字型(condensed)產品,以下我們就書苑宋可變式字型做說明介紹。

本期所要介紹的書苑宋可變式字型,產品名稱為「文鼎VF書苑宋_WrWCO」,關於文鼎可變式字型的字體命名規則,可參閱「從名稱認識文鼎可變式字型」文章介紹,「文鼎VF書苑宋_WrWCO」其最大的特色為一款具有四個變數軸的宋體中文可變式字型,變數軸包含有:

  1. 字重(weight)
  2. 字寬(width)
  3. 對比(contrast)
  4. 視覺大小最佳化(optical size)





應用上,讓設計師可以透過一個字型檔案,運用變數軸的交互調整,就能夠輕易的獲得不同調性設計案件需求的最佳字型。以設計師常用的Adobe Illustrator操作界面為例,使用者可以在字元面板中點擊「變數字體」按鈕,即可看到上述的變數軸,透過調整滑桿的方式,輕易的找到最佳的字體樣式。

瞭解可變式字型原理設計師應該可以知道,具有四軸可變字式字型的中文產品在設計與開發是有很高的挑戰性,然而,在外部的使用環境也存在著許多的挑戰,最常遇到的是軟體的支援與否(哪些系統、瀏覽器和軟體支援可變式字型(Variable Fonts)?),以及電腦硬體效能是否足夠因應可變字體變化時所需的計算效能。以我們的實際測試,在使用中文可變式字型時,會消耗大量的電腦資源,因此,我們會建議在使用中文可變字體時,盡量以一個標題所需的字數為主,做變數軸調整變化的文字字元數不要太多,以免出現電腦卡頓、誤以為是電腦效能不佳。

目前,文鼎VF書苑宋_WrWCO可變式字型產品為嚐鮮版的釋出,為的是帶來更多的創意與可能性,也期望藉由這樣的一個產品,降低設計師在字型調整的時間,透過設計師運用的巧思為設計案件帶來畫龍點睛的效果。此嚐鮮版字中文元數包含大部分的繁體中文,使用時若遇到缺字、無法順利做變數軸的變化或有其他的建議,煩請透過客服信箱讓文鼎團隊知道,我們收集到足夠的使用回饋,將其做正式產品化的重要依據。

目前文鼎VF書苑宋_WrWCO四軸可變式字型已經上架文鼎iFontCloud的書苑宋字型包、繁中旗艦包標準版、繁中旗艦包進階版等方案中。


Products and Applications

字體在Adobe軟體字元面版中的呈現

工欲善其事,必先利其器,在設計師的職涯裡,Adobe軟體的使用一定是佔有一席之地,Adobe在推出Adobe Creative Cloud雲端軟體服務後,設計師們可以透過合理的價格,使用到Creative Cloud 完整應用程式裡20多款軟體,當中最常被使用到的Phothshop、InDesign、illustrator這三款軟體,我們來看看「字體」在這三款軟體的「字元」面版中呈現出哪些雷同與不雷同。

這三款軟體中,若要使用到字體,普遍上都會使用「字元」面版來查找合適風格、語言的字體做使用,但有沒有覺得使用上的體驗好像沒有不一樣,但又好像有哪裡一樣的感受呢?

據我們的觀察,確實,三款軟體對於字體在字元面版內容的呈現有以下些微的不同:

1. 字體語言的排序

2. 字體名稱的呈現

3. 可變式字體(變數字體/Variable Font)的呈現位置

「最近使用的字體」是字元面版下拉出來第一個出現的區塊,如上圖,我們就可以看到上述第二兩點所描述的不同處。InDesign在字體名稱的呈現與其他兩者不同在於繁體中文以外語言的字體,皆以英文字體名稱呈現,也就是說,今天我們若是在繁體中文作業系統使用繁體中文介面的InDesign,若排版文件需要使用到如簡體中文、日文等語言的字體,那我們可能就會辛苦一點,要去判讀此兩個語言的英文字體名稱來做字體的選用,還好Adobe在面版中,預設有字體造型sample的呈現,可以降低從英文字體名稱辨視字體的難度。

在常用字體區塊之後,基本上是依語言做字體順序的排序:

Phothshop:Emoji→繁體中文→拉丁→日文→韓文→複雜語言(Arabic, Hebrew, Devannagri, Thai…)簡體中文

InDesign:繁體中文→簡體中文→拉丁→日文→韓文→複雜語言(Arabic, Hebrew, Devannagri, Thai…) 

Illustrator:Variable Font→繁體中文→拉丁→日文→簡體中文→韓文→複雜語言(Arabic, Hebrew, Devannagri, Thai…) 

我們可以看到上方整理的資訊,Emoji與Variable Font排在語言使用之前,而Illustrator特別將Variable Font獨立出一個區塊,排在「最近使用的字體」之後的第二個順序做呈現,而Phothshop、InDesign則是把Variable Font和語言視為一個整體,混合在一起做排序。

 

這些都是使用上觀察而來的紀錄,而我們在這裡單純討論字體在字元面版上的呈現,UI設計不在探討範圍。

 

 

 

Products and Applications

文鼎DC陳森田MORITA

文鼎DC陳森田MORITA是文鼎字型與插畫家_陳森田合作開發的手寫字型,所有字體的內容包含中文、英歐文、符號等,都是陳森田手寫繪製,再由文鼎字型作數位化產品設計,產品同時涵蓋繁體中文、簡體中文。

陳森田MORITA_B體將漢字定距字與調和字整合在一個字型檔案裡,讓,森田手寫字的手感、Q感及溫度可以呈現出來。使用者透過字型選單選擇適合情境的字型做應用。

 

本影片透過Adobe Illustrator來呈現文鼎DC陳森田體的使用方式,演示漢字定距與漢字調合設計排版上視覺的不同。

應用設計

Products and Applications

文鼎DC云康行楷

由施隆民教授書寫的文鼎DC云康行楷,字型書寫旨在掌握書法的美感,筆法上以流暢、生動為原則;結構上為了排版印刷的美觀,盡量保持「端莊」的體態。云康行楷在設計時,加入中文排版裡「疊字」效果的巧思,施隆民教授在書寫時,特意創作「相同字的不同寫法」,以展現書法中「不雷同」「不重複」的美感,讓云康行楷更能呈現書法藝術的精神。此外,云康行楷提供了兩種不同書法風格作選擇,其中云康行楷碑帖版,藉由部首共用、改變寫法、增減筆畫等多方式,保留傳統書法運筆藝術之美。

 

本影片透過Adobe Illustrator來呈現云康行楷TrueType(TTF)與OpenType(OTF)兩個字型格式的使用方式,分別示範疊字的選用,以及中文常用全型符號調和設計(Proportional)。

應用設計