网站建设资讯

NEWS

网站建设资讯

巧用字体排版的先进网页设计(二)

12.Oudolf

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

创新互联建站 - 绵阳服务器托管,四川服务器租用,成都服务器租用,四川网通托管,绵阳服务器托管,德阳服务器托管,遂宁服务器托管,绵阳服务器托管,四川云主机,成都云主机,西南云主机,绵阳服务器托管,西南服务器托管,四川/成都大带宽,服务器机柜,四川老牌IDC服务商

所用字体:MasonNeueBook,UniversStandard

13.IAmBaaz

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

所用字体:VerlagBook,AcromExtraBold

14.FSMillbank

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

所用字体:FSMillbank

15.StudioLovelock

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

所用:FuturaPT

16.Adoratorio

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

所用字体:Montserrat,CourierNew

17.ThePatternLibrary

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

所用字体:MostraNuova

18.Spotify.SweetSpot

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

所用字体:CircularTT

19.51North

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

所用字体:MinionW01,TwCenW01

20.RelaisBlu

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

所用字体:Geosans,Fanwood,Theano

21.AprilStudio

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

所用字体:HelveticaNeue

22.EMyth

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

所用字体:MuseoSlab,ProximaNova

23.MelanieDaVeid

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

所用字体:ProximaNova,自定义字体

24.Formlets

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

所用字体:DINRounded,Roboto

25.NicholasBussiere

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

以上内容由创新互联(成都网站设计,成都网站制作)为您提供,更多精彩内容:http://www.cdcxhl.com

关注“科技”微信公众号,快速获取互联网较新资讯


文章标题:巧用字体排版的先进网页设计(二)
本文来源:http://cdweb.net/article/scpcej.html