UI字體是什么,UI字體怎么用

  • UI字體是什么,UI字體怎么用已關閉評論
  • A+
所屬分類:網站制作方案

挑選完美的字體絕非易事。當你的選擇能夠在一個令人愉快,易于使用的界面和每個人都喜歡討厭的新應用程序之間產生差異時,它只會變得更具挑戰性。以下是為用戶選擇合適的面孔的方法。

為用戶界面選擇正確的字體會帶來一些獨特的挑戰。畢竟,您不??只是??在尋找一種感覺品牌化或具有一絲不茍的沖擊力的字體。

你正在尋找一個真正的主力字體。一種在上下文和設備中表現良好的字體。與10px一樣,看起來與72px一樣漂亮的臉。具有易于區分的大寫字母和小寫Ls的字體。

為什么?因為在你花了很長時間才使你的界面清晰易用之后,你不希望你的文本 - 畢竟是幫助人們的 - 而是讓他們感到困惑。

考慮到這一點,這里是用戶界面的字體查找內容。

1.寬大的x高度

在排版中,??x-height??測量基線(大多數字母“坐”上的假想線)和小寫字母的平均高度之間的距離,當你忽略像H和T頂部的上升時。

UI字體是什么,UI字體怎么用

為什么要查看字體的x高度?因為較大的x高度傾向于在設置為小尺寸時易于翻譯。

在界面設計中,很少有大量文本的空間,因此排版就是在文本大小和易讀性之間取得平衡。具有寬大x高度的字體可以讓你變小而不會變得難以辨認。

2.易于區分的字形

它真的不是為屏幕上的小尺寸設計的。像毫升這樣的詞可能很難破譯。如果你不得不用1,i,l或I讀取或寫入密碼,你就知道問題所在。

-Erik Spiekerman關于在用戶界面中使用Helvetica的困難

字母表通過一組非常小的圖形元素實現了驚人的表達范圍。這太棒了 - 但不幸的副作用是有些字體很容易混淆,特別是當它們設置在較小的尺寸時。

以下是字母混淆最常見的罪魁禍首:

  • aceo(即A,C,E和O)
  • Il1(大寫字母I,小寫字母L和數字1)
  • O0(資本O和零)

這個問題在幾何字體(如Futura,Avenir,Circular等)中尤其明顯,因此在為UI選擇其中一個之前要仔細考慮。 ?

UI字體是什么,UI字體怎么用
大寫字母I,小寫字母L和數字1之間的視覺區別是任何良好UI字體的關鍵。因此,Helvetica在用戶界面中不那么出色。

下次評估UI字體時,請務必比較這些字母,看看它們是多么容易區分。

3.整體可讀性

從單個字母形式退一步并考慮單詞級別的字體的整體可讀性也很重要。使用良好的UI字體,您應該能夠毫不費力地區分單詞。您可以立即了解為什么無襯線字體的簡化形式優于UI使用。

比較Brush Script MT和Source Sans Pro,很容易看出腳本字體的復雜字母比無襯線的相對簡單的形式需要更多的時間和精力來破譯。這個比較還突出了已經提到的大x高度的值 - 信不信由你,兩種字體都設置為相同的大小,但Source Sans??相比之下看起來??很大。

4.全家靈活性

這不一定是必須的 - 您??可以??使用一種字體設計整個UI - 但是擁有各種重量和樣式非常有用。類型設計師很久以前意識到某些設計變化在大尺寸上比小尺寸更好,反之亦然,這就是為什么你會看到字體的變體樣式,如??顯示,??標題,?濃縮等。

UI字體是什么,UI字體怎么用
屏幕截圖PT Sans的各種重量和款式來自Font Squirrel。

因此,如果您的UI將包含各種內容類型,例如標簽,幫助文本,標題和標題,那么您的字體支持所有這些不同類型的文本將非常有用。這對于您的團隊中的其他設計師和您的客戶來說都是一個獎勵,因為它允許您有條不紊地使用類型,而不會冒您設計中的凝聚力損失的風險。

您甚至可以更進一步尋找一個??超級家族,一種包含多種字體樣式的字體,如襯線,無襯線和等寬字體。這樣可以進一步提供表達式排版的選擇,同時仍然保持非常和諧的感覺。

一個典型的例子是Luc(as)de Groot的論文超家族,目前包括一個襯線,一個sans,一個混合襯線/ sans,一個等寬線,一個發際線????一個阿拉伯語。

5.適合您的目的

許多字體在設計時考慮了特定用途,因此選擇適合您網站目的的字體是值得的。

例如,sans-serifs實際上已成為以任務為中心的用戶界面的首選。但是如果你正在構建一個專注于閱讀的應用程序,那么你可能想要使用serif字體,因為長期關聯使得字體分類成為標準。同樣,如果你正在建立一個新聞網站,你可能想要選擇帶有標題,標題和正文副本的serif面 - 也許是用于UI和元數據元素的sans-serif家族成員。

同樣值得注意的是,研究表明,??襯線字體被認為更值得信賴??- 也就是說,人們傾向于發現用襯線寫的陳述比用無襯里字母印刷的相同陳述更可信。

然而,除了這一發現之外,值得注意的是,??沒有科學依據??可以證明襯線字體更適合長篇閱讀。對于長篇閱讀來說,襯線更有可能被視為更“品牌化”,因為它們仍然是(壓倒性地)占主導地位的書籍字體類型。

6.品牌一致性

最后,非常重要的是,您要確保您的UI字體與您網站的整體品牌保持一致。

如果你所有關于古怪,有趣的內容,一個古怪的字體可能只是事情 - 只要記住,古怪的字體在用戶界面中可能是次優的。但是,如果你正在為紐約時報的尊重而努力,那么你將會想要一路殺戮。當然,除非你試圖重新發明新聞的概念 - 在這種情況下,繼續前進并與之相提并論!

您通??梢酝ㄟ^外觀深入了解字體的“品牌”以及它與您網站品牌的關系。但是您不希望將此評估限制在自己:因為您對字體的回答是主觀的,您會想要問別人他們如何回應您的潛在選擇。

您可能還想查看字體的歷史記錄 - 構建它的上下文,以及typographer在創建它時嘗試實現的目的。如果你正在建立一個女權主義文學博客,伊夫斯太太將是一個非常合適的選擇。關于舊金山生活的博客?Lost Type Co-op的使命Gothic和Mission Script可以完美搭配。

只是不要去????與這些關聯的選擇遠:你的日本料理店的網站??并不需要??一個仿日本書法字體。你的古代埃及象形文字的客戶網站也沒有要求......字體 - 不應該被命名。

你最喜歡的UI字體是什么?

我們很想知道您最喜歡的UI字體是什么 - 以及為什么。所以在評論中告訴我們!