? ? ? ? 雖然排版是網(wǎng)頁設(shè)計中極為重要的組成部分擦秽，但是絕大多數(shù)的網(wǎng)站并未在排版上做過專門的設(shè)計和調(diào)整码荔。
? ? ? ? ? 事實上食侮，在我看來我們?nèi)粘ＴL問的許多網(wǎng)站在排版設(shè)計上并無亮點，這也是為什么目胡，當(dāng)我們發(fā)現(xiàn)這些在排版設(shè)計上用心雕琢的網(wǎng)站的時候锯七，會由衷地感受到喜悅和別樣的幸福感。
? ? ? ? ? 如果你厭倦了無處不在的宋體誉己、雅黑眉尸、Arial和Helventica，那么你應(yīng)該會喜歡接下來的案例巨双，這些巧用字體排版帥氣的優(yōu)秀網(wǎng)站會再次擴充你的網(wǎng)頁收藏夾噪猾。
? ? ? ? 雅致的文字排版懸浮在半空中，和背景融為一體筑累，這種設(shè)計除了眾所周知地提高逼格之外袱蜡，能明顯地提升頁面的深度。強對比的色彩搭配也是設(shè)計師別具匠心的體現(xiàn)慢宗，我想你已經(jīng)發(fā)現(xiàn)了坪蚁。
所用字體: Crimson Text, Futura
? ? ? ?這個名為“What is your future”的網(wǎng)站同樣設(shè)計精美，排版也頗為嚴謹镜沽。設(shè)計師很明顯喜歡極簡和扁平風(fēng)敏晤，所用的字體Baron Neue又是極具表現(xiàn)力的樣式，在黑色的背景之下極為醒目缅茉，使得整個頁面都炫酷起來了嘴脾。撇開排版技巧不說，這字體都值得來一發(fā)吧蔬墩？
所用字體: Baron Neue, Georgia
? ? ? ?復(fù)雜的網(wǎng)站都是一樣的復(fù)雜译打，而簡潔的網(wǎng)站卻總能玩兒出不一樣的風(fēng)情。這個形同windows藍屏死機了一樣的背景之上拇颅，用不同色彩的單一字體來呈現(xiàn)內(nèi)容奏司，而這個字體正是我們所熟知的“Android的靈魂”——ROBOTO。極簡風(fēng)蔬蕊，合理的選色结澄，加上一個足夠現(xiàn)代的字體，就可以輸出一個有個性的頁面岸夯。
所用字體: Roboto
? ? ? ?當(dāng)今這個時代麻献，個性即正義。這個網(wǎng)站的設(shè)計思路和上一個很接近猜扮，讓色彩發(fā)聲勉吻，用字體展現(xiàn)個性，這個網(wǎng)站用的字體名為Brandon Grotesque旅赢，雖然稍顯怪異齿桃，但是搭配其他的元素之后惑惶，就顯得極為獨特了。這就是冒險的樂趣短纵，改著改著带污，就成了一個獨一無二的網(wǎng)站了，你覺得呢香到？
所用字體: Brandon Grotesque
? ? ? ?正如同這個網(wǎng)站在標(biāo)題介紹上所說鱼冀，它旨在“提供用于基本的網(wǎng)站設(shè)計和印刷的字體（Benton Sans）”。坦率的講悠就，Benton Sans的確是一種非常樸素的非襯線體千绪，稍微調(diào)整就能創(chuàng)造出層次感。網(wǎng)站和字體俱佳梗脾，挺不錯的荸型。
所用字體: Benton Sans
? ? ? Degordian這個網(wǎng)站充分運用了對比強烈的大背景和具有沖擊力字體（Futura）的組合（這也是目前網(wǎng)站設(shè)計的一個大趨勢），網(wǎng)站另一個值得稱贊的地方是它用的正文字體：Merriweather炸茧。
所用字體: Futura, Merriweather
? ? ? 設(shè)計師將網(wǎng)站的排版和配圖都做成黑板畫的效果瑞妇，質(zhì)感非常不錯。雖然無法確認網(wǎng)站的主要字體宇立，但是用來搭配的字體可以確認是Georgia踪宠，兩者組合看起來非常舒服。
所用字體:未知, Georgia
? ? ? ?這也是是一個極簡風(fēng)的網(wǎng)站妈嘹，整個網(wǎng)站使用了一個字體：Founders Grotesk憔涉。有意思的是积仗，設(shè)計師用這一字體的不同的色彩悼尾、尺寸營造出了層次感念逞。
所用字體: Founders Grotesk
? ? ? ?這是一個法語網(wǎng)站暗赶，從字體樣式上來講可讀性確實很差荸百，但是從風(fēng)格和個性上來說竟坛，極為突出哪自。
所用字體: Avenir Book
? ? ? ? 只需幾個步驟灾测，你就可以借助這個網(wǎng)站給朋友和親人發(fā)送個性化的信息爆价。在網(wǎng)站設(shè)計上，設(shè)計師同樣使用了單一字體用作網(wǎng)站排版媳搪。Proxima Nova字體的大尺寸看起來非常漂亮铭段。
Fonts used: Proxima Nova
? ? ? ? ?看起來Amazee Labs已經(jīng)為自己的網(wǎng)站設(shè)計了屬于自己的一套字體，這套自己的設(shè)計主要源自Source Sans Pro和Museo秦爆。兩種字體協(xié)調(diào)地融為一體序愚，和不同的色彩搭配排版也頗為漂亮。
Fonts used: Source Sans Pro, Museo
? ? ? ?和之前的那個Jacob Grubbe的網(wǎng)站一樣等限，Oudolf這個網(wǎng)站里爸吮，排版設(shè)計幾乎是整個網(wǎng)站唯一的設(shè)計元素芬膝。在這里，排版設(shè)計和圖片巧妙的結(jié)合到了一起形娇。
所用字體: Mason Neue Book, Univers Standard
? ? ? ?這個網(wǎng)站主要運用了兩種字體：Verlag Book和Acrom Extra Bold锰霜。設(shè)計師采用了時下流行的視頻背景圖，視頻背景與前景漂亮的字體組合起來仿佛一個可交互的動態(tài)海報桐早，絕贊癣缅。
所用字體: Verlag Book, Acrom Extra Bold
? ? ? 作為一個字體的宣傳網(wǎng)站，悶騷的排版設(shè)計幾乎是一定會出現(xiàn)的勘畔。和許多優(yōu)秀的前輩一樣所灸，它旨在潤物細無聲地存在，成為一個“路人”一樣的字體——漂亮炫七，現(xiàn)代爬立，可靠，耐看万哪。
所用字體: FS Millbank
? ? ? ?過去的一年里侠驯，F(xiàn)utura PT似乎成為了用戶增長最大的字體，這個Studio Lovelock網(wǎng)站干脆全站都用的這個奕巍。盡管如此吟策，設(shè)計師別處心裁的將不同字重不同尺寸的Futrua PT用在網(wǎng)站不同的地方，一樣百變的止，一樣好使檩坚。
所用: Futura PT
? ? ? ? 玩弄色彩還是挺容易玩出花樣的，雖然有時候看起來略顯奇怪诅福，但是配合上富有表現(xiàn)力的字體匾委，反而會成為網(wǎng)站的亮點。Montserrat和Courier New都不是以有趣好玩為賣點的字體氓润，但是在這個網(wǎng)站就顯得特別突出赂乐。
所用字體: Montserrat, Courier New
? ? ? ? 說起來這個網(wǎng)站幾乎沒怎么用到排版設(shè)計，但是它的“Download Now”按鈕之處巧妙地使用了MostraNuova字體咖气，在這個地方幾乎是絕配挨措。好字體有時候確實能成就一個好設(shè)計。再次不得不推薦一下國產(chǎn)iOS記事應(yīng)用“小記”崩溪，真心是字體選的好浅役，逼格就爆表啊。
所用字體: MostraNuova
? ? ? ? ?作為一個知名音樂類服務(wù)悯舟，Spotify在用字體上還是頗有一套的担租。Spotify的設(shè)計師在他們的情人節(jié)活動“Sweet Spot”上選用了Circular TT字體，這套完備的字體應(yīng)對了不同位置對排版的要求抵怎，簡約現(xiàn)代奋救，又變化多端岭参。
所用字體: Circular TT
? ? ? ?51 North是一家位于荷蘭的設(shè)計機構(gòu)，網(wǎng)站設(shè)計采用了Minion W01和Tw Cen W01兩套字體尝艘，謹慎演侯，但是對比明顯，非常漂亮背亥。
所用字體: Minion W01, Tw Cen W01
? ? ? ?RelaisBlu是一家地處意大利的高端酒店秒际，他們的這個網(wǎng)站使用了三種不同的字體來進行排版設(shè)計。通常超過2種不同的字體用于一個頁面會讓人覺得混亂狡汉，這個這個網(wǎng)站不會娄徊，反而看起來頗為具有沖擊力。
所用字體: Geosans, Fanwood, Theano
? ? ? ?這個網(wǎng)站所用的字體你們肯定熟悉盾戴，這就是iOS7之后的標(biāo)配字體：Helvetica Neue寄锐。在國外它已經(jīng)有點被濫用的趨勢了，但是這也正好反映了這一字體的強大兼容性和不俗的表現(xiàn)力尖啡。
所用字體: Helvetica Neue
? ? ? ?EMyth是一個簡單但是接地氣的網(wǎng)站橄仆，這主要還是得益于排版設(shè)計所用的兩大字體：Museo Slab和Proxima Nova。
所用字體: Museo Slab, Proxima Nova
? ? ? 左右對稱的網(wǎng)站越來越多衅斩，這個網(wǎng)站除了左側(cè)的標(biāo)題之外盆顾，正文部分僅用了一種字體：Proxima Nova。正文部分畏梆，設(shè)計師通過不同字重的對比而呈現(xiàn)出網(wǎng)站的層次（實際上我們也經(jīng)常這樣做）您宪，少許自定義的字體則賦予了網(wǎng)站以個性。
所用字體: Proxima Nova,自定義字體
? ? ? ? 雖然Formlets家的產(chǎn)品遲遲沒有突出奠涌，但是他們的網(wǎng)站還是非常亮眼的蚕涤。個性化的臉譜插畫和現(xiàn)代感十足的字體搭配在一起，呈現(xiàn)出同類企業(yè)所不具備的個性和氣質(zhì)铣猩。DIN和Roboto誰不知道呢？但是要作出這樣的網(wǎng)站茴丰，只能說功夫在詩外了达皿。
所用字體: DIN Rounded, Roboto
? ? ? ? 一個字體打天下，好象這真是許多歐美設(shè)計師的選擇啊贿肩。設(shè)計師在整個網(wǎng)站只使用了Apercu字體峦椰，為了整站清爽的氣質(zhì)，也僅僅使用了Light和regular兩種粗細汰规，層次分明而清晰汤功，有對比但是不強烈。
所用字體：Apercu
25個高體驗的優(yōu)秀文字排版網(wǎng)站頁面設(shè)計http://www.siweiw.com/sjinfo6692.html
更多設(shè)計知識溜哮，創(chuàng)意資訊滔金，請關(guān)注思維網(wǎng)設(shè)計前沿http://www.siweiw.com/sjnews
