25个巧用字体排版帅气的优秀网页设计(2)

UI / UI设计 / 网页设计 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词

Fonts used: Proxima Nova

11. Amazee Labs

25个巧用字体排版帅气的优秀网页设计

看起来Amazee Labs已经为自己的网站设计了属于自己的一套字体,这套自己的设计主要源自Source Sans Pro 和 Museo 。两种字体协调地融为一体,和不同的色彩搭配排版也颇为漂亮。

Fonts used: Source Sans Pro, Museo

12. Oudolf

25个巧用字体排版帅气的优秀网页设计

和之前的那个Jacob Grubbe的网站一样,Oudolf这个网站里,排版设计几乎是整个网站唯一的设计元素。在这里,排版设计和图片巧妙的结合到了一起。

所用字体: Mason Neue Book, Univers Standard

13. I Am Baaz

25个巧用字体排版帅气的优秀网页设计

这个网站主要运用了两种字体: Verlag Book 和 Acrom Extra Bold 。设计师采用了时下流行的视频背景图,视频背景与前景漂亮的字体组合起来仿佛一个可交互的动态海报,绝赞。

所用字体: Verlag Book, Acrom Extra Bold

25个巧用字体排版帅气的优秀网页设计

作为一个字体的宣传网站,闷骚的排版设计几乎是一定会出现的。和许多优秀的前辈一样,它旨在润物细无声地存在,成为一个“路人”一样的字体——漂亮,现代,可靠,耐看。

所用字体: FS Millbank

15. Studio Lovelock

25个巧用字体排版帅气的优秀网页设计

过去的一年里,Futura PT似乎成为了用户增长最大的字体,这个Studio Lovelock 网站干脆全站都用的这个。尽管如此,设计师别处心裁的将不同字重不同尺寸的Futrua PT 用在网站不同的地方,一样百变,一样好使。

所用: Futura PT

16. Adoratorio

25个巧用字体排版帅气的优秀网页设计

玩弄色彩还是挺容易玩出花样的,虽然有时候看起来略显奇怪,但是配合上富有表现力的字体,反而会成为网站的亮点。Montserrat 和 Courier New 都不是以有趣好玩为卖点的字体,但是在这个网站就显得特别突出。

所用字体: Montserrat, Courier New

25个巧用字体排版帅气的优秀网页设计

说起来这个网站几乎没怎么用到排版设计,但是它的“Download Now”按钮之处巧妙地使用了MostraNuova字体,在这个地方几乎是绝配。好字体有时候确实能成就一个好设计。再次不得不推荐一下国产iOS记事应用“小记”,真心是字体选的好,逼格就爆表啊。

所用字体: MostraNuova

18. Spotify. Sweet Spot

25个巧用字体排版帅气的优秀网页设计

作为一个知名音乐类服务,Spotify在用字体上还是颇有一套的。Spotify的设计师在他们的情人节活动“Sweet Spot”上选用了Circular TT 字体,这套完备的字体应对了不同位置对排版的要求,简约现代,又变化多端。

所用字体: Circular TT

19. 51 North

25个巧用字体排版帅气的优秀网页设计

51 North是一家位于荷兰的设计机构,网站设计采用了Minion W01和 Tw Cen W01两套字体,谨慎,但是对比明显,非常漂亮。

所用字体: Minion W01, Tw Cen W01

20. RelaisBlu

25个巧用字体排版帅气的优秀网页设计

RelaisBlu 是一家地处意大利的高端酒店,他们的这个网站使用了三种不同的字体来进行排版设计。通常超过2种不同的字体用于一个页面会让人觉得混乱,这个这个网站不会,反而看起来颇为具有冲击力。

所用字体: Geosans, Fanwood, Theano

21. April Studio

25个巧用字体排版帅气的优秀网页设计

这个网站所用的字体你们肯定熟悉,这就是iOS7之后的标配字体:Helvetica Neue。在国外它已经有点被滥用的趋势了,但是这也正好反映了这一字体的强大兼容性和不俗的表现力。

所用字体: Helvetica Neue

22. EMyth

25个巧用字体排版帅气的优秀网页设计

EMyth 是一个简单但是接地气的网站,这主要还是得益于排版设计所用的两大字体:Museo Slab 和 Proxima Nova 。

所用字体: Museo Slab, Proxima Nova

23. Melanie DaVeid

25个巧用字体排版帅气的优秀网页设计

左右对称的网站越来越多,这个网站除了左侧的标题之外,正文部分仅用了一种字体:Proxima Nova。正文部分,设计师通过不同字重的对比而呈现出网站的层次(实际上我们也经常这样做),少许自定义的字体则赋予了网站以个性。

所用字体: Proxima Nova, 自定义字体

24. Formlets

25个巧用字体排版帅气的优秀网页设计

虽然Formlets家的产品迟迟没有突出,但是他们的网站还是非常亮眼的。个性化的脸谱插画和现代感十足的字体搭配在一起,呈现出同类企业所不具备的个性和气质。DIN和Roboto谁不知道呢?但是要作出这样的网站,只能说功夫在诗外了。

所用字体: DIN Rounded, Roboto

25. Nicholas Bussiere

25个巧用字体排版帅气的优秀网页设计

一个字体打天下,好象这真是许多欧美设计师的选择啊。设计师在整个网站只使用了Apercu 字体,为了整站清爽的气质,也仅仅使用了Light和regular 两种粗细,层次分明而清晰,有对比但是不强烈。

所用字体:Apercu

原文地址:instantshift
优设译

 收藏