字體與外部環境改變的交互調整

2021-12-22 10:41:00.0

分類: Products and Applications

 

80年代開始的電腦數位字體,在特性上,相較於鉛字,有更容易開發多字重字體家族的特性,但是,在物理限制上,同一個字重若要使用在不同字號大小上,排版出來的顯示效果就需要設計師稍微的留意一下字元間灰度的一致性。

 

我們一直提到字體的使用與外部環境、載體有著絕對的關係,時間拉回到活版印刷鉛字的時代,初接觸活版印刷鉛字的朋友,看到鉛字的規格有著初號、一號、二號、三號、四號、五號、六號等規格,一時間除了看到鉛字大小的差異外,並不理解當中的用途以及鉛字的設計。

 

概略來說,在鉛字印刷的時代,鉛字的設計在同一個造型不同字號的大小上,字元設計的結構佈局具有細微的差異,這可算是近來optical size(視覺大小最佳化)概念的前身了,簡單來說,就是為了讓不同字號的字體可以有最佳的呈現,如:不同的應用情境、更清晰的顯示或具有個性…而做的細微調整設計,以達到文字最佳的顯示效果。

 

傳統上,字體由細到粗的字重變化是字體這個素材在應用時最常用到的屬性,但隨著科技持續的研發創新,字體使用的載體早已不限於紙張材質的媒介,更透過不同印刷方式、油墨特性呈現多元的樣貌,甚至在螢幕上的使用,也進化到肉眼分辨不出螢幕畫素的是網膜等級。

 

我們整理幾個字體應用在外部環境比較常受到影響的因子:

1.     光線明、暗

2.     直射光、反射光

3.     載體的不同:紙本、數位螢幕、紙張材質、螢幕解析度

4.     數位螢幕:白底黑字、黑底白字

 

 

電腦數位字體相較於鉛字印刷時代,在載體、使用環境上都複雜許多,以下,我們舉幾個例子來看看,在不同的情境上,遇到漢字筆畫數差異高的字元並列時,不加思索的直接使用字體,以及瞭解字體規格與特性後,微調後的排版效果,希望透過比較後,讓使用者更加的體認到字體使用上細膩、獨到之處。

 

範例一,文鼎毛楷、文鼎顏楷

文鼎毛楷是一款擁有Bold、Extrabold、Heavy三個字重的書法字體,簡潔有勁的筆型線條變化及長形字構設計,呈現秀麗的書法的風格,適合於小標題、大標題使用。

 

下圖白底黑字為反射光用字情境,黑底白字為直射光用字情境

在左上區塊,我們可以看到「蝦」這個字元的灰度弱於其他兩字,這時候,如果我們將「蝦」單獨這個字元的字重換成Heavy(右上區塊),視覺上,三個字元的灰度是不是就平衡了許多呢?

 

 

左下區塊黑底白字為類似廣告燈箱的直射光用字情境,這時候我們看字的光線會從背板直接射入我們的眼球,筆畫多的字,散發出來的光線量會比較多,因此適當的將筆畫多的字元粗度減細,可以降低視覺上光暈的現象發生,進一步的提升閱讀的舒適度。

同樣的,下方文鼎顏楷的使用也類似文鼎毛楷的原理,由此,我們可以知道,瞭解一款字體的特性、觀察不同的用字情境,適當的選用、挑選是必要的。

 

範例二,文鼎方新書

文鼎方新書是一款保留著黑體的簡練、穩重,也融合著明體的舒適、清雅的一款字體。這個使用情境無論是上方的白底黑字或下方的黑底白字,都是模擬廣告燈箱的直射光用字情境,與範例一不同。

 

範例一我們透過對字元進行字重的挑選,達到視覺上字元灰度的平衡,而方新書這個範例情情境,則是挑選已經預設好的字體設定來使用。當用字的載體環境都相同時(直射光),變數在於淺色底及深色底,我們會建議淺色底使用標準版的「文鼎方新書H7C95_H」,而深色底我們會建議使用有對漢字筆畫數較多的字元進行筆畫減細的「文鼎方新書H7C95D_H」,追求的都是降低視覺上光暈的現象發生,進一步的提升閱讀的舒適度。

 

 

 

不同變數下使用不同規格、不同設定的字體,甚至是加以細節的微調,如字元間距、字元高度等,以達到最佳的視覺效果,這是我們在本篇文章希望讀者可以學習到的地方。

 


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

如何呈現國字〇

在使用輸入法輸出中文字時,你的零是以怎樣的面貌呈現呢?是寫成國字「零」,還是「〇」、「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

░會員限定講座 ░ 字體與設計的美學饗宴

活動簡介

文鼎字型與臺灣森澤聯合主辦【會員限定講座】,透過設計師藉由自身不同的案例,分享文字與設計上的經驗與選字觀點,從中找尋字體與設計間的脈絡,探討更多設計的可能性。

讓你在創作時,更容易選出符合設計需求的字體,提升作品質感!


活動時間與地點

時間:2024/08/30(五) 14:00 - 17:00,13:30開放報到
地點:台北⽂創A廳 ( 台北市信義區菸廠路88號6樓 )
交通:建議搭乘捷運前往(捷運國父紀念館站5號出⼝,步⾏約350M)


活動嘉賓

王胤卓 Draw Wang
大象設計 / 創辦人

合理的文字

平面設計有相當多的工作在處理圖文之間的關係,不論是標誌(視覺規範設計)、海報(主視覺設計)、書籍(裝幀與編排)、展覽與指標(空間視覺設計)等,所有的造型與形式之間,都需要更恰如其分的文字編排與字體選擇。

字型有其非常專業的環節,標準字設計也是,擁有了基礎的了解後,設計師要如何用自己的視角與美感提出個人觀點再活用?真實在面對設計專案,這些文字設計,又會碰到什麼執行問題和落地困難?

本次課程將以大象設計過往執行的專案設計案例分享,更著重於「字體」、「標準字」的部分,藉由經驗分享,與學員們一起探索文字的可能性。


░ 講師介紹 ░
生於金門,成長於金門的平面設計師,執行過多項跨領域設計專案。擅長由視覺設計出發,串連立體空間的橫向連結,以形式和內容並重的設計準則表現設計。對他來說,兼顧文化層面和設計與人的關係,試圖在傳統文化裡面察覺對當代生活的想像,是於設計過程中致力的目標。

 

馮 宇
IF OFFICE 創意總監暨創辦人

文鼎男孩奮鬥記!?

字體擁有多重價值與魅力,不僅是資訊的載體,更是品牌個性與精神的具象表現。

作為平面設計師,從學習階段到創業歷程的30年間,「字體」深深影響了我對於視覺傳達的理解與詮釋。講座將分享從「字法編排的啟蒙教育」、「雜誌藝術指導」到「品牌設計企劃公司創辦人」的三個設計師養成歷程,探索字體如何在每個設計生涯的重要時刻,扮演啟發靈感與觸動轉變的關鍵角色。

透過 IF OFFICE 的作品案例,從品牌定位的視角出發,運用邏輯思考選擇最適合的字體打造 LOGO,提升品牌識別度,強化與受眾之間的情感聯繫,並在整體識別系統中發揮最大效用,為品牌注入靈魂與生命力。


░ 講師介紹 ░
設計企劃公司「IF OFFICE」創意總監暨創辦人。專業領域包含品牌形象規劃等全方位設計服務,涵蓋各型產業。近年公眾面向作品包含: 110年國慶主視覺、總統府建築百年活動主視覺、國家兩廳院年度活動主視覺、馬祖國際藝術島主視覺、嘉義市城市品牌形象規劃、TPASS行政院通勤月票、國立陽明交通大學品牌識別系統、康軒文教國小教科書設計顧問……等。


活動報名辦法

講座分為 線上直播 實體活動

線上直播與實體活動請擇一報名。若重複發送報名表單,且選擇不同形式的講座,系統將會判定為參加線上直播活動。填寫完報名表單後,我們將於3個工作日內寄送活動通知信件,並於活動前兩天以電子郵件方式寄發「報到通知」至您的電子信箱,請留意收件信箱。

立 即 報 名


1. 線上直播 :YouTube ⾮公開直播,活動連結將於活動前1天寄送,請留意報名時輸⼊的信箱是否完整。
2. 實體活動:報名實體活動後若因故無法參加,最晚請於活動3⽇前取消報名,釋放名額給想參加的朋友。


此次講座我們將帶給您,掌握設計師分享的字體與設計的美感洞察,
還有 iFontCloud 會員獨享禮遇 喔!!

參加線上直播的你:不論新舊客戶,我們都準備了首購禮與續約優惠等著你!
參加實體活動的你:活動當天,現場將陳列展示兩位講師的設計案例,並與現場來賓進行交流。此外還會提供千元優惠卷及精美字體禮品讓你一併帶回家。

備註
1. 如活動當天遇有不可抗⼒之情事(如颱⾵、地震…等),主辦單位有權決定活動是否延期,並擇日另行公告於社群。
2. 主辦單位保留隨時修正、暫停、終⽌或解釋本活動之最終權利,並以本活動社群公告為準。
3. 如資料填寫錯誤或不符,以致主辦單位無法確認⾝分時,主辦單位有權取消其參加資格。