定距字型與應用

2021-04-19 18:22:43.0

分類: Products and Applications

定距字(monospace font)這是字型設計裡重要的設計規格,與其相對的是調和字(proportional font)。定距字是指字元寬度相同的字型,亦稱為等寬字、等寬字型,本文後續以定距字、定距字型稱呼;漢字中的半角字也是定距字的一種,安排後章節做說明。

 

現在大家使用上習以為常的數位字體出現前的時代,字體的呈現是透過鉛字排印的方式傳達出來,而鉛字大多以固定寬度的方式作設計,來符合當時打字機、排印技術上的限制。時代的腳步不斷的前行,電腦硬體環境與排印軟體對於運算字體的機制也不斷的改善,使得排版、閱讀感受上,呈現出比較自然的調和字使用變的普及。

 

我們以AR Silver Sans 這款字簡單來說明定距設計(Monospace)與調和設計(Proportional)在字元呈現的差異。為了要符合每個字元寬度一致的設計規格,我們可以看到AR Silver Sans Monospace在「i」這個符號字元的空間結構上與AR Silver Sans Proportional有明顯的不同,這樣的設計主要是為了在空間佈局上取得較佳的呈現,另外「m」這個符號字元也因為字元空間的不同,而呈現不同的視覺樣貌。

在當代的字型使用趨勢中,大多是以兼顧視覺與造型設計的調和字型使用的較多,但定距字的使用,並沒有因調和字的大量運用而消失,而是以能清楚呈現資訊訊息的功能性使用角度持續存在著,例如微軟在2019年發佈的開源字型Cascadia Code,就是一款具有固定字距(Monospaced)特性的字型,適合用於電腦系統與工程師程式開發等用途上,讓工程師在進行字元閱讀時,達到提升程式碼與介面文字可讀性的效益。

工程師在進行程式設計時,使用固定字距的字型可增進開發效率。

 

最近,我們也看到一些公共建設,如新竹車站資訊面版、桃園機場的班機資訊顯示面版當中的字體也都是選用了固定字距的字型。以新竹車站顯示列車到站的時刻表為例,這是設計師 施博翰使用了定距字設計的AR Silver Sans Monospace,作為新竹車站時刻表的呈現,這定距字的使用,配合設計師排版的專業,增加了時刻表上數字訊息閱讀的可讀性。

設計師 施博翰在新竹車站列車時刻表的排版設計

 

 

桃園機場的班機資訊顯示面版以定距字做為訊息閱讀的文字選擇。

 

 

雖然定距字型出現的時間較調和字型早了很多,但在使用上並沒有因為外在環境硬體的提升而消失,反而以在特定情境下具有高辨視度的功能性繼續存在著,廠商們也持續設計新的定距字,也讓用字多了許多的選擇。

 

 

附註:新竹車站列車時刻表引用自設計師 施博翰在「臺鐵新竹站指示標示系統設計規劃說明」

 


Products and Applications

融入校園的iFontCloud教育授權

文鼎iFontCloud為學生、學校單位規劃了多樣的字體租賃服務方案,涵蓋同學個人使用、國中小、高中職大專院校、學校教職員等不同角色與組織的授權方案。

專屬學生以教育學習為目的的方案
身為學生的你,在用字上有沒有這些困擾呢?除了系統內建字體外,沒有其他來源可以選用字體,或是使用到來路不明的字體,無形的誤觸著作財產權的爭議,想要使用新世代的字體,費用上卻無力負擔呢?文鼎字型從教育的視角切入,在iFontCloud平台上提供了繁中多元學習包(學生)(年)美感學習包(學生)(年)等兩個方案,期望對於著作權的尊重、透過合法途徑使用正版字型、使用者付費的觀念從校園學生時期開始養成。學生們於就學期間可以合法的以學習為目的使用這兩個方案的字型於報告、作業、佈置等用途,藉由字體的運用豐富的作品的樣貌。


iFontCloud學生教育方案的購買者、使用者必須具有學生的身份,購買時可以先準備以下資訊申請教育身分的認證:

  1. 在學學生證正反面(需蓋上當期註冊學年章,如未蓋章則不具效力證明)
  2. 在學證明

在註冊iFontCloud會員後,並將上述證明文件擇一上傳至ifontcloud@arphic.com.tw信箱,待客服人員審核通過後,即可以學生身分購買學生方案。

學生在使用學生方案的同時要注意,本服務是以提供學生學習使用為主要目的,使用iFontCloud期間所產出的文件、作品皆不得有銷售等營利的行為喔。

△: 學生版注意事項
學生版以學生個人學習為目的,使用本服務,本服務及產出物不得用以營利或銷售,詳細請見授權書內容。

以教育學習或教學為目的的方案
文鼎iFontCloud字型產品有上架到教育部補助各縣市及學校「推動中小學數位學習精進計畫-數位內容與教學軟體」的計畫中,教職員或學校採購單位可依教學需求自行評估採購,現況共有以下方案上架:

  1. 文鼎iFontCloud雲字庫 繁中旗艦包 教育版
  2. 文鼎iFontCloud雲字庫 繁中旗艦包 進階版(一人授權一年)
  3. 文鼎iFontCloud雲字庫 繁中旗艦包 標準版(一人授權一年)
  4. 文鼎iFontCloud雲字庫 文鼎繁中DC風格包(一人授權一年)

此外,如果您符合政府機關或公立學校等資格,有以下幾個方案可以選購,詳情請參考政府電子採購網 政府電子採購網,也可致電文鼎字型團隊,為您做更詳細的介紹:

  1. 文鼎iFontCloud雲字庫 文鼎繁中DC風格包(一人授權一年)
  2. 文鼎iFontCloud雲字庫 繁中旗艦包 教育版(全校授權一年,國小/國中/高中職,使用人數450以內)
  3. 文鼎iFontCloud雲字庫 繁中旗艦包 教育版(全校授權兩年,國小/國中/高中職,使用人數450以內)
  4. 文鼎iFontCloud雲字庫 繁中旗艦包 教育版(行政人員授權兩年,使用人數15以內)
  5. 文鼎iFontCloud雲字庫 繁中旗艦包 標準版(一人授權一年)

上述的方案都可以引領莘莘學子、學校單位、教師以較實惠的價格使用到iFontCloud雲字庫的服務,期盼透過正確管道尋求合法使用授權的觀念從學習生涯養成,讓字型的美從小校園渲染到大社會,透過iFontCloud服務讓設計美學融入每個人的日常。

Products and Applications

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

 

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

 

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

 

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

 

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

 

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

1.     光線明、暗

2.     直射光、反射光

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

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

 

 

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

 

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

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

 

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

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

 

 

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

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

 

範例二,文鼎方新書

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

 

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

 

 

 

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

 

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. 如資料填寫錯誤或不符,以致主辦單位無法確認⾝分時,主辦單位有權取消其參加資格。