字體風味輪

2021-09-14 10:09:31.0

分類: Products and Applications

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

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

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

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

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

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

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

 

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

 

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

 

文鼎字體風味輪檔案下載

 


Products and Applications

如何呈現國字〇

在使用輸入法輸出中文字時,你的零是以怎樣的面貌呈現呢?是寫成國字「零」,還是「〇」、「O」、「○」、「0」或是寫「0」?在windows作業系統的環境裡,「零」、「O」或「0」使用任何輸入法都可以打出來,但是「〇」用一般系統內建的輸入法像是注音、新注音、倉頡是找不到的,如果您有額外安裝的輸入法,如自然輸入法,鍵入零這個字,則可以透過選單找到「〇」。

上面舉例的這些字元造型都長的很相近,每一個字元在Unicode字碼的定義裡都有一組數字來代表自己,這組數字一般通稱為字碼,這幾個字碼及其代表的意思分別如下:

零:U+96F6,中文漢字零。

0:U+FF10,全形數字零。

○:U+25CB,空心圓圈,幾何圖形。

〇:U+3007,國字零,中日韓符號和標點。

0:U+0030,數字零,屬於基本拉丁字母。

O:U+004F,拉丁大寫字母O,屬於基本拉丁字母。

 

這些造型相似的字元在使用上會有怎樣的差異,下圖我們以微軟正黑以及文鼎UD晶熙黑體做舉例,在使用國字顯示西元年時,我們可以看到使用 U+3007「〇」字元有最佳的排版效果,除了U+3007這個字元本身就是為了與國字一起使用外,以晶熙黑體為例,還會因應字體造型、字重做最佳化的設計。

字碼對於大部份人來說很陌生,而且並不是每個軟體都支援字碼輸入,在word使用微軟注音輸入法時,透過輸入鍵盤上左上位置的「`」這個符號,就可以輸入字碼,輸入「~」會產生一個黃色的小視窗,此時輸入「U3007」按空格就可產出「〇」,要特別注意的是數字不能用鍵盤右方的小鍵盤輸入,一定要用英文上方的數字輸入才行。

如果在繪圖軟體,如Adobe illustrator裡,我們可以透過「字符」工具面版來找到「U+3007,〇」這個字元,或者是用前面word輸入的教學方式,在word中將「〇」呼叫出來,再複製到Adobe illustrator中做使用。

 

分享一個可以快速打出「〇」的方法,讓你不用再花時間找方法要怎麼打出這個字。

1. 開啟瀏覽器到google翻譯的頁面:https://translate.google.com/?hl=zh-TW

2. 選擇中文,會看到右下角顯示「注」,點選下拉選單,選擇「簡體中文(中國)-手寫」

3. 選好後就會出現手寫的輸入框,直接用滑鼠在上面寫「〇」

4. 寫好後就會顯示和「〇」相似的字,選擇紅框即會產出「〇」 

這個方法是不是很簡單,快來試試看吧!

Products and Applications

文鼎DC黃陽尖魏

文鼎DC黃陽尖魏體是知名書法家_黃智陽教授,與文鼎合作開發的真跡書法字型;黃陽的字體是書法的專業技術與現代造形特質的新媒合,長時間逐字用心書寫與設計,使尖魏體突顯了瘦金體的利落美,結合了魏碑體的方折感,使字體的使用更具有文化意義與時尚氛圍!黃陽尖魏在設計時,加入中文排版裡「疊字」效果的巧思,黃智陽教授在書寫時,特意創作「相同字的不同寫法」,以展現書法中「不雷同」「不重複」的美感,讓黃陽尖魏更能呈現書法藝術的美感。

 

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

應用設計

Products and Applications

可變式字型variable font在設計上的應用,以明/宋體為例

可變式字型(variable font) 發佈於2016年,發佈至今,我們觀察到許多字型設計公司逐漸地發布自家的可變式字型,經過這幾年的推廣,最近我們從問卷調查上發現國內的設計師對這樣的產品仍然感到陌生,今天,我們藉由幾個演示,再一次讓大家認識可變式字型。

 

可變式字型的特色在於可隨使用者的設定或是依應用程式的自動判斷,變化出將近無限種的字體屬性組合。只需要一個字型檔案,就可以無間段調整該字型提供的字重、字寬或對比等可變屬性,讓設計師用字的創意不再受侷限,同時也減少了龐大字體家族所需要的大量記憶體空間。

 

不知道大家有沒有思考過一個問題,字體設計師都是在60公分距離前的螢幕做字體設計,使用時,有可能近到20公分,遠則超過5公尺以在使用的字體,這樣的應用情境,字體的設計如果都一樣,合理嗎?設計師如果在用字的時後,思考到這樣層次的問題,有沒有產品可以上設計師挑選使用呢?

 

通常在進行字型開發前先會決定使用目的,而在選用字型時,會依情境來選用造型,在使用明/宋體這類的字型時,通常橫向筆畫的粗細是固定的,在可變式字型裡,可以將橫向粗細的變化設計在可變式字型的變化軸上,使用者除了傳統的字重外,還可以使用到橫向筆畫(對比/Contrast)變化軸的調整。下方以文鼎書苑宋體書苑宋作為舉例,因應複雜化的使用情境,書苑宋設計了四個橫筆粗細的產品,為橫筆寬度16(EM Square =1000 ) 到62 的響應式設計,使用者可依據使用配方建議,從內文到標題,從紙本到屏幕,因應不同情境選取適當字型使用。

 

有個多個橫筆粗細對比這樣的產品,我們思考一下,如果在設計這樣的指示標示,怎麼樣可以讓閱讀訊息用的字體在畫面上呈現的更好呢?畫面上『南京三民站』這幾個字分別使用思源宋體(上)與文鼎書苑宋體(下)做展示,我們可以看到這五個字元筆畫數並不算多,但『三』這個字的筆畫相對起來特別少,整體看起來視覺灰度少了一級。

這時候如果我們要對他加粗,通常的作法就是在AI裡轉外框,加筆畫,但這樣一來,字就變成圖,不是字了,會增加後續版本維護的困擾。使用書苑宋可變式字型的微調後的成果,我們來看看調整前後的差別,經過適當的調整後,每個字元的視覺量感變得更平均了。

我們認為,設計師寶貴的時間應該要用在設計思考上,如果字體可以協助設計師解決問題,節省設計師的時間,那就是我們對設計產業的幫助。關於更多可變字型的資訊可參閱下方文鼎iFontCloud雲字庫的展示說明

https://ifontcloud.com/index/variablefont.jsp