AI 與機械人公司
品牌字體趨勢
AI 與機械人行業這幾年發展得如火如荼。大型語言模型公司接連突破技術邊界,圍繞 AI 而生的設計、市場推廣與效率工具等產品公司也緊隨其後。機械人行業過去主要服務企業客戶,如今人形機械人陸續走進大眾視野,由工廠車間到發佈會舞台,受關注程度前所未見。
這兩個行業都站在科技與人文的交匯點。各品牌的視覺風格不盡相同:有的含蓄克制,有的大膽前衛;有的講求工程理性,有的重視人文溫度。若把焦點放在字體上,會發現幾股值得記下的潮流——客製字體逐漸成為品牌資產,襯線體亦大舉回歸。這些變化背後,是科技公司希望透過字形贏得信任、建立辨識度。
- 客製字體已成為 AI 龍頭品牌的標準配備:由單一展示字體,發展為涵蓋無襯線、襯線及等寬體的完整字體家族
- 襯線字體在 AI 品牌之間重新流行,以人文質感與古典氣質突圍而出,應用範圍更由大標題延伸至內文
- 等寬字體走出程式碼編輯器,憑藉濃厚的工程師氣質,成為品牌標題與介面上的視覺點綴
- 機械人品牌普遍選用中性、沉穩的經典無襯線字體,在工廠、醫院與家居等場景中傳達可靠感
AI 龍頭品牌:更深度的客製字體系統
細看一眾 AI 龍頭企業的官網,不難發現客製字體早已是常態,而且做得愈來愈完整。OpenAI 在最近一次品牌更新中推出客製字體 OpenAI Sans;Anthropic 同時配備三款字體:Anthropic Sans(無襯線)、Anthropic Serif(襯線)和 Anthropic Mono(等寬);Perplexity 更進一步,擁有 PPLX Sans、PPLX Serif、PPLX Mono 及 PPLX Narrow Serif(窄體襯線)四種樣式,並採用可變字體技術。以往品牌多數只會在襯線與無襯線之間二選一,現在不少品牌則直接建立一整套涵蓋多種風格的字體家族,甚至加入光學尺寸(optical size)可變軸。
OpenAI ChatGPT 介面
Perplexity AI 使用同一套客製字體的不同樣式
AI 影片公司 Leonardo 在品牌煥新時,客製了 Leo Renaisans;企業級大型語言模型公司 Cohere 則擁有一整套以公司命名的字體家族。放眼相關領域,Figma 有 Figma Sans,Canva 亦有 Canva Sans。
AI 影片工具 Leonardo 網站首頁採用客製字體 Leo Renaisans
襯線字體回潮:AI 品牌的新寵
襯線體回潮並非新鮮事,但 AI 科技品牌對它情有獨鍾:整個行業由早年幾乎清一色的無襯線字體,轉變為今天襯線體當道的局面。
Anthropic 旗下的 Claude,品牌標誌直接採用襯線體,介面亦大量使用;Perplexity 在客製字體家族中特別設計了襯線樣式,旗下瀏覽器 Comet 的宣傳標題同樣以襯線體呈現;法律 AI 品牌 Harvey 把襯線體用在網頁主標題和產品介面上,連數字也不例外;AI 剪輯工具 Descript 的首頁以超大字號襯線字作為主視覺;主打個人智能的 Inflection 更索性全站採用襯線字體。
Claude 介面主標題採用襯線體
Perplexity 瀏覽器 Comet 廣告,襯線標題「Comet is here」
法律 AI 品牌 Harvey 在網頁主標題和介面中使用襯線體,連數字也不例外。
Descript AI 剪輯工具網站首頁,以超大字號襯線體作為主要視覺元素。
Inflection AI 官網首頁,採用超大號襯線標題「Pioneering Personal Intelligence」
Jasper AI 官網首頁,大號展示標題「Put AI agents to work for marketing」
AI 行業對襯線字體的偏好,早已在設計圈引起討論。設計媒體 Creative Bloq 最近以「AI 品牌為何鍾情襯線體」為題,訪問了蒙納(Monotype)高級執行創意總監 Charles Nix,當中有不少值得細味的觀點:
談到背後原因,Charles 認為品牌一方面想增添人文質感,另一方面希望與其他科技企業及 AI 對手區分開來,跳出過去二十五年幾乎只用無襯線字體的慣例。襯線字體帶有古典底蘊與知性氣質,至今仍是印刷書籍的主流選擇;反觀科技品牌長期依賴無襯線字體,視覺面貌難免千篇一律。為求突圍,設計師重新拾起襯線體——起初只用於大標題,現在連內文排版也開始採用。
2000 年代初 Apple 彩色 iMac 廣告,襯線標題「No artificial colors.」
Creative Bloq 的訪問還帶出兩個有趣的觀察。第一,今次的襯線風潮,在視覺氣質上與 2000 年代初的 Apple 廣告相當接近——正是彩色 iMac 配襯線大字的年代。AI 品牌借用的不只是字體樣式,還有那個「科技仍然溫和友善」的時代氛圍。第二,襯線復興並不限於 AI 領域,例如蛋白棒品牌 David 的產品包裝,同樣採用大字號襯線字體。
等寬字體:由寫程式的工具變成品牌視覺的點睛之筆
如果說襯線字體回潮相當搶眼,那麼以等寬字體作視覺點綴,則是另一股值得留意的小眾趨勢。這類字體向來與寫程式密不可分,自帶濃厚的工程師氣質。
Sanctuary AI 官網,選單列和介面按鈕採用等寬字體
Cohere AI,主標題文字採用等寬字體。
Reka AI 官網,副標題和按鈕採用等寬字體。
機械人行業:以無襯線建立可靠與信賴
與 AI 行業字體百花齊放的情況截然不同,逐一瀏覽機械人企業的官網,會發現用字幾乎清一色是無襯線字體。
Boston Dynamics(波士頓動力)全站只用 Gotham 一個字體家族;人形機械人品牌 Figure 選用 Neue Haas Grotesk,並以等寬字體作標題;Apptronik、1X 和 Agility 同樣選擇氣質中性的無襯線字體。視覺上,除了 Boston Dynamics 帶有厚重的工程感,其他品牌的網頁大多走簡約克制路線。
這種集體偏好並非巧合。人形機械人即將走進工廠、醫院和家居等真實場景,「可靠」是用戶最先感受、也最在意的特質。經典無襯線字體歷久不衰,中性、沉穩而不張揚,正好切合這個需要。相比之下,純軟件的 AI 企業發揮空間較大,敢於嘗試客製字體、襯線展示字體以至像素字體,以多元的字體塑造鮮明的品牌個性。
Boston Dynamics 官網,全站只用 Gotham 一個字體家族
Figure 官網,大標題採用等寬風格字體,配合 Neue Haas Grotesk 使用
Apptronik 官網,全站使用 Helvetica Neue
1X 官網頁面
Agility 官網首頁
AI 與機械人品牌愛用的字體,在 Monotype 都找得到
上文提及的案例中,不少耳熟能詳的字體都收錄在 Monotype 字庫之中,包括:
-
Gotham
2000 年發佈,隨 Hoefler&Co 加入 Monotype。Boston Dynamics 全站使用。
-
Neue Haas Grotesk
1957 年由 Linotype 首發。Figure 官網內文字體。
-
Helvetica Neue
源自 1957 年的 Linotype 血統。Apptronik 的主力字體。
-
TT Norms Pro
TypeType 出品。AI 影片公司 HeyGen 的內文主力字體,另配展示字體負責標題。
-
TT Commons Pro
TypeType 出品。Reka AI 頁面採用其 Mono 樣式。
-
Grenette
Colophon 出品。Inflection AI 全站使用。
HeyGen AI 影片公司,以 TT Norms Pro 為內文主力字體
案例簡析:Boston Dynamics(波士頓動力)如何以一套 Gotham 建立品牌語言
在本文提及的品牌之中,Boston Dynamics 的字體運用尤其值得細看:整個網站只用 Gotham 一款字體,靠不同字重的搭配拉開視覺層次,同時維持極高的統一性與穩定感。
Boston Dynamics 首頁導航列,全站統一使用 Gotham
Boston Dynamics 首頁大標題 H1,Gotham 字重展示
Boston Dynamics 首頁二級標題 H2
Boston Dynamics 首頁卡片標題 H4
從視覺風格來看,Gotham 一般被歸類為幾何風格的無襯線字體,字母結構規整穩定,很適合用來營造有秩序感的版面。
Boston Dynamics 透過鮮明的字號與字重對比,即使只用一個字體家族,整個版面依然充滿張力與節奏感。
- 頁面主標題一律使用粗體,字號隨標題層級遞減,與副標題及內文形成強烈對比。
- 全站各級標題(H1–H5)的字號與樣式高度一致,進一步加強視覺統一。
- 較幼的字重只在有需要時才出現,例如公司歷史時間線。
總結與展望
把兩類品牌放在一起比較,可以看到它們的共通點與分別:AI 品牌透過客製字體、襯線展示字體與等寬點綴展現個性;機械人品牌即將走進工廠、醫院與家居,更需要中性、沉穩的無襯線字體來傳達可靠感。說到底,選擇哪款字體,取決於品牌希望用戶第一眼感受到怎樣的氣質。
可以肯定的是,字體在品牌表達中的份量只會有增無減。客製字體不再是科技巨頭的專利;標題、內文、等寬及客製字體家族之間如何配搭,亦會被視為一套完整的品牌系統來規劃,而不是零碎地逐款挑選。
{
"totalBlocks": 1,
"blocks": [
{
"component": "shared.rich-text",
"title": "品牌字體趨勢:AI 與機械人公司 "
}
],
"spliced": {
"articleFooter": false
},
"useRecommendation": false,
"strapiRelatedCount": 0,
"relatedCount": 0,
"designersCount": 0,
"hasDesigners": false
}