返回  

适合用于Figma中UI项目的10+字体(英文字体)

2022/9/1 9:23:16 来源:深圳网站建设公司Clh

字体是 UI 设计中最重要的元素之一,尽管大多数时候,用户可能从未真正注意到它,因为设计师在寻找最适合的字体以提供最佳用户体验方面做得很好。


但是,只有设计师知道他们必须投入多少工作,或者他们必须尝试多少次设计迭代才能为 UI 项目找到最合适的字体。

字体非常重要,不仅对于 Twitter 和 Facebook 等主流应用程序,而且对于每个用户界面。因为文字占据了每个设计的中心位置。如果没有正确的字体,你的整个 UI 设计将处于危险之中。

我们希望通过今天这个字体列表,帮助你找到最适合你的设计的字体。这些字体具有更简洁的设计,以增强可读性并整体提供更好的用户体验。


为什么在 Figma 中使用自定义字体?

Figma 的字体库中已经有提供了大量的字体。那么,为什么要继续自定义 Figma 字体用于 UI 设计呢?

好吧,在你创建的任何设计中使用“默认”字体都有几个缺点。任何应用程序或操作系统附带的默认字体是大多数业余设计师的首选。你可能会遇到数十种甚至数百种使用相同字体的不同设计。

想象一下,使用与制作成人电影海报相同的字体来设计儿童读物的封面,这就是你在使用这些免费和默认字体时必须承担的风险。

当然,以上是一个极端的例子。但是,当你使用自定义高级字体时,你不仅可以避免这种情况,还可以帮助你找到更好看的字体,让你的设计具有更专业的外观和感觉。


1. Warming

Warming Font Family

有些字体看起来很棒,但缺乏可读性。有些非常适合可读性,但字母的设计已过时。关键是找到兼顾两者的字体。

Warming 是 Figma 字体的一个很好的例子,它具有现代字母设计的最佳组合和更高的可读性。时尚简洁的设计将使你的标题看起来令人印象深刻。使用正确的颜色搭配,此字体可以使你的文本在每个设计中都流行并脱颖而出。

另外,它有 12 种不同的字形可供选择,包括斜体和超过 350 种字形。


2. Serca

Serca Font Family

字体配对是设计用户界面的另一个重要部分。找到最佳的字体组合来突出设计的重要部分需要花费大量时间和精力。UI 设计中使用的一种流行的字体配对是普通和简洁的字体组合。

Serca 是一个字体系列,非常适合用于字体配对,因为它带有普通字体和精简字体的集合。它们非常适合标题、标题和正文。

这个字体系列包括总共 40 种字体,包括风格替代品、符号、图标等等。


3. Konnect

Konnect

无论是在应用程序还是在网站设计项目汇总设计令人惊叹的登录页,或者是希望通过精美的引导流程页面吸引用户的注意力,有时你需要超越可读性来寻找更具吸引力的字体。

Konnect 是你应该注意到的字体类型来创建那些时尚的 UI 设计,以使你的应用程序和网站在项目中脱颖而出。它采用简洁时尚的设计,专为大胆的标题而设计。

它包括 18 种不同的字体,从细体到粗体。它也有许多风格替代品、连字和花饰。


4. Mondia

Mondia

我们很少看到在 UI 设计中使用衬线字体,这也是有充分理由的。但最近出现的 UI 新趋势,利用漂亮的衬线字体来创建更独特的设计,尤其是在生活方式和时尚类别中。

Mondia 是一个很棒的衬线字体系列,你可以在这些场合使用。它采用时尚的衬线字体设计,保持良好的可读性并提供可靠的用户体验。

这个字体系列有 18 种字体,包括 800 多个字形、替代字和连字。


5. Config

Config

每个 UI 设计师都应该至少有一种可用于多种用途的字体,你可以使用它来为任何设计创建基本的排版。几乎可以在任何 UI 设计中使用而不会影响其质量的字体。如果你的收藏中没有这样的字体,请务必添加此字体。

Config 是一个多用途字体系列,具有干净的无衬线字母设计,可以很好地适应任何类型的设计。你可以将它用于标题、正文、大标题以及介于两者之间的所有内容。

此字体包中总共包含 40 种字体,包括 8 种风格集、10 种字体粗细、连字等等。


6. Proda Sans

Proda Sans

有时,经典字体是 UI 设计的最佳选择。久经考验的字体设计是创建经久耐用的设计的最安全选择。他们也减少了与客户之间时间磨合的问题。

Proda Sans 是一个字体系列,具有永恒的经典字母设计。它干净,简约,而且很漂亮。它使用的设计灵感来自 20 世纪中叶,但你也可以在任何现代设计中使用它。

该字体共包括 18 种字体,具有 9 种不同的字体粗细和 9 种斜体。


7. Magnify

Magnify

通过你的 UI 设计提供令人难忘的体验始于使用不同风格的字母设计的独特字体。此字体是此类字体的一个很好的示例。

Magnify字体系列带有几何字母设计,为设计提供了更技术和更精确的感觉。它也适用于标题和段落文本。

该字体有 8 种不同的粗细以及每种字体的斜线。还有很多替代角色可供选择。


8. RNS Sanz

RNS Sanz

当你拥有这样的字体时,为你的设计项目创建优雅和现代外观的融合并不难。

RNS Sanz 是一个现代字体系列,可为所有企业和商业主题设计提供灵活的字母设计。它是移动和 Web UI 布局的理想 Figma 字体。

这个字体系列有 7 种不同的字体粗细,从浅色到黑色。


9. VISIA Pro

VISIA Pro

细而干净的字体是制作极简 UI 设计以及简约风格网站设计项目的理想选择。具有简单字母设计和优质外观的字体对于将专业外观添加到极简布局也是必不可少的。

VISIA Pro 是一个几何字体系列,非常适合你的极简风格设计项目。它具有简单而干净的字母,使你的设计看起来与 Apple 的设计一样好。

字体系列包括 7 种不同的字体粗细可供选择。


10. Braveold

Braveold

在结束此列表之前,我们希望在集合中再包含一种衬线字体。无论你喜不喜欢,衬线字体都是制作优雅 UI 设计的首选,而这种字体会告诉你原因。

Braveold 是一个精美优雅的字体系列,可用于为高端品牌、应用程序和产品制作 UI 设计。该字体有 5 种不同的粗细,带有花饰、连字和风格集。


如何在 Figma 中安装自定义字体

在 Figma 中安装自定义字体非常简单。Figma 可以访问计算机本地的字体库,因此当你在计算机上安装所需要的字体时,你也可以在 Figma 中访问它们。


请按照以下步骤在你的计算机上安装字体:

· 首先,从市场下载字体文件

· 如果字体以 ZIP 文件形式出现,请将其解压缩以查找 .ttf 或 .otf 字体文件

· 现在,在 Windows 上,转到设置 > 个性化 > 字体,复制粘贴或将字体文件拖放到字体文件夹中以安装它们。或者,只需双击字体文件并单击安装按钮。这同时适用于 Mac 和 Windows 平台

· 如果你使用的是 Figma 桌面应用程序,只需重新启动应用程序,你就会在库中看到新安装的字体。

· 如果你使用的是网络版 Figma,则必须安装 Figma 字体安装程序插件才能访问计算机的字体库。安装插件后,刷新浏览器窗口以访问字体。


结论

为你的 UI 设计找到合适的字体可能需要反复试验。这是走向完美过程的一部分,在你决定使用一款或者一组字体之前,请尝试使用不同的字体。









----图文来自:design shack 

----由深圳网站建设公司-Clh翻译编辑整理,为您提供更多有关深圳网站建设网站设计网页设计及其他互联网应用服务