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

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

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

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

延長閱讀：

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

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

（20）Ewket

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

（21）The Dissolve

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

（22）The whig

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

（23）Find&Form

干凈，單色的審美特征，這個網(wǎng)站讓內(nèi)容文字削減到好少。網(wǎng)站的排版很簡潔和低調(diào)，讓圖片自己來說話。單色的字體在這里看起來有一點(diǎn)特殊，但是，它傳達(dá)了這個團(tuán)隊(duì)的口號那就是“數(shù)碼世界渴望古老的校園工藝”。這種審美是跟我們統(tǒng)一時代的。另外特別很是有趣的就是當(dāng)你向下滑動到網(wǎng)站的底部的時候，導(dǎo)航條會水平移動到右邊，這樣可以給整個網(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ì)。這個眼鏡公司則援引其目標(biāo)之一“在傳統(tǒng)與時尚之間達(dá)成好平衡”。簡單，粗體的大寫字體實(shí)現(xiàn)了這一點(diǎn)，既有傳統(tǒng)的感覺又不會落伍或過時。盡管字體上與logo風(fēng)格有很大的不同，但很勇敢和醒目。同時值得一提的是，有趣的鼠標(biāo)懸停效果也是整個網(wǎng)站與眾不同的部分。

（25）Myfelt

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