排行榜 统计
  • 文章总数:1135 篇
  • 评论总数:5 条
  • 分类总数:8 个
  • 最后更新:4天前

除了思源黑体,这7款免费可商用的字体也不容错过!

本文阅读 8 分钟
首页 常用工具 正文

UI字体的重要性不容小觑,不和谐的UI字体搭配会导致整个UI界面失调。本文Pixso推荐了8款好看又好用的免费UI字体,文末更有详细的可商用免费字体素材的使用教程,一起来看看吧!

新一代设计协作工具Pixso,免费功能就够用,替代Sketch,Figma

1. 思源黑体

思源黑体是Adobe与Google在2014年7月推出一款新的开源免费字体素材,提供了对日文,韩文,繁体中文以及简体中文这四种语言的支持,有七种字体粗细(ExtraLight、Light、Normal、Regular、Medium、Bold和Heavy),这款免费字体素材介于现代和传统之间,笔触简单、质量一致。如Pixso资源社区中的论坛资讯类app的字体就是用的思源黑体(Pixso的默认字体也是思源黑体)。

2. Inter

Inter是一种Google字体,由Rasmus Andersson创建,Inter具有非常独特的外观,线条干净、风格现代,并凭借其出色的易读性、可读性和每个字母中完美对称的特征而在众多免费字体素材中脱颖而出,已成为UI中的标准字体之一。Inter 的X高度是69%,较高的X高度可以帮助混合大小写和小写文本的可读性。Pixso资源社区中的登录页页面设计的字体就是Inter。

3. 上首软糖体

上首软糖体是上首造字开发的一款漂亮、可爱的免费字体素材,极具创意和独特性,字体多姿多态,整体笔画粗化处理,可爱萌动圆润是此套免费UI字体素材的亮点,给人以强烈的视觉冲击,非常适合应用于标题、海报和杂志等的设计中。Pixso资源社区的明治大学Macbook分区壁纸采用的字体就是上首软糖体。

4. DM Sans

DM Sans是一种低对比度的几何无衬线字体,用于标题和内容中效果都很好,这个免费字体素材比较适合现代的设计,可以给人一种亲切友好的感觉。Pixso资源社区中的医疗咨询平台的标题和正文使用的字体都是DM Sans。安装字体软件,是设计师进行界面排版设计的重要模块。想要打造个性化的字体设计,设计师往往需要进行字体软件安装,建议阅读:《字体软件怎么安装?无需等待,即装即用!》,学会快速按照字体软件。

5. Poppins

Poppins字体是一款应用于艺术设计方面的英文免费字体素材,该字体笔画正规,粗黑明了,整体效果大方得体,适合应用于名片设计 、新闻媒体、宣传海报、ppt、影视制作以及内容用字等领域。Pixso资源社区的Horizon UI后台管理应用的就是Poppins字体。

6. Nunito

Nunito字体由Vernon Adams创建,是一种平衡良好的末端圆形的无衬线字体。字体结构方正饱满,笔形柔和。笔划圆头圆尾、转角处也很圆滑,整体富有独特的亲和力,特别适合运用在儿童类产品上,或者如Pixso资源社区的互动式聊天用户界面用在用户昵称处也非常亲切、合适。

可以看到在这个素材中,Pixso为不同文本创建了文本样式。在Pixso中文字样式包括:字号、字重、行高和字距等。设计中,经常需要为不同的文本设置不同的属性,使用文本样式将会很大程度提高设计效率。我们可以将文本样式应用于整个文本图层,或仅将其应用于图层中的部分文本。

7. Roboto

Roboto是为Android系统设计的一个无衬线字体,Google介绍该免费字体素材为“现代的、平易近人”和“情绪化”的,这种圆润清晰的无衬线字体所包含的美学引领了Android 4.0的干净、几何的设计哲学。Pixso资源社区中Do While网页端使用的字体就是Roboto。了解网页字体设计规范,对UI设计来说同样重要,建议阅读《网页字体设计规范,这些或许你还不知道!》,打造更优秀的网页设计。

8. SF Pro Display

在 iOS 中,尺寸小于20pt时,使用 SF Pro Text,大于等于20pt时则使用 SF Pro Display字体。SF Pro Display字体是一款视觉效果非常简洁大气的英文字体,该字体粗细均匀,粗黑厚实,易读性高,并且对字母的转折处都做了圆润处理,整体显得更加十分可爱、亲切,被广泛应用于多场合。Pixso资源社区的比特币App用的就是SF Pro Display字体。

以上示例的设计素材均可在Pixso资源社区中找到!Pixso资源社区聚集各行各业网页&移动App的界面设计案例,让设计开源变得像分享文章一样简单,随时下载、保存、修改使用,随时查看、分享,一切变得轻松顺滑!

在字体素材方面,Pixso官方含有多个免费可商用的中文字体,例如思源黑体、站酷快乐体、江西拙楷体等,无需手动安装即可使用,应用到商业设计项目中无侵权风险。如果Pixso的云端字体库不能满足你的需求,还可以安装「字体助手」,从本地导入电脑上安装的字体,给你的字体设计提供更多样化的选择。

有时在使用一些UI设计模板时,刚打开的文件会提示「字体缺失」,或是模板中使用的字体不是自己喜欢的,就需要先对字体进行替换。对于这两种场景,Pixso的「字体替换」插件,可以让我们一键批量更改文件的字体!


以上就是今天的分享,在UI设计工作中,文字内容总是能占据到整个网页或App界面将近80%的区域,因此字体选择对于UI设计师来说是非常关键的。

国内优秀的资源网站Pixso提供了多种免费高质量的中英文免费字体素材,使用方法也非常方便,没什么可犹豫的了,如此优秀的素材平台,你值得拥有!

本文来自投稿,不代表本站立场,如若转载,请注明出处:https://typecho.firshare.cn/archives/1314.html
免责声明:文章内容不代表本站立场,本站不对其内容的真实性、完整性、准确性给予任何担保、暗示和承诺,仅供读者参考,文章版权归原作者所有。避免网络欺诈,本站不倡导任何交易行为。如您私自与本站转载自公开互联网中的资讯内容中提及到的个人或平台产生交易,则需自行承担后果。本站在注明来源的前提下推荐原文至此,仅作为优良公众、公开信息分享阅读,不进行商业发布、发表及从事营利性活动。如本文内容影响到您的合法权益(内容、图片等),请及时联系本站,我们会及时删除处理。
-- 展开阅读全文 --
IDEA中设置JVM参数
« 上一篇 12-19
代码保护-- 几款加壳工具
下一篇 » 12-19