当前位置: 首页 > news >正文

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 及其他领域获得成功的设计成果。

相关文章:

  • STM32学习历程(day2)
  • clone()方法
  • 无人机人员搜救
  • 看看这组B端规范,你就会感叹:钱真是万能的。
  • 推荐 2个功能强大的黑科技工具,真的会让你直呼卧槽
  • 工厂自动化相关设备工业一体机起到什么作用?
  • C++ 彻底搞懂指针(终章)
  • 数据库的视图
  • 由俭入奢易,由奢入俭难
  • 双剑合璧:双阶段目标检测算法与单阶段的较量
  • 第11章 规划过程组(二)(11.8排列活动顺序)
  • 【Whisper】WhisperX: Time-Accurate Speech Transcription of Long-Form Audio
  • 如何在Windows上使用Docker搭建PHP开发环境
  • 秋招力扣刷题——从前序与中序遍历序列构造二叉树
  • 【报错解决】ValueError: Compression type zstd not supported
  • ----------
  • 【跃迁之路】【477天】刻意练习系列236(2018.05.28)
  • Angular 响应式表单 基础例子
  • JavaScript 基础知识 - 入门篇(一)
  • Java反射-动态类加载和重新加载
  • mysql中InnoDB引擎中页的概念
  • node-glob通配符
  • Shell编程
  • VUE es6技巧写法(持续更新中~~~)
  • Vultr 教程目录
  • 面试遇到的一些题
  • 前端路由实现-history
  • 前端面试之闭包
  • 使用阿里云发布分布式网站,开发时候应该注意什么?
  • 写代码的正确姿势
  • 一加3T解锁OEM、刷入TWRP、第三方ROM以及ROOT
  • 《天龙八部3D》Unity技术方案揭秘
  • Spring第一个helloWorld
  • 直播平台建设千万不要忘记流媒体服务器的存在 ...
  • ​软考-高级-系统架构设计师教程(清华第2版)【第15章 面向服务架构设计理论与实践(P527~554)-思维导图】​
  • # Swust 12th acm 邀请赛# [ E ] 01 String [题解]
  • # 数论-逆元
  • (10)ATF MMU转换表
  • (9)STL算法之逆转旋转
  • (Matlab)基于蝙蝠算法实现电力系统经济调度
  • (Redis使用系列) Springboot 实现Redis消息的订阅与分布 四
  • (附源码)spring boot智能服药提醒app 毕业设计 102151
  • (七)理解angular中的module和injector,即依赖注入
  • .net core webapi Startup 注入ConfigurePrimaryHttpMessageHandler
  • .NET Project Open Day(2011.11.13)
  • .NET 使用 ILMerge 合并多个程序集,避免引入额外的依赖
  • .NET8 动态添加定时任务(CRON Expression, Whatever)
  • .net流程开发平台的一些难点(1)
  • .NET使用存储过程实现对数据库的增删改查
  • .NET微信公众号开发-2.0创建自定义菜单
  • .NET学习全景图
  • .set 数据导入matlab,设置变量导入选项 - MATLAB setvaropts - MathWorks 中国
  • [.NET]桃源网络硬盘 v7.4
  • [Android开源]EasySharedPreferences:优雅的进行SharedPreferences数据存储操作
  • [AutoSar]BSW_Memory_Stack_003 NVM与APP的显式和隐式同步