那些熱門的 APP,都用了什麼英文字體?

一個 APP 的誕生,集結了各方的創意與努力。而 APP 介面上的字體,就如同外套上的圖案,直接影響了 APP 的整體觀感和用戶體驗。我們將探討 App Store 上熱門應用程式常使用的英文字體,希望能為網頁設計師和品牌營銷人員提供更多參考選擇。”

當中文應用程式的介面語言設定為英文(或其他拉丁文語種)時,對於注重視覺設計的人來說,常會有「差了那麼一點點」的感受,卻又說不清楚具體哪裡不太對。有這種感覺的主要原因,很有可能就出在字體的選擇上。

那麼,在為 APP 界面選擇字體時,我們應該考慮哪些重要因素呢?

考慮一:語種支持

如果本地 APP 需要拓展「海外市場」且涉及到不同語言,選字的首要考慮因素的也許是語種支持,以確保所有語言的字符都能完整展示。在蒙納字庫中,有多款名稱中含有 World 的經典字體均可支援 150 種以上的語言:Neue Helvetica World,Neue Frutiger World,Avenir Next World。

值得一提的是,蒙納還有與這些多元字體風格相符的中日韓字體。例如:Neue Frutiger World,有基於其風格設計的日文字體 Tazugane,以及中文字體翔鶴黑體,真正實現「百種文字,統一風格」。

考量二:風格選定

這也許是選字過程中 UI/UX 設計師和品牌行銷人最容易感到困惑的環節。我們在之前的文章中提到:Arial 和 Times New Roman 廣受企業的青睞。但在 APP 介面設計中,這兩種字體通常不是首選,尤其是 Times New Roman,只適合極少數 APP 的介面風格。

時尚是個循環:上一個十年,許多奢侈品牌的標誌字體被「削」成了無襯線,這股無襯線字體風潮也蔓延到各行各業。而現在,襯線字體又悄悄回歸,今年 Burberry將商標字體改回襯線體,就是這一趨勢的體現。此外,行動裝置的螢幕越來越精細,襯線字體在螢幕上的顯示效果也更加銳利精緻。儘管如此,整潔乾練、清爽易辨認,帶有一定幾何感的無襯線字體依然是 APP 介面字體的主流。

當然,沒有絕對的定論。精緻、學術性、高端、雅致……這些風格的表達,仍然是襯線字體的強項。當APP的定位更偏向於展示(而非功能性)時,類似 Sabon、Cotford 等襯線體仍然是絕佳的選擇。此外,當介面有較大字號的文字,使用襯線體往往能成為亮眼的點綴。

考量三:品牌個性

就算一款字體作為「單品」本身很賞心悅目,我們也無法忽略「和諧」這個關鍵要素。如果企業已經有使用成熟的中文視覺規範,英文字體的選擇也應該仔細考慮是否與風格調和匹配。例如:如果企業試圖呈現親和溫暖的感覺,那麼使用圓潤的Gotham Rounded 或許會比筆畫銳利的 Proxima 更適合。多數字體本身並沒有絕對的「優劣」之分,當眼光敏銳的「設計者」將它們用在恰當的地方,或形成和諧的組合,才能讓每一款字體的優勢發揮到極致。

考量四:易認性

手機 APP 與其他載具的區別還在於:除了螢幕面積小,使用者使用 APP 時有可能是步行狀態,螢幕也會隨之輕微晃動。因此,介面文字的易認性成為重要的考慮因素,尤其是要強調數位展示的時候。這也許是無襯線字體持續成為主流介面字體的原因之一(不管襯線字體潮流如何一次又一次「捲土重來」)。


接下來,讓我們來盤點在 App Store 上那些熱門應用程式使用的介面字體。

 

 

Proxima Nova

2005 年發布的 Proxima Nova 字體由 Mark Simonson 設計,廣泛用於各類數位媒體。 Proxima Nova 結合了 Futura 和 Akzidenz Grotesk 的特徵,擁有幾和風格的外觀和現代化的比例,讓應用程式介面清新舒適,小字號的文字也可以清晰銳利。

proxima nova.png
皇家加勒比應用程式 和 圖片分享應用程式 Flickr 使用 Proxima Nova
monotype tinder.png
鞋類品牌 Crocs 和交友應用程式 Tinder
proxima nova 3.png
旅遊預訂和搜索服務應用程式 Hopper 和 打鼾偵測應用程式 SnoreLab 使用 Proxima Nova 字體

Avenir

Avenir 首發於 1988 年,其升級版本 Avenir Next 更適合數位化載體。雖然 Avenir 有時也會被歸類為幾何無襯線體,但由於巧妙的細節處理,Avenir 比常規的幾和無襯線體更具人文感,氣質更優雅,也更清晰悅目。 Avenir Next World 可支援 150 餘種語言。去年,蒙納也發布了風格基於 Avenir Next 的日文字體 Shorai Sans(松籟黑),讓 Avenir 家族更加國際化。

Avenir Next App Monotype.png
冥想應用程式 Calm 使用 Avenir Next
Avenir Next App Monotype2.png
在線旅遊預訂平台 Booking.com 和 社交應用程式 Snap Chat 使用 Avenir Next
Avenir Next App Monotype3.png
電商零售平台 Cider 和自動化操作工具 IFTTT 使用 Avenir Next

DIN

德系字型 DIN 是字體界的「長青款」。近幾年,又衍生出了「圓頭體」「漏板體」等變體,進一步拓寬 DIN 的應用範圍。

din is.png
JetBlue (捷藍航空) 和 Adidas App 使用 DIN Next
din 2.png
Duolingo 正文字體採用 DIN Next Rounded; Puma App 使用 DIN Next

 

Neue Helvetica

儘管 Helvetica 的大量使用受到爭議,但仍是「不會出錯」的選擇 —— 好的設計,就是讓使用者感受不到設計的存在。

Neue Helvetica.png
安全加密 Duo Mobile 和 大型零售平台 Target 使用 Neue Helvetica

Gotham

身為幾何無襯線中的典型代表,「美系」字體 Gotham 也非常適合小螢幕介面,還有專為螢幕優化的 Gotham ScreenSmart 系列。

Gotham .png

Futura

作為幾何無襯線體的鼻祖,Futura 非常善於營造「高端、極簡主義、優雅」的意象。

Futura.png

Century Gothic

靈感來自 Futura 的 Century Gothic 也飽受青睞。

Century Gothic .png

TT Norms

作為一款旗艦字體,TT Norms 常年佔據蒙納字體平台暢銷榜頭部:廣泛的語種支持,悅目的造型,良好的易認性 —— 幾乎沒有短板的TT Norms 讓其變成炙手可熱的萬能字體。

TT Norms .png

Brandon Text

Brandon Text 源自 Brandon Grotesque,但比後者有更高的 x-height,並且針對小屏幕和長文字進行了優化。雖然設計風格受到 20 世紀二、三十年代的幾何無襯線的影響,但 Brandon Text 卻擁有溫暖柔軟的獨特氣質。

Brandon Text .png
二手車交易平台 Carnava 應用程式介面使用 Brandon Text
Brandon Text 2.png
餐廳訂座平台 OpenTable 介面使用 Brandon Text

 

Nexa

幾何無襯線字體 Nexa 由 Svetoslav Simov 設計,於 2012 年通過保加利亞字體公司 Fontfabric 發布。小寫字母 g 的造型是 Nexa 標誌性的設計。 Nexa 也是蒙納平台最暢銷的 30 款字體之一。

Nexa.png

Franklin Gothic

這個名稱源自於 Benjamin Franklin 的字體誕生於二十世紀初,從印刷到數字媒體經久不衰。當 Franklin Gothic 的「報紙」觀感遷移到電子螢幕,文字便有了獨特的韻味。

總結

在廣袤如海的字體庫中,這裡提到的選擇只是滄海一粟。當設計師對字體的運用駕輕就熟,完全可以選擇字庫中相對「冷門」的字體,搭配出和自身品牌氣質一致的效果,既彰顯個性,又兼顧字體的功能需求。

同時,您也可以透過下方的聯絡方式與蒙納字體顧問溝通,獲得更多 APP 介面字體推薦。