字體是 UI 設(shè)計(jì)中最重要的元素之一，盡管大多數(shù)時(shí)候，用戶可能從未真正注意到它，因?yàn)樵O(shè)計(jì)師在尋找最適合的字體以提供最佳用戶體驗(yàn)方面做得很好。

但是，只有設(shè)計(jì)師知道他們必須投入多少工作，或者他們必須嘗試多少次設(shè)計(jì)迭代才能為 UI 項(xiàng)目找到最合適的字體。

字體非常重要，不僅對(duì)于 Twitter 和 Facebook 等主流應(yīng)用程序，而且對(duì)于每個(gè)用戶界面。因?yàn)槲淖终紦?jù)了每個(gè)設(shè)計(jì)的中心位置。如果沒有正確的字體，你的整個(gè) UI 設(shè)計(jì)將處于危險(xiǎn)之中。

我們希望通過(guò)今天這個(gè)字體列表，幫助你找到最適合你的設(shè)計(jì)的字體。這些字體具有更簡(jiǎn)潔的設(shè)計(jì)，以增強(qiáng)可讀性并整體提供更好的用戶體驗(yàn)。

為什么在 Figma 中使用自定義字體？

Figma 的字體庫(kù)中已經(jīng)有提供了大量的字體。那么，為什么要繼續(xù)自定義 Figma 字體用于 UI 設(shè)計(jì)呢？

好吧，在你創(chuàng)建的任何設(shè)計(jì)中使用“默認(rèn)”字體都有幾個(gè)缺點(diǎn)。任何應(yīng)用程序或操作系統(tǒng)附帶的默認(rèn)字體是大多數(shù)業(yè)余設(shè)計(jì)師的首選。你可能會(huì)遇到數(shù)十種甚至數(shù)百種使用相同字體的不同設(shè)計(jì)。

想象一下，使用與制作成人電影海報(bào)相同的字體來(lái)設(shè)計(jì)兒童讀物的封面，這就是你在使用這些免費(fèi)和默認(rèn)字體時(shí)必須承擔(dān)的風(fēng)險(xiǎn)。

當(dāng)然，以上是一個(gè)極端的例子。但是，當(dāng)你使用自定義高級(jí)字體時(shí)，你不僅可以避免這種情況，還可以幫助你找到更好看的字體，讓你的設(shè)計(jì)具有更專業(yè)的外觀和感覺。

1. Warming

有些字體看起來(lái)很棒，但缺乏可讀性。有些非常適合可讀性，但字母的設(shè)計(jì)已過(guò)時(shí)。關(guān)鍵是找到兼顧兩者的字體。

Warming 是 Figma 字體的一個(gè)很好的例子，它具有現(xiàn)代字母設(shè)計(jì)的最佳組合和更高的可讀性。時(shí)尚簡(jiǎn)潔的設(shè)計(jì)將使你的標(biāo)題看起來(lái)令人印象深刻。使用正確的顏色搭配，此字體可以使你的文本在每個(gè)設(shè)計(jì)中都流行并脫穎而出。

另外，它有 12 種不同的字形可供選擇，包括斜體和超過(guò) 350 種字形。

2. Serca

字體配對(duì)是設(shè)計(jì)用戶界面的另一個(gè)重要部分。找到最佳的字體組合來(lái)突出設(shè)計(jì)的重要部分需要花費(fèi)大量時(shí)間和精力。UI 設(shè)計(jì)中使用的一種流行的字體配對(duì)是普通和簡(jiǎn)潔的字體組合。

Serca 是一個(gè)字體系列，非常適合用于字體配對(duì)，因?yàn)樗鼛в衅胀ㄗ煮w和精簡(jiǎn)字體的集合。它們非常適合標(biāo)題、標(biāo)題和正文。

這個(gè)字體系列包括總共 40 種字體，包括風(fēng)格替代品、符號(hào)、圖標(biāo)等等。

3. Konnect

無(wú)論是在應(yīng)用程序還是在網(wǎng)站設(shè)計(jì)項(xiàng)目匯總設(shè)計(jì)令人驚嘆的登錄頁(yè)，或者是希望通過(guò)精美的引導(dǎo)流程頁(yè)面吸引用戶的注意力，有時(shí)你需要超越可讀性來(lái)尋找更具吸引力的字體。

Konnect 是你應(yīng)該注意到的字體類型來(lái)創(chuàng)建那些時(shí)尚的 UI 設(shè)計(jì)，以使你的應(yīng)用程序和網(wǎng)站在項(xiàng)目中脫穎而出。它采用簡(jiǎn)潔時(shí)尚的設(shè)計(jì)，專為大膽的標(biāo)題而設(shè)計(jì)。

它包括 18 種不同的字體，從細(xì)體到粗體。它也有許多風(fēng)格替代品、連字和花飾。

4. Mondia

我們很少看到在 UI 設(shè)計(jì)中使用襯線字體，這也是有充分理由的。但最近出現(xiàn)的 UI 新趨勢(shì)，利用漂亮的襯線字體來(lái)創(chuàng)建更獨(dú)特的設(shè)計(jì)，尤其是在生活方式和時(shí)尚類別中。

Mondia 是一個(gè)很棒的襯線字體系列，你可以在這些場(chǎng)合使用。它采用時(shí)尚的襯線字體設(shè)計(jì)，保持良好的可讀性并提供可靠的用戶體驗(yàn)。

這個(gè)字體系列有 18 種字體，包括 800 多個(gè)字形、替代字和連字。

5. Config

每個(gè) UI 設(shè)計(jì)師都應(yīng)該至少有一種可用于多種用途的字體，你可以使用它來(lái)為任何設(shè)計(jì)創(chuàng)建基本的排版。幾乎可以在任何 UI 設(shè)計(jì)中使用而不會(huì)影響其質(zhì)量的字體。如果你的收藏中沒有這樣的字體，請(qǐng)務(wù)必添加此字體。

Config 是一個(gè)多用途字體系列，具有干凈的無(wú)襯線字母設(shè)計(jì)，可以很好地適應(yīng)任何類型的設(shè)計(jì)。你可以將它用于標(biāo)題、正文、大標(biāo)題以及介于兩者之間的所有內(nèi)容。

此字體包中總共包含 40 種字體，包括 8 種風(fēng)格集、10 種字體粗細(xì)、連字等等。

6. Proda Sans

有時(shí)，經(jīng)典字體是 UI 設(shè)計(jì)的最佳選擇。久經(jīng)考驗(yàn)的字體設(shè)計(jì)是創(chuàng)建經(jīng)久耐用的設(shè)計(jì)的最安全選擇。他們也減少了與客戶之間時(shí)間磨合的問(wèn)題。

Proda Sans 是一個(gè)字體系列，具有永恒的經(jīng)典字母設(shè)計(jì)。它干凈，簡(jiǎn)約，而且很漂亮。它使用的設(shè)計(jì)靈感來(lái)自 20 世紀(jì)中葉，但你也可以在任何現(xiàn)代設(shè)計(jì)中使用它。

該字體共包括 18 種字體，具有 9 種不同的字體粗細(xì)和 9 種斜體。

7. Magnify

通過(guò)你的 UI 設(shè)計(jì)提供令人難忘的體驗(yàn)始于使用不同風(fēng)格的字母設(shè)計(jì)的獨(dú)特字體。此字體是此類字體的一個(gè)很好的示例。

Magnify字體系列帶有幾何字母設(shè)計(jì)，為設(shè)計(jì)提供了更技術(shù)和更精確的感覺。它也適用于標(biāo)題和段落文本。

該字體有 8 種不同的粗細(xì)以及每種字體的斜線。還有很多替代角色可供選擇。

8. RNS Sanz

當(dāng)你擁有這樣的字體時(shí)，為你的設(shè)計(jì)項(xiàng)目創(chuàng)建優(yōu)雅和現(xiàn)代外觀的融合并不難。

RNS Sanz 是一個(gè)現(xiàn)代字體系列，可為所有企業(yè)和商業(yè)主題設(shè)計(jì)提供靈活的字母設(shè)計(jì)。它是移動(dòng)和 Web UI 布局的理想 Figma 字體。

這個(gè)字體系列有 7 種不同的字體粗細(xì)，從淺色到黑色。

9. VISIA Pro

細(xì)而干凈的字體是制作極簡(jiǎn) UI 設(shè)計(jì)以及簡(jiǎn)約風(fēng)格網(wǎng)站設(shè)計(jì)項(xiàng)目的理想選擇。具有簡(jiǎn)單字母設(shè)計(jì)和優(yōu)質(zhì)外觀的字體對(duì)于將專業(yè)外觀添加到極簡(jiǎn)布局也是必不可少的。

VISIA Pro 是一個(gè)幾何字體系列，非常適合你的極簡(jiǎn)風(fēng)格設(shè)計(jì)項(xiàng)目。它具有簡(jiǎn)單而干凈的字母，使你的設(shè)計(jì)看起來(lái)與 Apple 的設(shè)計(jì)一樣好。

字體系列包括 7 種不同的字體粗細(xì)可供選擇。

10. Braveold

在結(jié)束此列表之前，我們希望在集合中再包含一種襯線字體。無(wú)論你喜不喜歡，襯線字體都是制作優(yōu)雅 UI 設(shè)計(jì)的首選，而這種字體會(huì)告訴你原因。

Braveold 是一個(gè)精美優(yōu)雅的字體系列，可用于為高端品牌、應(yīng)用程序和產(chǎn)品制作 UI 設(shè)計(jì)。該字體有 5 種不同的粗細(xì)，帶有花飾、連字和風(fēng)格集。

如何在 Figma 中安裝自定義字體

在 Figma 中安裝自定義字體非常簡(jiǎn)單。Figma 可以訪問(wèn)計(jì)算機(jī)本地的字體庫(kù)，因此當(dāng)你在計(jì)算機(jī)上安裝所需要的字體時(shí)，你也可以在 Figma 中訪問(wèn)它們。

請(qǐng)按照以下步驟在你的計(jì)算機(jī)上安裝字體：

· 首先，從市場(chǎng)下載字體文件

· 如果字體以 ZIP 文件形式出現(xiàn)，請(qǐng)將其解壓縮以查找 .ttf 或 .otf 字體文件

· 現(xiàn)在，在 Windows 上，轉(zhuǎn)到設(shè)置 > 個(gè)性化 > 字體，復(fù)制粘貼或?qū)⒆煮w文件拖放到字體文件夾中以安裝它們。或者，只需雙擊字體文件并單擊安裝按鈕。這同時(shí)適用于 Mac 和 Windows 平臺(tái)

· 如果你使用的是 Figma 桌面應(yīng)用程序，只需重新啟動(dòng)應(yīng)用程序，你就會(huì)在庫(kù)中看到新安裝的字體。

· 如果你使用的是網(wǎng)絡(luò)版 Figma，則必須安裝 Figma 字體安裝程序插件才能訪問(wèn)計(jì)算機(jī)的字體庫(kù)。安裝插件后，刷新瀏覽器窗口以訪問(wèn)字體。

結(jié)論

為你的 UI 設(shè)計(jì)找到合適的字體可能需要反復(fù)試驗(yàn)。這是走向完美過(guò)程的一部分，在你決定使用一款或者一組字體之前，請(qǐng)嘗試使用不同的字體。

----圖文來(lái)自：design shack 

----由深圳網(wǎng)站建設(shè)公司-Clh翻譯編輯整理，為您提供更多有關(guān)深圳網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)、網(wǎng)頁(yè)設(shè)計(jì)及其他互聯(lián)網(wǎng)應(yīng)用服務(wù)