设计协作,用摹客

更好的产品协作设计平台,设计师的利器,产品经理的帮手,工程师的伙伴

文章分类
设计1+2,摹客就够了!

摹客,支持Sketch/PS/XD/Figma/Axure设计稿交付、自动标注切图、全流程协作。助力产品团队高效工作!

立即开启
【友情推荐】uimaker - 专注于ui设计,为ui设计师提供ui设计相关教程、素材及灵感。

了解更多
入门教程 了解更多
成都君德鑫力达科技发展有限公司

分享到微信朋友圈:

打开微信,点击底部的“发现”,使用 “扫一扫” 即可将网页分享到我的朋友圈。

博客 > 网页设计 > “高级感”的设计,从这20款精选Google网页字体开始【免费】

“高级感”的设计,从这20款精选Google网页字体开始【免费】

Trista
2019-05-07
203539

网页够不够美观,排版够不够好看,甲方爸爸会不会满意,用户体验是不是舒适......

作为一名网页设计师,这一定是你的例行每日几问。

以上问题的答案,有一个至关重要的点,那就是字体。

要知道,精美且使用得体的字体和排版几乎决定了整个网页颜值高低。

目前设计师关于字体的使用因为“侵权”变得惶惶不安,其实远不必忧心忡忡,免费的字体很多,免费且好看的字体也很多,说到字体资源,开源免费在线字体库 Google Fonts 绝对是一个大宝藏,今天Mockplus在其近1000多种字体里精选出了20款,提升设计颜值,打造高级感,从这20款字体开始吧~

为了方便大家挑选,我整理了每个字体的配图,包含了四个部分:字体、字体属性、标题展示和文本展示。那么,一起看看吧~

1. Dosis

Dosis

设计师:Impallari Type

Dosis字体圆润美观,属于无衬线型系列。最轻量的风格是Extra Light,仅在尺寸为36pt或更高的屏幕上可用,该字体可广泛用于艺术设计和广告,包括设计,海报,PPT,电影和电视制作。据统计,有860,000多个网站都使用了该字体。和Dosis字体搭配度高的字体包括:Roboto,Open Sans,Lato,Oswald和Raleway。

免费下载


2. Roboto

Roboto

设计师:Christian Robertson

Roboto是由Google界面设计师Robertson完全基于Google系统而设计的一款字体,该字体设计出来就大受欢迎,它是Android操作系统和Chrome OS的默认字体,也是Google Material Design的首选字体。该字体兼其美观和实用,目前已经有超过24,000,000个网站都在使用该字体。 Roboto的最佳搭配字体包括Open Sans,Lato,Montserrat,Regular,Raleway和Oswald。

免费下载


3. EB Garamond

EB Garamond

设计师:Georg Duffner

EB Garamond具有复古、经典的特质,因而在特定的网页设计中大受欢迎。其实很多大公司都做过Garamond,其中包含苹果和Adobe公司。ED Garamond因为其既有的典雅和传统气息,非常适合和中文一起使用,你也可以将其和以下字体一起使用,比如Roboto,Lobster,Montserrat,Lato,Anton。目前有超过2,200,000个网站在使用EB Garamond字体。

免费下载


4. Poppins

Poppins

设计师:Indian Type Foundry

Popins是一种几何非衬线字体,它的使用非常广泛,可用于名片设计,新闻媒体,海报,PPT,影视制作,尤其是内容展示。据统计有4,000,000多个网站的内容展示都使用了Poppins。 Popins的搭配字体有Roboto,Raleway,Oswald,Playfair Display和Lato。

免费下载


5. Lora

Lora

设计师:Cyreal

Lora是一款均衡的现代衬线字体,非常适合在电子屏幕上展示,也同样适用于印刷品。该字体适中的对比度使其非常适合展示网站正文内容,比如博客内容等。该字体在谷歌字体中排名前20,实力不容小觑。

免费下载


6. Alegreya

 Alegreya

设计师:HuertaTipográfica

Alegreya是一种最初用于文学方面的字体。它最大的特点就是传达了一种动态和多变的节奏,便于阅读长篇文章。它被选为53个“十年字体”之一,并且也是前14个文本类型系统之一。目前有超过340,000个网站中使用了该字体,它的配对字体包含Roboto,Lato,Lora,Playfair Display和Montserrat。

免费下载


7. Libre Baskerville

Libre Baskerville

设计师:Impallari Type

很受设计师欢迎的Baskerville不是网络安全字体,Libre Baskerville的出现拯救了这一局面。该字体可以说是Baskerville的一个优质替换项。并且该字体针对16px左右的正文文本进行了优化,更加适合在电子屏幕展示。Montserrat,Roboto,Lato,Raleway和Playfair Display都可以与之进行搭配。

免费下载


8. Rufina

Rufina

设计师:Martin Sommaruga

Rufina是适用于与杂志相关或时尚网站相关的一款完美字体。该字体看起来非常优雅、美观,非常具有吸引力,但是要注意它带来的高对比度,这对阅读其实不是很友好,所以建议将该字体用于标题设计更好。

免费下载


9. Playfair display


Playfair display

设计师:ClausEggersSørensen

作为微软的网络核心字体之一,Playfair Display非常适合标题设计。它具有超厚的笔触和紧密的间距。与Playfair Display很配的字体包含Roboto,Lato,Montserrat,Raleway和Oswald。目前已有超过4,500,000个网站中使用了该字体。

免费下载


10. Lato

Lato

设计师:ŁukaszDziedzic

Lato属于无衬线字体系列。它的字母呈半圆,这个形状看起来温暖而舒适,组合在一起又有很好的稳定性并具有一种严肃性。该字体的设计师曾这样评价该字体:“Male and female, serious but friendly. With the feeling of the Summer。”

免费下载


11. Sans

Work-sans

Deisnger:黄伟

免费下载


12. Rubik

Rubik

设计师: Cyreal

免费下载


13. Libre Franklin

Libre Franklin

设计师: Impallari Type

免费下载


14. Rakkas

Rakkas

设计师: Zeynep Akay

免费下载


15. Fjalla One

Fjalla One

设计师: Sorkin Type

免费下载


16. Oswald

Oswald

设计师: Vernon Adams

免费下载


17. Ubuntu

Ubuntu

设计师: Dalton Maag

免费下载


18. Open Sans

Open Sans

设计师:Steve Matteson

免费下载


19. PT Sans

PT Sans

设计师: ParaType

免费下载


20. Rokkitt

 Rokkitt

设计师: Vernon Adams

免费下载


以上就是全部的字体展示。但是其实优质的Google网页字体还有很多,没有办法一一展示。以上的例子都是一些具有质感且被很多设计师使用的高频字体,如果你有更好的推荐,欢迎交流哦~

上一篇
Sketch 55 Beta版本探秘,看看都有什么新功能

UI黑客   05/08

据说,团建和五一小长假更配哦

Trista   05/05

下一篇
需要帮助?

我是小摹,你的7*12小时产品顾问

立即扫码加入官方微信群

官方热线:19130671449

服务邮箱:service@jongde.com