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

2021-05-17 23:27:31.0

分類: Products and Applications

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

 

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

 

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

 

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

 

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

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

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

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


Products and Applications

[文鼎 IN-HOUSE]端午節篇

[ 文鼎 IN-HOUSE ]

結合科技趨勢,文鼎字型全新推出的字體應用專欄
結合人工智慧生成技術圖像(Midjourney)與節慶活動,每期推出不同內容,並且附上生成程式碼讓創意使用者在面對不同專案下更能得心應手

期待與你共同探索設計的新可能
 

 

本期內容圍繞「端午節」為主題,提供字體應用上的參考

  

 

下一期
你希望我們做什麼內容,歡迎告訴我們
 

Products and Applications

探索森澤的黑體之美——設計師不可錯過的五款黑體字型

字型不僅是溝通的載體,更是設計師展現創意的利器。
在字型設計的世界中,黑體字以其簡約現代的風格,成為設計師的經典之選,森澤致力於打造兼具美感與實用性的字體,精選以下五款黑體,一同探索它們的設計魅力吧


A1黑體

A1黑體包含了許多特別設計的字體元素,能在文字中創造出不同的溫度,並且適用範圍廣泛,由於其中宮較窄,加上栩栩如生的骨架設計,被歸類為復古風格字體,帶有些微手寫韻味,同時展現出自然流暢的美感。

雖然遵循著黑體的基本特徵,保持直筆和橫筆粗細一致,但通過圓角設計和油墨暈染效果這兩個不可或缺的特色,讓A1黑體在文章排版時不會像一般黑體給人過於俐落的感覺,反而營造出溫暖安定的氛圍。


Aoto黑體

Aoto 黑體是一款專為智慧型手機和平板電腦等電子設備顯示文字所設計的字體,其設計精神在於創造一種直接了當、乾淨俐落的黑體,讓使用者在閱讀長篇文章時也能感到自然順暢。

雖然 Aoto 黑體具有現代感且設計簡單,但其筆劃不像一般黑體那樣嚴格遵循水平垂直線條,而是保有自然的手寫風格,與大多數現代風格黑體採用較大字面框不同,Aoto 黑體特意在設計時為字身框保留了充足的空間,這個特點使它在保有現代黑體特質的同時,也能靈活運用於不同風格的文章排版中。


Kuretake Meiseki

Kuretake Meiseki 這款復古風黑體是由兩種字體組合而成:一是復刻自中國南京市郊外出土的晉代墓誌銘《王興之墓誌》的漢字字體「銘石」;二是源自森川龍文堂活字範例帖《活版總覽》中的和字(假名)字體「Kuretake」。

這款字型以隸書為基礎,融入雕刻風格的韻味,其筆風不僅展現出手寫般的質感,更帶有懷舊氛圍與質樸的魅力,特別適合用於需要營造復古風格的場合。


新黑體

新黑體是森澤的經典之作,以其筆劃俐落、結構穩重的特點,成為一款具有整齊系統感的現代風黑體,在簡潔無裝飾且筆畫均一鮮明的設計下,這款字體無論用於直排或橫排,都無需調整「比例間距」就能呈現出線條及灰度均等的優美排版效果。

其簡單洗鍊的風格使它非常適合運用於各種平面設計與廣告用途,不僅大字體具有視覺張力,小字體也保持著極高的易讀性。


UD新黑體 標準繁體

 

UD新黑 標準繁體是森澤以日文版UD新黑體為基礎,專為提升可讀性與易讀性而設計的繁體中文通用設計字體。

採用均衡的筆劃粗細,配合開闊清晰的設計,大幅提升了閱讀體驗,不僅適合運用於數位顯示與印刷媒體,融入了通用設計理念,讓不同使用者都能無障礙地感受文字的力量。

 


森澤的黑體字型,承載的不僅是字的型態,更是設計師對美感的追求與對功能性的需求。每一款字體都經過細緻的設計與測試,無論是在數位還是印刷媒介中,皆能展現出色的排版與閱讀效果。我們期待森澤字體能成為您設計中的創作養分,一同創造獨特的視覺體驗。

Products and Applications

文字排版在字體加粗的應用

在10年前,我們應該很難想到現在字體的使用,也會像聽音樂一樣,線上訂購、跨裝置、隨買隨用,目前,這樣的字體訂閱服務機制,可以讓使用者使用到大量的字體,而在選用字體的時後,各家服務機制都有提供簡易的篩選功能,使用者依據自身的需要,從上千套字體中快速的找到符合需求的字體造型來做使用。

 

在應用上,我們以幾個例子來演示字體加粗/粗體的使用建議。在Windows的使用環境中,文書處理的首選絕大多數想到應該是Microsoft Office系列的軟體,繪圖設計則是illustrator,這對於大多數的文書處理使用者、設計師來說,這絕對是一時之選。

 

但是,我們認為在這兩個軟體中,字體加粗的使用情境有一個可以增加字體閱讀舒視度的小方法,即是多字重、多橫筆粗度的字體應用彈性。下圖方框中的部分是Microsoft Word字體加粗的機制,一般來說,這是透過程式演算的機制產生出來的,對於中文漢字顯示效果的支援較差,在筆畫相對複雜的字元上,就會出現筆畫因空間過於接近而產生沾黏的現象,即便是專業的繪圖軟體illustrator,透過外框的機制也是呈現出不佳的視覺效果。

 

現在大部分的字體在開發設計時,多會以朝多字重的方向做規劃,這個情境下,就可發揮多字重字體的使用彈性了,以文鼎UD晶熙黑體為例,如果我們以Medium這個字重當作內文排版使用,那我們會建義需要做加粗的部分,可以往上跨一個粗度,即使用Bold作為加粗後字體呈現的選擇,以此類推,這是我們對於文鼎UD晶熙黑體在加粗屬性的建議,可以作為排版的使用參考。

另外,在明/宋體的造型上,我們以文鼎書苑宋Display字體家族做演示,字重相同為Heavy,文鼎書苑宋DisplayH16 Heavy的有著輕盈的視覺感受,如果我們需要一個加粗的效果,在Word使用Blod屬性或illustrator外框加粗,得到的都是一個暴力加粗的結果,如果我們嘗試選擇文鼎書苑宋DisplayH62 Heavy,我們依然得到一個加粗的效果,但與程式暴力加粗的效果對比,字體結構不至於變形,視覺感受也相對來的優雅起來。

多字重、多橫筆粗度字體家族的設計,能夠帶給設計師排版上的選用彈性,透過細膩的選用技巧,可以讓字體排版時不再受限於軟體的限制。