不只是字體!Eyeson Type設計師張軒豪親解字體設計的視覺科學

歐文字體

曾擔任華康字體設計師,同時也是Eyeson  Type負責人的台灣新銳字體設計師張軒豪,回想自己投入字體設計的契機,原來起因於一場洋蔥設計負責人黃家賢的講座。在那次的講座,因為那場講座,張軒豪發現原來字體不只是字體,背後其實充滿了科學與視覺的依據,字體設計更是一門兼具理性與感性的專業。相對於西洋世界百花齊放的字體設計,台灣設計師們的字體選擇便少了許多。

 

不知不覺,張軒豪開始期待自己能夠成為一位專業的字體設計師。不斷學習的同時,他也曾擔任華康的字體設計師。在那段時間了解亞洲市場的字體需求,並大量接觸日文/漢字的字體設計。而後他前往荷蘭的海牙皇家藝術學院(Royal Academy of Art)的Master Type & Media學習字體設計。

 

在荷蘭的那段日子,張軒豪掌握了字體設計的方法與系統,歐文書法的基礎訓練,也讓他更懂得掌握字體的造型與結構。返台的張軒豪成立自己的設計工作室Eyeson  Type,除了平面設計案之外,更與世界各地客戶合作,提供字體設計服務。

 

Q:字體該如何學習呢?

許多人會把Typography(字體排印)與Typeface design(字體設計)搞混。Typography談的是如何運用字體編排印刷,而Typeface design指的是製作出一款字體。兩種概念是截然不同,一般最常接觸到的是Typography,不過近年字體逐漸受到關注,也有愈來愈多人以字體設計(Typeface design)為目標學習。

 

Q:如何判斷漢字與歐文是否搭配?

通常,我們都會認為文字是黑色的。但文字的筆劃是黑色,但筆畫間的空缺是白色,所以當我們隔著一段距離,閱讀一行行的文字時,其實我們閱讀的文字,在視覺上其實是灰色的,這就是所謂的「灰度」。

 

而灰度,就是判斷漢字與歐文混排是否和諧的其中一個指標。因為灰度會影響人們閱讀的節奏,如果有些段落,感覺偏黑,段落感就太明顯,太白則又有停頓空缺的感覺。均衡的灰度,有助於營造穩定和諧的閱讀節奏。

 

Q:初學者該如何才能看見字體細節呢?

每一種字體,都有自己的細節。如果乍一下看不清楚,就可以透過微觀或是比較的方式,去認識它們。可以試試用電腦中最常內建的Arial與Helvetica來比較。譬如字母e。Arial的e的收尾,是傾斜的,但Helvetica卻是切水平的。雖然這兩個字體同樣都沒有太多個性,但切斜角在視覺上的感覺會稍微尖銳一些。這些字體的細節,往往也影響了文本傳達的印象。

 

Q:如何透過字體傳遞文化?

文字本身當然承載了意義,但大家都忽略了「字體本身」,其實也具有某種文化性。譬如這張「法式百年風華」海報設計,為了對應主題,我特別選用法國設計師的字體進行設計。這款字體最大的特色就是他的字體寬度不一,忽寬忽窄的大寫字母,因為不同寬度,視覺上因此有更具韻律感,這其實也是Art Deco時期很常見的字體表現方式。延續這樣的特色,我設計出保持同樣特色的中文字體。而畫面上左右兩側的藍紅圖樣,其實是將「法」符號化的設計。

 

此件「捷克&斯洛伐克平面設計一百年」的展覽海報,我同樣選用了斯洛伐克的字體設計師的作品,此款字體具有兩種設計,一種是全部用「線」去表現字體的空白,另種則是用線去呈現極細的筆畫。當字母的空白也以線呈現時,字體變得飽滿強烈,因此適合用在標題。此款字體的設計概念,也有帶有陰陽的觀念,雖然只用線段,但是一種是陰一種是陽,其實也象徵了捷克與斯洛伐克兩個國家的相互關係,看似一體卻又各自獨立。

 

 

下面這款字體是我在荷蘭設計的Wafflu,概念是把食物的口感轉換為視覺。

Wafflu是鬆餅的意思,靈感就是因為荷蘭常常可以吃到鬆餅。這是一款包含平假名、片假名、漢字及歐文的日文字體,此字體有四個字重。我希望在視覺上可以表現出外脆裡軟、軟中帶硬的感覺。這種蓬鬆的感覺,自然反映在文字的筆畫厚度,但在連結處,我刻意地想表現出酥脆感,因此在設計上也想表現出「一掰就斷」的印象。

 

文字整理│葉承享

圖片提供│Eyeson  Type

延伸閱讀

RECOMMEND

OpenAI進行品牌重塑!Logo線條更細緻、推出動態視覺與專屬字體,而且還很「人性化」

OpenAI進行品牌重塑!Logo線條更細緻、推出動態視覺與專屬字體,而且還很「人性化」

ChatGPT母公司OpenAI近期進行識別系統重塑,由設計團隊與AI工具共創,在視覺中引入人本思考,將舊有Logo拆解重組、訂製品牌專屬字體「OpenAI Sans」,還推出動態元素與全新網格系統。這套全新識別系統已同步應用於ChatGPT的瀏覽器與App介面。

OpenAI首度建立完整識別系統

相信大家對ChatGPT都十分熟悉,其開發商OpenAI成立於2015年,於2022年首次推出ChatGPT,近期又發布新模型o3-mini與「Deep Research」深度研究功能。縱使市值數十億美元,OpenAI卻從來沒有一個完整的識別系統,其視覺風格十分混亂,從Logo、字體到用色皆沒有統一標準。

2025年初,OpenAI終於進行品牌重塑,攜手柏林字體設計公司ABC Dinamo及荷蘭動態設計團隊Studio Dumbar,打造充滿人性化美學的視覺元素與相關規範。

OpenAI進行品牌重塑!Logo線條更細緻、推出動態視覺與專屬字體,而且還很「人性化」
OpenAI首度建立完整識別系統(圖片來源:OpenAI)
OpenAI進行品牌重塑!Logo線條更細緻、推出動態視覺與專屬字體,而且還很「人性化」
OpenAI首度建立完整識別系統(圖片來源:OpenAI)

人工智慧品牌的人性化展現

有趣的是,作為一個領先全球的人工智慧團隊,OpenAI的品牌重塑卻以「有機與人性化」為核心目標。雖然設計過程應用了DALL·E、ChatGPT和Sora等人工智慧工具,然而專屬於人類的直覺思考,仍是這次品牌重塑的關鍵角色——像是除了大量使用自然主義的色調,OpenAI還委託攝影師拍攝風景與靜物照,打造更具創新性與親和力的視覺。

OpenAI進行品牌重塑!Logo線條更細緻、推出動態視覺與專屬字體,而且還很「人性化」
OpenAI的品牌重塑以「有機與人性化」為核心目標(圖片來源:OpenAI)
OpenAI進行品牌重塑!Logo線條更細緻、推出動態視覺與專屬字體,而且還很「人性化」
除了大量使用自然主義的色調,OpenAI還委託攝影師拍攝風景與靜物照(圖片來源:OpenAI)

團隊表示,人類的影像管理能力在創作過程中仍然至關重要:「我們試圖不對人工智慧的創作制定太多規則,將人工智慧視作工具和合作夥伴是一件很有趣的事情。」

OpenAI品牌重塑亮點有哪些?

#01 Logo線條比例更簡扼

被稱為「花朵」(Blossom)的Logo,由三個相互交織的三角形組成,外觀如同一朵綻放的花。過去,Logo的設計並不完全對稱、線條粗細也不一;經過升級改版後,團隊以圓弧線傳遞人本思維的溫暖與流動性,直角細節則象徵技術所需的結構與精密度,Logo線條變得更精緻、比例也更精準。

OpenAI進行品牌重塑!Logo線條更細緻、推出動態視覺與專屬字體,而且還很「人性化」
OpenAI Logo的前後對比(圖片來源:OpenAI)

新版Logo不僅代表著品牌的成長與演進,也強調了4大核心價值「簡化、留白、不完美和生動」(simplification, space, imperfection and liveliness)。

#02 品牌字體OpenAI Sans

OpenAI Sans由OpenAI團隊與ABC Dinamo合作開發,從一個簡單的黑色圓圈出發,將幾何圓形引入字母與標點符號中,讓設計更圓潤,也更平易近人。為了在精準的幾何排列中展現人性化特質,OpenAI Sans故意保留許多「不完美」的細節。以字母「O」為例,雖然外圈是完美的正圓形線條,但內部比例卻不是。

OpenAI進行品牌重塑!Logo線條更細緻、推出動態視覺與專屬字體,而且還很「人性化」
OpenAI Sans將幾何圓形引入字母與標點符號中,讓設計更圓潤,也更平易近人(圖片來源:OpenAI)
OpenAI進行品牌重塑!Logo線條更細緻、推出動態視覺與專屬字體,而且還很「人性化」
OpenAI Sans(圖片來源:OpenAI)

至於品牌文字商標「OpenAI」,則是由六個相互連接的圓圈組成架構,其象徵著「生命的種子」,未來也將會更廣泛的應用於各處。

OpenAI進行品牌重塑!Logo線條更細緻、推出動態視覺與專屬字體,而且還很「人性化」
文字商標「OpenAI」由六個相互連接的圓圈組成架構,象徵著「生命的種子」(圖片來源:OpenAI)

#03 與使用者互動的動態元件「Emotive Point」

本次品牌重塑中,OpenAI攜手Studio Dumbar打造了全新的動態視覺元素「Emotive Point」,它是一個充滿動能、如水晶球一般的藍色抽象圖形,並根據輸入的程式碼變換不同面貌。團隊表示,「Emotive Point」的設計靈感來自水彩繪畫,卻又故意呈現好似沒有性格、沒有情感的外觀,作為人工智慧與使用者互動的介面物件。

OpenAI進行品牌重塑!Logo線條更細緻、推出動態視覺與專屬字體,而且還很「人性化」
動態視覺元素「Emotive Point」(圖片來源:OpenAI)

「Emotive Point」將以不同形式應用於OpenAI的產品中,包含ChatGPT「聲音」的視覺表現,並隨著使用者輸入的回應,呈現不一樣的律動。

#04 全新藍灰配色與網格系統

最後,OpenAI也推出全新配色與網格系統,作為未來品牌出版品的設計指南。配色上以灰色與藍色為主調,令人聯想到廣闊的天空與地平線,代表著深遠的視野與科技成長;而網格系統則融入新配色、新Logo、新字體OpenAI Sans等規範,提升設計排版的視覺效果。

OpenAI進行品牌重塑!Logo線條更細緻、推出動態視覺與專屬字體,而且還很「人性化」
OpenAI也推出全新配色與網格系統,作為未來品牌出版品的設計指南(圖片來源:OpenAI)
OpenAI進行品牌重塑!Logo線條更細緻、推出動態視覺與專屬字體,而且還很「人性化」
OpenAI也推出全新配色與網格系統,作為未來品牌出版品的設計指南(圖片來源:OpenAI)

延伸閱讀

RECOMMEND

方序中 X 董十行操刀《風之谷》台灣限定海報!素描王蟲、破損邊緣等細節呈現「古昆蟲圖鑑」

宮﨑駿《風之谷》台灣限定海報!方序中、董十行聯手設計「古代昆蟲圖鑑」

宮﨑駿經典作品《風之谷》將於3月6日首登全台大銀幕,台灣限定海報特邀設計師方序中率領的究方社團隊、插畫家董十行聯手呈現,結合刀模設計、呈玻璃質感的獨特印刷,營造古昆蟲圖鑑般的視覺風格;片名標準字也藏有巧思,仔細看「谷」字便能看見王蟲的樣貌,彩蛋滿滿。

宮﨑駿《風之谷》台灣限定海報!方序中、董十行聯手設計「古代昆蟲圖鑑」
(圖片提供:甲上娛樂)

《風之谷》用奇想包裹環境與人類關係的省思

《風之谷》名列「影史百大動畫」,更是「吉卜力三巨頭」宮﨑駿、高畑勳、鈴木敏夫、日本配樂大師久石讓夢幻聯動的合作起點。以往吉卜力經典作品如《神隱少女》、《魔法公主》、《霍爾的移動城堡》等在台重映時,皆由方序中操刀台灣限定海報,這次為《風之谷》設計,他也分享對劇情及角色象徵意義的細膩觀察:

「巨神兵代表對未來的追求與科技濫用,王蟲與腐海象徵自然界的力量與無窮生命,人們自私的行爲正在破壞這樣的平衡狀態,但娜烏西卡對自然和生命的深刻理解,展現出非凡的勇氣與智慧,以及在面對戰爭和環境破壞時所展現的堅定態度,讓人類有了希望與前進的力量。」

宮﨑駿《風之谷》台灣限定海報!方序中、董十行聯手設計「古代昆蟲圖鑑」
(圖片提供:甲上娛樂)

素描筆觸、破損邊緣等細節呈現「古昆蟲圖鑑」

從《風之谷》敘事中對環境與人類關係的省思、及各角色象徵意涵出發,方序中與董十行一同梳理呈現海報的觀點與可能性,更深入研究《風之谷》漫畫原作的細節,最後決定以「古代昆蟲圖鑑」的表現風格呈現海報。作為主體的王蟲,透過素描線條描繪出古代書籍的視覺風格,其比例、姿態、質地都經長時間琢磨,兩人更特別向設計師張志祺借來巨型王蟲模型,以賦予王蟲最接近原作的狀態。

宮﨑駿《風之谷》台灣限定海報!方序中、董十行聯手設計「古代昆蟲圖鑑」
(圖片提供:甲上娛樂)

此外,王蟲的眼睛做了局部亮面處理,表現出象徵和平的藍色玻璃質感;一旁則是娜烏西卡帶著狐松鼠迪多,像風一樣自由翱翔天際;海報的破損邊緣特別採刀模設計,象徵時間的無情流逝,每一細節無不呼應《風之谷》劇情所乘載的訊息。

宮﨑駿《風之谷》台灣限定海報!方序中、董十行聯手設計「古代昆蟲圖鑑」
(圖片提供:甲上娛樂)

王蟲形象融入標準字

片名標準字設計也藏有小彩蛋,方序中以日版字體為原型,加入更多圓角表現古代機械的結構感,更將王蟲的正面藏入「谷」字上方,增添趣味性。這款台灣限定海報無論視覺或概念,都展現了對《風之谷》的致敬與獨特詮釋。

宮﨑駿《風之谷》台灣限定海報!方序中、董十行聯手設計「古代昆蟲圖鑑」
(圖片提供:甲上娛樂)

如何獲得《風之谷》台灣限定版海報?

全球僅限量6萬張,只送不賣,每張海報皆印有專屬流水編號,以防盜版。凡於《風之谷》上映首周(36日~313日)至全台戲院購買2張電影票,就有機會獲得「限量版王蟲圖鑑」海報1張,數量有限,錯過不再。若有興趣收藏,不妨持續鎖定官方消息

宮﨑駿《風之谷》台灣限定海報!方序中、董十行聯手設計「古代昆蟲圖鑑」
(圖片提供:甲上娛樂)

資料來源|甲上娛樂、方序中Facebook