2024 年最佳 Figma 字體

字體不僅僅是文本字符,它們還塑造了用戶體驗。從引導用戶瀏覽界面到傳達品牌個性,字體對于設計??至關重要。然而,找到適合您的網站或應用風格的完美字體可能具有挑戰性。

但不要害怕,我們會幫助您!請繼續關注,我們將在 2024 年及以后的最佳 Figma 字體精選列表中探索字體的重要性。

如何選擇正確的字體?

在為您的數字內容選擇合適的字體時,考慮這些問題有助于評估字體的清晰度和實用性:

  1. 字體是否包含所有必要的字符和字體樣式?
  2. 字體提供多少種變化或粗細?
  3. 結構是否清晰,例如,用戶是否可以輕松區分 I、l 或 1?
  4. 字距調整的形狀設計得如何?
  5. 所選字體適合多少種字母組合??

您不再需要詳細搜索最適合您的數字存在的 Figma 字體類型,因為這里是我們選擇的最佳 Figma 字體:

國際米蘭

Inter 是Mozilla和GitHub使用的著名網頁設計字體之一,由著名 Figma 設計師 Rasmus Andersson 創作。Rasmus 和設計團隊辛勤工作,花了 3 年時間創造了一套滿足網頁用戶需求的核心字形。

由于其為數字顯示量身定制的多功能字體集,它擁有較高的 x 高度,提高了大寫和小寫文本的可讀性。它提供了各種 OpenType 功能,例如上下文替代,可根據相鄰字形的形狀調整標點符號,以及用于區分“0”和“o”的斜線零選項。它還包括表格數字等功能,可滿足各種排版需求。

它的工作原理與 Figma 組件非常相似。這些針對特定字體量身定制的設計工具的主要優勢包括組件和字距調整支持等功能,結果在數字中得到體現。根據 Google Fonts 的數據,Inter 出現在超過 1,300,000 個網站上,使用次數達 47 億次。這表明 Inter 將繼續保持其在字體中的地位。

流沙

Quicksand 是一種多功能且用戶友好的無襯線顯示字體,非常適合教育材料和科技產品。它也是一種既現代又歡快的字體。它由 Andrew Paglinawan 于 2008 年以幾何形狀為基礎創建,2016 年 Thomas Jockin 對其進行了重大修改,以提高其質量。后來,在 2019 年,Mirko Velimirovic 將字體系列轉變為可變字體,在設計和使用方面提供了更大的靈活性。?

Quicksand 擁有圓形終端,大尺寸和小尺寸都清晰易讀,是 Figma 中 SEO 友好設計的寶貴資產。不過,Quicksand 沒有西里爾字母選項。

波平斯

Poppins 是一種幾何無襯線字體,以其對經典風格的現代詮釋而聞名。它支持梵文和拉丁文。該字體以精心準備的字形為特色,具有理性主義的設計框架,還包括一種基于圓形等幾何形狀的獨特梵文字體。Poppins 由Indian Type Foundry創建,該公司為數字目的提供多語言字體,其中包含許多印度和國際字母。

Poppins 的單線字體確保了一致的印刷平衡,而其多樣化的字符集支持 244 種語言,使其適用于各種全球環境。它經常用于企業、編輯、網絡和移動設計,因為它具有現代而友好的感覺,并帶有一絲精致。Poppins 被描述為平易近人、平衡和多功能的,是需要現代和專業外觀的項目的絕佳選擇。

采用 Poppins 字體的天城文字母“Noupe 雜志”。

穆利什

Mulish 原名為 Muli,2020 年更名,標志著其演變翻開新篇章,因為它最初是為了顯示目的而創建的。然而,在其他設計師的共同努力下,Mulish 擴大了其范圍,增加了字重,使其完美適用于網頁和移動界面。

Mulish 由 Vernon Adams 于 2011 年設計,經過多年的改進直至 2014 年,散發出一種現代而精致的氛圍,一定會給人留下深刻印象。無論您是制作時尚的網站還是設計迷人的移動界面,Mulish 都能滿足您的需求。

Mulish 的設計理念源于以最佳間距顯示字體為目的,不僅適合用作標題,也適合用作正文。它為移動和網站應用程序提供了用戶友好的字體。?

齊拉板

Zilla Slab 是 Mozilla 的主要字體,在其徽標、標題和整體設計中占據顯著位置。這款現代粗襯線字體由 Yuliya Gorlovetsky 創建,基于Typotheque 的 Tesla,擁有流暢的曲線和真正的斜體,為文本帶來了意想不到的時尚工業外觀,同時在所有粗細字體中都保持了友好和平易近人的感覺。

除了用于 Mozilla 基金會的品牌(包括其徽標)之外,Zilla Slab 還用于各種產品和項目,例如 MDN Web Docs 和 Common Voice,以及 Inter 和 Metropolis 等字體。俄亥俄大學也從 2018 年 2 月 21 日起采用 Zilla Slab 作為其次要字體選擇。

Zilla Slab 可在 GitHub、Google Fonts 和 Mozilla 的 CDN 上輕松獲取。此外,其變體 Zilla Slab Highlight 可在同一個 GitHub 存儲庫中找到,也可通過 Google Fonts 訪問。

雅加達 Sans 字體

Plus Jakarta Sans 是幾何無襯線字體的現代版本,由Tokotype的 Gumpita Rahayu 創建,最初是為雅加達省政府和雅加達合作城市 2020 年的標識而開發的。這些字體為我們帶來了全新的視角。這種字體將歷史影響與現代美學相結合,使其適用于 Figma 中的各種設計項目。

Plus Jakarta Sans 受到 Neuzeit Grotesk、Futura 和 20 世紀 30 年代怪誕無襯線字體等經典字體的啟發,其形狀簡潔,幾乎具有單線對比度和銳利曲線。x 高度略高,在大寫字母和小寫字母之間形成明顯的間距。該字體還包括開放式字庫和平衡空間,以確保各種尺寸的可讀性。它提供 505 種語言版本。?

努尼托

如果您已經使用Figma一段時間,那么您一定遇到過 Nunito。雖然它看起來像是一種簡單的無襯線字體,但其簡單性是其優勢之一,使其成為優雅設計的首選。許多 Figma 設計師將 Nunito 與 Lora 和 Roboto 搭配使用,因為這些組合已被證明非常有效。

最近,Nunito 擴展至包含六種粗細,使其既適用于標題也適用于段落。如果您需要一種易于閱讀的細無襯線字體,Nunito 是一個不錯的選擇。

Nunito 是一個全面的無襯線字體系列,由兩個版本組成。一切始于 Nunito,由 Vernon Adams 設計,是一種主要用于顯示目的的圓形終端無襯線字體。Jacques Le Bailly 擴展了該項目以涵蓋全系列字重,并推出了一種沒有圓形終端的常規版本,稱為 Nunito Sans。它有 612 種不同的語言版本。

洛拉

Lora 是一款時尚精致的襯線字體,可為任何文本增添現代感。雖然由于細節過于花哨,它并不適合用于長篇文章,但它非常適合用于吸引注意力的標題。報紙標題、徽標和菜單主題就是一些例子。

與 Roboto 一樣,Lora 支持多達 311 種語言,包括拉丁文和西里爾文,并配備了 Figma 設計師所需的所有標點符號和符號。

Lora 是一款經過精心平衡的字體,具有現代感,靈感來自書法。其獨特的特點,如平滑的曲線和粗體襯線,使其在設計項目中脫穎而出。這增加了它在創意領域的功能。無論您是在講故事還是寫文章,Lora 都能輕松設定正確的基調。此外,它針對屏幕和打印進行了優化,使其可用于任何設計項目。

機器人

Roboto 在超過 6100 億個網站上都有出色表現,值得考慮。

Roboto 可能不是新事物,但它仍然具有時尚活力。它是一款永恒的經典,可以為任何 Figma 項目增添一絲精致感。它的結構具有大型幾何形狀和微妙的怪癖,使其用途廣泛,從長段落到引人注目的標題,尤其是徽標。

Roboto 的獨特之處在于其雙重特性,其特點是機械方面,主要采用幾何形狀,并結合友好而開放的曲線。與某些通過字母形式強制形成嚴格節奏的字體不同,Roboto 保持自然,讓字母保持其自然寬度。這為人文主義和襯線字體創造了更流暢的閱讀體驗。此外,Roboto 支持 300 多種語言,并擁有一套完整的標點符號、貨幣符號等,是您心目中任何 Figma 項目的首選之一。

傾斜

讓我們看看更有活力的字體。Tilt 是一個注重視覺效果的字體系列,其靈感來自城市景觀,尤其是商店招牌上的粗體字體。它包括三種可變字體:Tilt Neon、Tilt Prism 和 Tilt Warp。這些字體基于簡單的幾何結構,但每種都有其獨特的風格和用途。Tilt Prism 特別引人注目,非常適合吸引注意力的營銷材料和登錄頁面。?

這些字體基于標志畫家使用的幾何無襯線模型,但添加了細節。它們被設計為可變字體,允許用戶沿 X 和 Y 軸旋轉字形,最大旋轉角度為 ±45°,同時保持可讀性。這一獨特功能使 Tilt 成為各種需要動態排版店面標牌的設計項目的通用選擇。?

蒙特塞拉特

Julieta Ulanovsky 受布宜諾斯艾利斯 Montserrat 街區的復古海報和標牌的啟發,創作了這款字體,旨在保留 20 世紀早期城市字體的精髓。隨著街區的變化,其原有的魅力和獨特的設計永遠消失了。影響這個項目的字體體現了布宜諾斯艾利斯的勤奮、奉獻精神和充滿活力的城市生活,無論是白天還是夜晚。Montserrat 項目的發起是為了捕捉 Montserrat 的精髓,并以免費許可證(名為 SIL 開放字體許可證)發布它。

Montserrat 字體系列包括三種變體:普通系列、Alternates 和 Subrayada 姊妹系列。Alternates 具有獨特的字體形式,而 Subrayada 變體則采用了受 Montserrat 街區啟發的特殊下劃線樣式。Montserrat 的創意設計故事使其具有全面性和包容性,因為它為全球 593 種語言提供字體。

為什么選擇正確的字體很重要?

  • 合適的字體讓生活更輕松

當您篩選出大量的字體選擇并將其縮小到一些最常用和最流行的字體時,您的工作就會變得容易得多。為適當的設計項目選擇正確的字體,可以讓您在用戶瀏覽您的網站或應用時輕松塑造視覺結構。

  • 情感內涵

不同的字體會喚起不同的情感并傳達不同的含義。例如,時尚現代的字體可能傳達專業性和成熟度,而俏皮異想天開的字體則可能暗示創造力和友好性。選擇與消息基調和個性相符的字體有助于強化您想要傳達的信息,并在更深層次上與您的受眾建立聯系。

  • 品牌認知度?

當要為產品提供品牌價值和獨特性時,字體可以發揮這一作用。可口可樂擁有獨特的字體,可以讓客戶聯想到它,而亞馬遜則擁有不同的字體作為其品牌徽標。字體選擇應反映品牌,并確保用戶可以在腦海中想象它。

  • 通信代碼

選擇正確的字體非常重要,因為它會直接影響受眾如何看待您的內容。您選擇的字體決定了信息的基調、風格和整體印象。它有助于提高文本的可讀性和視覺吸引力,從而影響信息傳達的有效性。

結論

在 Figma 設計中選擇正確的字體對于增強用戶體驗和有效傳達品牌基調和信息至關重要。從 Inter 和 Roboto 等多功能選項到 Poppins 和 Lora 等優雅選擇,每個設計項目都有一種字體。字體可以喚起情感、傳達品牌認知度并直接影響受眾對您內容的看法。通過選擇符合您品牌個性和信息的字體,您可以加強品牌形象并與受眾建立更深層次的聯系。最終,正確的字體可以增強可讀性、視覺吸引力和整體用戶參與度,有助于在 Figma 及其他領域獲得成功的設計成果。

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/diannao/41033.shtml
繁體地址,請注明出處:http://hk.pswp.cn/diannao/41033.shtml
英文地址,請注明出處:http://en.pswp.cn/diannao/41033.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

C語言 指針和數組——指針的算術運算

目錄 指針的算術運算 指針加上一個整數 指針減去一個整數 指針相減 指針的關系比較運算 小結 指針的算術運算 指針加上一個整數 指針減去一個整數 指針相減 指針的關系比較運算 小結 ? 指針變量 – 指針類型的變量,保存地址型數據 ? 指針變量與其他類型…

負載均衡(服務器)

vi /etc/sysconfig/network-scripts/ifcfg-ens33 systemctl restart network 防火墻 systemctl stop firewalld systemctl disable firewalld vi /etc/selinux/config setenforce 0 yum install gcc gcc-c mkdir /lnmp cd /lnmp/ tar -zxvf zlib-1.2.12.tar.gz tar -zxv…

在Ubuntu 16.04上安裝和配置ownCloud的方法

前些天發現了一個巨牛的人工智能學習網站,通俗易懂,風趣幽默,忍不住分享一下給大家。點擊跳轉到網站。 簡介 ownCloud 是一個文件共享服務器,允許您將個人內容(如文檔和圖片)存儲在一個類似 Dropbox 的集…

[C++][CMake][CMake基礎]詳細講解

目錄 1.CMake簡介2.大小寫?3.注釋1.注釋行2.注釋塊 4.日志 1.CMake簡介 CMake是一個項目構建工具,并且是跨平臺的 問題 – 解決 如果自己動手寫Makefile,會發現,Makefile通常依賴于當前的編譯平臺,而且編寫Makefile的…

vue的學習--day3

1、嘗試使用json文件模擬增刪改查 json server:準備一份自己的數據(這里我用的是老師給的)。 轉到d盤,然后打開json文件: 下面模擬增刪改查: 借助工具postman或apifox或apipost: 這里我下載了apifox&…

前端之CSS篇--面試題總結

CSS的特性:繼承性、層疊性、優先級 優先級:寫css樣式的時候,會給同一個元素添加多個樣式,此時誰的權重搞就顯示誰的樣式。 !important >行內樣式>id>類>標簽>全局選擇器 隱藏元素的方法 display:none 元素在頁面…

產品公告 | MemFire Cloud 現已支持微信授權登錄,為移動應用帶來更便捷的認證服務

MemFire Cloud推出的“開箱即用”的后端服務,提供了云數據庫、身份驗證與授權、云存儲、靜態托管、實時realtime、自動生成API等功能,本次升級新增/優化功能如下: 標題微信授權登錄(移動應用) 為了順應國內用戶的使用…

Python面試題:如何在 Python 中實現單例模式?

在 Python 中,有多種方法可以實現單例模式(Singleton Pattern)。單例模式是一種設計模式,確保一個類只有一個實例,并提供一個全局訪問點。以下是幾種常見的方法來實現單例模式: 方法一:使用類變…

Elasticsearch:Ingest architectures - 攝取架構

我們提供各種采集架構,以滿足各種用例和網絡配置的需求。 要將數據采集到 Elasticsearch,請使用最符合你的需求和用例的選項。對于許多用戶和用例來說,最簡單的方法是使用 Elastic Agent 采集數據并將其發送到 Elasticsearch。Elastic Agent…

深度學習——深度學習中感受野的計算

感受野 在卷積神經網絡(CNN)中,感受野(Receptive Field) 是一個非常重要的概念。它描述了網絡中某一層的輸出(通常是特征圖上的一個像素點)所對應的輸入圖像上的空間范圍。這個范圍代表了該輸出…

【CSS】了解grid-template-areas屬性

grid-template-areas 屬性是 CSS Grid 布局中一個非常有用的特性,它允許你通過命名網格區域(grid areas)來直接控制網格項目的布局。這個屬性通過引用網格容器內部網格項目的名稱來定義網格區域的布局,使得布局的設計更加直觀和易…

SARscape——地理編碼與輻射定標

目錄 一、算法原理1、概述2、參考文獻 二、軟件操作三、結果展示1、原始圖像2、處理結果 一、算法原理 1、概述 SAR系統觀測到的是電磁波入射地球表面后反射(后向散射)的雷達脈沖的強度和相位信息。這個信息編碼到雷達坐標系統下,即斜距坐標…

DataFrame 的常用操作

DataFrame是什么? DataFrame 是一種用于處理和分析數據的二維標簽數據結構。它類似于Excel中的電子表格或數據庫中的表格,由行和列組成。每個列可以是不同的數據類型(如整數、浮點數、字符串等),并且可以進行各種數據操…

vb與數據庫編程

第一節 一、數據庫基礎知識 數據庫的概念 數據庫是按照數據結構來組織、存儲和管理數據的倉庫。 它可以存儲大量的數據,并提供高效的數據訪問和管理功能。 數據庫的類型 關系型數據庫:如 SQL Server、MySQL、Oracle 等,以表格形式存儲數據,通過關系(如主鍵和外鍵)來關聯不…

數據結構之二叉樹概念

數據結構之二叉樹 二叉樹簡介分類普通二叉樹平衡二叉樹滿二叉樹二叉搜索樹(二叉排序樹、二叉查找樹),平衡二叉樹紅黑樹 B樹類型B樹(B-樹、B_樹)B樹B*樹 二叉樹 簡介 二叉樹(Binary Tree) :是一種非常重要…

RPC框架之Dubbo

Dubbo 是一款高性能、輕量級的開源 Java RPC(Remote Procedure Call)框架,由阿里巴巴集團于2011年發布。Dubbo 主要用于實現基于微服務架構的分布式應用,通過提供服務注冊與發現、負載均衡、容錯等功能,極大地簡化了服…

頭歌資源庫(19)在排序數組中查找元素的首尾位置

一、 問題描述 二、算法思想 該問題可以通過二分查找的思想來解決。 首先,我們可以使用二分查找找到目標值在數組中的任意一個位置(即該位置的值等于目標值)。假設找到的位置為mid。 接下來,我們需要在mid的左邊和右邊分別找到…

UNIAPP_頂部導航欄右側添加uni-icons圖標,并綁定點擊事件,自定義導航欄右側圖標

效果 1、導入插件 uni-icons插件:https://ext.dcloud.net.cn/plugin?nameuni-icons 復制 uniicons.ttf 文件到 static/fonts/ 下 僅需要那個uniicons.ttf文件,不引入插件、單獨把那個文件下載到本地也是可以的 2、配置頁面 "app-plus":…

Python爬蟲+數據分析+數據可視化圖形-爬取高校排名數據

①本文主要使用python 爬取了中國大學排名前30的大學信息,并進行了數據處理及分析,是一個比較經典的python爬蟲和分析項目 ②主要內容:爬蟲數據預處理數據可視化分析 完整代碼請看這里拿👇↓↓↓

Flutter本地數據持久化的幾種方式

目錄 前言 一、shared_preferences 1.添加依賴 2.保存數據 3.讀取數據 4.移除數據 5.Shared_preferences的優缺點 6.完整的示例代碼 二、path_provider 1.導入path_provider 2.創建文件讀寫的目錄 3.向文件中寫入數據 4.從文件中讀取數據 5.完整的示例代碼 三、…