不只是字體!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

Adobe悄悄換上全新品牌識別!從經典「A」字到更飽和的紅色,如何打造視覺一致性?

Adobe悄悄換上全新品牌識別!從經典「A」字到更飽和的紅色,如何打造視覺一致性?

前些時候,Adobe悄悄進行了一場品牌視覺重塑。這次轉變由曾操刀Tripadvisor與萬豪酒店集團識別系統的Mother Design負責,選擇低調而有力的路線,從Adobe深植人心的經典形象出發,精準調整每一個細節,在當代視覺文化中重新聚焦、傳遞品牌精神。

傳承最初的品牌形象

作為全球設計師的工作夥伴,品牌視覺對Adobe而言格外重要。Mother Design以1982年Adobe成立時的第一版Logo為基礎(該版本由插畫家Marva Warnock設計),重塑出一款彷彿「從一開始就存在」的全新識別。這次,他們將字首「A」單獨使用,一改過去以負空間概念為主的設計,重新透過正空間思考來表達品牌形象。

Adobe悄悄換上全新品牌識別!從經典「A」字到更飽和的紅色,如何打造視覺一致性?
第一版Adobe品牌識別(圖片來源:Mother Design)
Adobe悄悄換上全新品牌識別!從經典「A」字到更飽和的紅色,如何打造視覺一致性?
這次品牌重塑將字首「A」單獨使用(圖片來源:Mother Design)

在新版視覺中,「Adobe」字樣與「A」標誌融為一體,這項調整看似微小,卻能夠大幅提升整體的現代感與簡潔性。Mother Design團隊表示:「這項舉動的目的,是希望觀看者不再需要在圖像與文字之間尋找連結。」

Adobe悄悄換上全新品牌識別!從經典「A」字到更飽和的紅色,如何打造視覺一致性?
「Adobe」字樣與「A」標誌融為一體(圖片來源:Mother Design)

更飽和的紅色、更精簡有力的色彩計畫

除了新Logo外,品牌色彩計畫也在本次一併更新。原先的Adobe用色被大幅簡化,重新聚焦於更飽和、更明亮的紅色,並搭配黑白兩色使用。全新的紅色更堅定、有力,無論搭配文字或是圖像,都能展現出強烈的視覺張力;而這樣的特性,也大大提升了品牌形象的一致性。

Adobe悄悄換上全新品牌識別!從經典「A」字到更飽和的紅色,如何打造視覺一致性?
除了新Logo外,品牌色彩計畫也在本次一併更新(圖片來源:Mother Design)
Adobe悄悄換上全新品牌識別!從經典「A」字到更飽和的紅色,如何打造視覺一致性?
設計團隊重新聚焦於更飽和、更明亮的紅色,並搭配黑白兩色使用(圖片來源:Mother Design)

導入「Adobe Lens」打造視覺一致性

另外,Mother Design還為Adobe開發了一項全新視覺元素「Adobe Lens」。把這個紅色邊框套用於不同風格的圖像、照片上,就能讓它們擁有一體感,觀看者也能立即辨識出這是Adobe的產品。為了讓Adobe Lens能被靈活運用,設計團隊也製作了適用各種媒介與場合,不同規格的版本,維持一致的品牌語感。

Adobe悄悄換上全新品牌識別!從經典「A」字到更飽和的紅色,如何打造視覺一致性?
全新視覺元素「Adobe Lens」(圖片來源:Mother Design)

全新品牌字體上線

最後,Adobe也趁此次機會,攜手MCKL Type開發了品牌字型「Adobe Clean Display」,用於展示各項產品與資訊,強化品牌的辨識度。

Adobe悄悄換上全新品牌識別!從經典「A」字到更飽和的紅色,如何打造視覺一致性?
品牌字型「Adobe Clean Display」(圖片來源:Mother Design)

這次Adobe品牌重塑計畫雖然涉及多方面的變動,卻不讓觀者感到突兀、不適應。對於Adobe這樣廣為人知的品牌,將既有視覺元素微調、優化,就能更完整有力地傳遞品牌精神。

Adobe悄悄換上全新品牌識別!從經典「A」字到更飽和的紅色,如何打造視覺一致性?
(圖片來源:Mother Design)

資料來源|Creative BloqCreative Boom

延伸閱讀

RECOMMEND

一本「需要泡水才能閱讀」的書:克服挑戰的創新設計,向世界呼籲水資源短缺造成的教育危機

一本「需要泡水才能閱讀」的書:克服挑戰的創新設計,向世界呼籲水資源短缺造成的教育危機

一般紙本書最怕水,一旦浸濕,紙張就會捲曲變形,墨水也容易模糊成一片。但這本《缺水的書》反其道而行,不只鼓勵你潑水,甚至只有在紙張濕潤時,文字才會浮現。

由非營利組織Water for People發起的「Dehydrating Book」(缺水的書)計畫,攜手創意溝通機構愛德曼,以及印刷工作室The Gas Company,設計並製作了130本《缺水的書》,期望喚起人們對水資源短缺議題的關注。

一本「需要泡水才能閱讀」的書:克服挑戰的創新設計,向世界呼籲水資源短缺造成的教育危機
Dehydrating Book(圖片來源:Water for People)

水資源即教育資源

根據聯合國兒童基金會(UNICEF)2021年的研究,全球有超過4.5億兒童因水資源匱乏而影響健康與學習能力,導致專注力下降。Water for People長期致力於改善秘魯及其他地區的水資源與衛生條件,而《缺水的書》更是水資源議題的具象化——當水從書本頁面退去,教育與機會也隨之消失。

一本「需要泡水才能閱讀」的書:克服挑戰的創新設計,向世界呼籲水資源短缺造成的教育危機
(圖片來源:Water for People)
一本「需要泡水才能閱讀」的書:克服挑戰的創新設計,向世界呼籲水資源短缺造成的教育危機
只有在紙張濕潤時,書本的內容才會浮現(圖片來源:Water for People)

突破挑戰的創新印刷方式

《缺水的書》故事靈感來自秘魯Cascas山谷一個村莊的學生,敘述一隻名為Lupita的蜂鳥與動物朋友們共同尋找水源的旅程,並在故事中強調水資源如何影響學習與個人發展。

一本「需要泡水才能閱讀」的書:克服挑戰的創新設計,向世界呼籲水資源短缺造成的教育危機
(圖片來源:The Gas Company)

為了製作這本能夠完全防水的書,令The Gas Company團隊傷透了腦筋。他們嘗試了泰維克、聚酯等材質,但這些材料不是皺縮變形,就是無法讓油墨附著。

最終,團隊選擇Super Yupo合成紙作為書頁並縫製成冊,3毫米厚的壓克力板作為書封,以雷射切割出書本密合的角度,並使用3M防水膠固定封面。至於內頁內容,第一層文字以UV印刷方式固定,再以絲網印刷覆蓋上變色油墨,使其在乾燥時隱藏,遇水時顯現。

一本「需要泡水才能閱讀」的書:克服挑戰的創新設計,向世界呼籲水資源短缺造成的教育危機
以Super Yupo合成紙作為書頁並縫製成冊,搭配3毫米厚的壓克力板作為書封(圖片來源:The Gas Company)

目前,共130本《缺水的書》已完成製作,並透過Water for People的活動贈送給捐款者,呼籲更多人關注刻不容緩的全球水資源危機。

一本「需要泡水才能閱讀」的書:克服挑戰的創新設計,向世界呼籲水資源短缺造成的教育危機
(圖片來源:The Gas Company)

資料來源|Water for PeopleFast Company

延伸閱讀

RECOMMEND