印象通常就是一種持續(xù)印象。不管你是否意識(shí)到，你的版式能夠幫助用戶(hù)在他們甚至還沒(méi)有開(kāi)始讀一個(gè)字或者點(diǎn)擊一個(gè)按鈕之前建立一個(gè)體驗(yàn)。版式不僅僅是講述一個(gè)故事，它告訴用戶(hù)是這個(gè)網(wǎng)站的幕后以及這個(gè)背后的人是做什么的。對(duì)于字體的處理創(chuàng)造了一種氛圍，同時(shí)也會(huì)像聲音的音調(diào)一樣引起回想。

你需要問(wèn)一問(wèn)你自己，你想要表達(dá)什么以及你想要怎么去表達(dá)它？想一想用戶(hù)：當(dāng)頁(yè)面加載的時(shí)候你想讓他們有什么樣的感受和體驗(yàn)？版式建立一個(gè)交流的模式，同時(shí)，也表達(dá)了一個(gè)網(wǎng)站的個(gè)性。字體的選擇將會(huì)決定人們對(duì)你的網(wǎng)站的反饋。

以下的網(wǎng)站有著特別很是顯明的個(gè)性，大部分都是通過(guò)版式來(lái)建立的。誠(chéng)然，有時(shí)候他們并不是很好（不幸的是，性能常常是個(gè)問(wèn)題），但是他們通過(guò)字體來(lái)引起用戶(hù)的愛(ài)好。好的網(wǎng)頁(yè)版式不僅僅只是一個(gè)美好的視覺(jué)處理，同時(shí)也要注重速度。許多設(shè)計(jì)師徹底忽視了性能。

請(qǐng)注重：這些網(wǎng)站沒(méi)有在老的瀏覽器或者移動(dòng)設(shè)備上做過(guò)測(cè)試。當(dāng)然這不是這篇文章的主旨。相反的，我們將會(huì)近距離的觀(guān)察有趣的版式處理以及字體的創(chuàng)新使用。

延長(zhǎng)閱讀：

• 網(wǎng)頁(yè)字體設(shè)計(jì)奇幻之旅【上】

細(xì)膩的字體使用實(shí)例（20-38）

（20）Ewket

這是個(gè)簡(jiǎn)單的扁平化設(shè)計(jì)的網(wǎng)站。用好基本的造型設(shè)計(jì)，就像油畫(huà)的層。Ewket在埃塞俄比亞致力于基礎(chǔ)教育事業(yè)。網(wǎng)站內(nèi)容所使用的字體Andale Mono并不是你所期待的那樣，但是它能夠讀懂。這個(gè)字體是一種鋒利的無(wú)襯線(xiàn)字體，有一種空蕩蕩的感覺(jué)。Ewket是一個(gè)下層項(xiàng)目，所以它的整個(gè)設(shè)計(jì)看起來(lái)特別很是的基本和簡(jiǎn)單，也映照了它的功能。然而，它并沒(méi)有很好的對(duì)應(yīng)它的性能，4.6MB和58次HTTP請(qǐng)求顯得有點(diǎn)沒(méi)需要的多余。

（21）The Dissolve

我喜好它的銘牌，它營(yíng)造了一種老式的電影院的感覺(jué)。對(duì)比起文章的襯線(xiàn)字體來(lái)講，這種字體有一種古老的感覺(jué)。這個(gè)網(wǎng)站有一種簡(jiǎn)單，干凈和特別很是復(fù)雜的老電影的體驗(yàn)。導(dǎo)航條的設(shè)計(jì)讓頂部的空間得到的了很好的應(yīng)用。一旦這個(gè)網(wǎng)站的視覺(jué)識(shí)別跟它的銘牌一路建立起來(lái)，當(dāng)你把鼠標(biāo)懸停在上面的時(shí)候，不同的分類(lèi)廣告就會(huì)出現(xiàn)在銘牌的位置。

（22）The whig

這個(gè)餐廳是一個(gè)可以坐下來(lái)，放松，和你的小伙伴們喝一杯的地方。Medula One字體被用來(lái)詮釋這樣一種感覺(jué)。這種無(wú)襯線(xiàn)字體非但不會(huì)顯得過(guò)分裝飾而且它的筆刷線(xiàn)條有一種中世紀(jì)的感覺(jué) 。它特別很是的友愛(ài)而不做作，很好的映襯了這個(gè)小bar的氛圍。

（23）Find&Form

干凈，單色的審美特征，這個(gè)網(wǎng)站讓內(nèi)容文字削減到好少。網(wǎng)站的排版很簡(jiǎn)潔和低調(diào)，讓圖片自己來(lái)說(shuō)話(huà)。單色的字體在這里看起來(lái)有一點(diǎn)特殊，但是，它傳達(dá)了這個(gè)團(tuán)隊(duì)的口號(hào)那就是“數(shù)碼世界渴望古老的校園工藝”。這種審美是跟我們統(tǒng)一時(shí)代的。另外特別很是有趣的就是當(dāng)你向下滑動(dòng)到網(wǎng)站的底部的時(shí)候，導(dǎo)航條會(huì)水平移動(dòng)到右邊，這樣可以給整個(gè)網(wǎng)站其他的內(nèi)容留下一些空間。

（24）Carrera

Carrera網(wǎng)站的設(shè)計(jì)有一種永恒的魅力，正如它的產(chǎn)品真實(shí)且永恒。網(wǎng)站的設(shè)計(jì)應(yīng)該要吻合產(chǎn)品設(shè)計(jì)的氣質(zhì)。這個(gè)眼鏡公司則援引其目標(biāo)之一“在傳統(tǒng)與時(shí)尚之間達(dá)成好平衡”。簡(jiǎn)單，粗體的大寫(xiě)字體實(shí)現(xiàn)了這一點(diǎn)，既有傳統(tǒng)的感覺(jué)又不會(huì)落伍或過(guò)時(shí)。盡管字體上與logo風(fēng)格有很大的不同，但很勇敢和醒目。同時(shí)值得一提的是，有趣的鼠標(biāo)懸停效果也是整個(gè)網(wǎng)站與眾不同的部分。

（25）Myfelt

該網(wǎng)站所用的字體樣式特別很是友愛(ài)溫暖，文案插圖與產(chǎn)品氣質(zhì)也是一致的。所有這些元素加在一路都傳達(dá)著同樣的訊息。這個(gè)網(wǎng)站讓我很感愛(ài)好的一點(diǎn)是，地毯上的點(diǎn)融入了logo和銘牌。