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

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

以下的網(wǎng)站有著非常明顯的個(gè)性，大部分都是通過版式來建立的。誠然，有時(shí)候他們并不是很完美(不幸的是，性能常常是個(gè)問題)，但是他們通過字體來吸引用戶來產(chǎn)生興趣。好的網(wǎng)頁版式不僅僅只是一個(gè)美好的視覺處理，同時(shí)也要注意速度。很多設(shè)計(jì)師徹底忽視了性能。請注意：這些網(wǎng)站沒有在老的瀏覽器或者移動(dòng)設(shè)備上做過測試。當(dāng)然這不是這篇文章的主旨。相反的，我們將會(huì)近距離的觀察有趣的版式處理以及字體的創(chuàng)新使用。

精致的字體使用實(shí)例

現(xiàn)在開始跟上字體去私奔，體驗(yàn)一路奇幻的字體設(shè)計(jì)之旅。

淺談精致字體的使用實(shí)例

Wow,這個(gè)網(wǎng)站確實(shí)很幽默!這個(gè)網(wǎng)站的調(diào)調(diào)不是僅僅根據(jù)字體的特征而設(shè)計(jì)的，而是通過它們的排版方式。它打破了我們的常規(guī)交流的順序。通常你會(huì)在印刷海報(bào)中看到軸對稱的排版，那通常給人印象深刻。在這個(gè)網(wǎng)站上，字體的選擇并不是非常的有個(gè)性的裝飾性或者是很好玩的裝飾性字體，它就是用的非常簡單的無襯線字體。非常棒的背景圖案觸覺體驗(yàn)，它引導(dǎo)閱讀的方向，以及用戶閱讀網(wǎng)站的文字時(shí)頭部從一邊到另一邊的運(yùn)動(dòng)。

淺談精致字體的使用實(shí)例

這個(gè)網(wǎng)站的所有地方都值得關(guān)注。整個(gè)頁面由不同的元素組合在一起有一種動(dòng)感。網(wǎng)站的logo是用的一種寬的但是很優(yōu)雅的字體，建立了一種設(shè)計(jì)基調(diào)。運(yùn)動(dòng)的感覺是由一條傾斜的線來建立的，這根傾斜的直線跟logo中的首字母“A”的傾斜保持一致，創(chuàng)建了這個(gè)網(wǎng)站的節(jié)奏?；瑒?dòng)的預(yù)覽圖深深的抓住你的眼球，圖片很大讓你感覺到無拘無束。然而，這個(gè)網(wǎng)站的背景圖片居然有：2560*5350像素，2.4MB，哎喲!

淺談精致字體的使用實(shí)例

這個(gè)為葡萄園設(shè)計(jì)的網(wǎng)站非常的獨(dú)特和創(chuàng)新，設(shè)計(jì)的就像一個(gè)老式的海報(bào)。這個(gè)美麗的網(wǎng)站設(shè)計(jì)成功的找到了一種葡萄酒的感覺。我喜歡”單詞后面的陰影會(huì)跟隨著你的鼠標(biāo)的移動(dòng)而運(yùn)動(dòng)從而在一個(gè)另外的靜態(tài)頁面創(chuàng)造出動(dòng)感。這個(gè)地方最主要的缺點(diǎn)就是，從某中意義上說，文字是作為圖像而嵌入到網(wǎng)站上的，可能會(huì)讓文字無法復(fù)制和粘貼。

淺談精致字體的使用實(shí)例

這里的布局和排版混合在一起是通過一套模板的系統(tǒng)建立的，通常是幾個(gè)部分重疊在一起。這種布局的方法很清新因?yàn)樗凰腊澹⑶曳浅Ｈ菀赘淖?。排版也是同樣的感覺，因?yàn)樗麄兌加泻艽蟮拈g距，不管是大量的文字還是稠密的文字。標(biāo)題和說明性文字，以一種很容易閱讀的無襯線字體出現(xiàn)在作品的旁邊。

淺談精致字體的使用實(shí)例

一種很常見的字體的巨大的字母在整個(gè)屏幕范圍之內(nèi)，還延伸到整個(gè)頁面。使得單詞”看起來比現(xiàn)實(shí)中的大很多。主頁就通過循環(huán)漂亮的圖片來展示博物館的內(nèi)容。主導(dǎo)航也很有意思：當(dāng)你點(diǎn)擊的時(shí)候，它會(huì)下滑然后讓你選擇子目錄。整個(gè)網(wǎng)站的體積只有955KB以及31次HTTP請求——優(yōu)化做的很棒。