第一印象通常就是一種持續印象。不管你是否意識到，你的版式能夠幫助用戶(hù)在他們甚至還沒(méi)有開(kāi)始讀一個(gè)字或者點(diǎn)擊一個(gè)按鈕之前建立一個(gè)體驗。版式不僅僅是講述一個(gè)故事，它告訴用戶(hù)是這個(gè)網(wǎng)站的幕后以及這個(gè)背后的人是做什么的。對于字體的處理創(chuàng )造了一種氛圍，同時(shí)也會(huì )像聲音的音調一樣引起回想。
你需要問(wèn)一問(wèn)你自己，你想要表達什么以及你想要怎么去表達它？想一想用戶(hù)：當頁(yè)面加載的時(shí)候你想讓他們有什么樣的感受和體驗？版式建立一個(gè)交流的模式，同時(shí)，也表達了一個(gè)網(wǎng)站的個(gè)性。字體的選擇將會(huì )決定人們對你的網(wǎng)站的反饋。
以下的網(wǎng)站有著(zhù)非常明顯的個(gè)性，大部分都是通過(guò)版式來(lái)建立的。誠然，有時(shí)候他們并不是很完美（不幸的是，性能常常是個(gè)問(wèn)題），但是他們通過(guò)字體來(lái)吸引用戶(hù)來(lái)產(chǎn)生興趣。好的網(wǎng)頁(yè)版式不僅僅只是一個(gè)美好的視覺(jué)處理，同時(shí)也要注意速度。很多設計師徹底忽視了性能。請注意：這些網(wǎng)站沒(méi)有在老的瀏覽器或者移動(dòng)設備上做過(guò)測試。當然這不是這篇文章的主旨。相反的，我們將會(huì )近距離的觀(guān)察有趣的版式處理以及字體的創(chuàng )新使用。
精致的字體使用實(shí)例
Matt Luckhurst
這個(gè)網(wǎng)頁(yè)色彩斑斕也很有趣。首先映入眼簾的是活潑的襯線(xiàn)字母，接下來(lái)， 看起來(lái)很隨意分散的字母拼寫(xiě)出Matt的名字。懸停效果顯示每個(gè)項目的示例圖片，這種做法非常有效，幾乎是跳出字母的限制。這個(gè)網(wǎng)站顯示了字體可以作為平面元素合并在設計中?；旌显谝黄鸬奈宀视幸r線(xiàn)字母打破了經(jīng)典，可能我們能夠從襯線(xiàn)字體中更清醒的找到創(chuàng )意。
Playful
Wow,這個(gè)網(wǎng)站確實(shí)很幽默！這個(gè)網(wǎng)站的調調不是僅僅根據字體的特征而設計的，而是通過(guò)它們的排版方式。它打破了我們的常規交流的順序。通常你會(huì )在印刷海報中看到軸對稱(chēng)的排版，那通常給人印象深刻。在這個(gè)網(wǎng)站上，字體的選擇并不是非常的有個(gè)性的裝飾性或者是很好玩的裝飾性字體，它就是用的非常簡(jiǎn)單的無(wú)襯線(xiàn)字體。非常棒的背景圖案觸覺(jué)體驗，它引導閱讀的方向，以及用戶(hù)閱讀網(wǎng)站的文字時(shí)頭部從一邊到另一邊的運動(dòng)。
Atelier
這個(gè)網(wǎng)站的所有地方都值得關(guān)注。整個(gè)頁(yè)面由不同的元素組合在一起有一種動(dòng)感。網(wǎng)站的logo是用的一種寬的但是很優(yōu)雅的字體，建立了一種設計基調。運動(dòng)的感覺(jué)是由一條傾斜的線(xiàn)來(lái)建立的，這根傾斜的直線(xiàn)跟logo中的首字母“A”的傾斜保持一致，創(chuàng )建了這個(gè)網(wǎng)站的節奏?；瑒?dòng)的預覽圖深深的抓住你的眼球，圖片很大讓你感覺(jué)到無(wú)拘無(wú)束。然而，這個(gè)網(wǎng)站的背景圖片居然有：2560*5350像素，2.4MB，哎喲！
Cirp
這個(gè)為葡萄園設計的網(wǎng)站非常的獨特和創(chuàng )新，設計的就像一個(gè)老式的海報。這個(gè)美麗的網(wǎng)站設計成功的找到了一種葡萄酒的感覺(jué)。我喜歡”Russian River”后面的陰影會(huì )跟隨著(zhù)你的鼠標的移動(dòng)而運動(dòng)從而在一個(gè)另外的靜態(tài)頁(yè)面創(chuàng )造出動(dòng)感。這個(gè)地方最主要的缺點(diǎn)就是，從某中意義上說(shuō)，文字是作為圖像而嵌入到網(wǎng)站上的，可能會(huì )讓文字無(wú)法復制和粘貼。還有，當然類(lèi)似的設計被創(chuàng )造出來(lái)需要不少于3.4 MB和43次HTTP請求。
max Di Capua
這里的布局和排版混合在一起是通過(guò)一套模板的系統建立的，通常是幾個(gè)部分重疊在一起。這種布局的方法很清新因為它不死板，并且非常容易改變。排版也是同樣的感覺(jué)，因為他們都有很大的間距，不管是大量的文字還是稠密的文字。標題和說(shuō)明性文字，以一種很容易閱讀的無(wú)襯線(xiàn)字體出現在作品的旁邊。
Rijksmuseum
一種很常見(jiàn)的字體的巨大的字母在整個(gè)屏幕范圍之內，還延伸到整個(gè)頁(yè)面。使得“Rijksmuseum”看起來(lái)比現實(shí)中的大很多。主頁(yè)就通過(guò)循環(huán)漂亮的圖片來(lái)展示博物館的內容。主導航也很有意思：當你點(diǎn)擊的時(shí)候，它會(huì )下滑然后讓你選擇子目錄。整個(gè)網(wǎng)站的體積只有955KB以及31次HTTP請求——優(yōu)化做的很棒。
I shot Him
這個(gè)設計工作室的網(wǎng)站以一張寫(xiě)著(zhù)歡迎你的照片來(lái)向你問(wèn)候，這很新鮮。用戶(hù)馬上就有了一種置身于這些設計師工作室的感覺(jué)。有一種陌生感，但是同時(shí)也感受到很真實(shí)可靠。字體是焦點(diǎn)，但是不至于太吵或者太壓抑。我非常喜歡他們這種從完美的電腦中走出來(lái)展示他們自己獨特的一面的方式。盡管這個(gè)網(wǎng)頁(yè)沒(méi)有你期待的交互那么好，這個(gè)工作室的個(gè)性就在這張照片上完美的顯示出來(lái)了，那就是有深度，有實(shí)質(zhì)。手寫(xiě)的字體讓這個(gè)網(wǎng)站看起來(lái)很有個(gè)性，也讓用戶(hù)為這個(gè)工作室的設計產(chǎn)生了一個(gè)心理預期。這個(gè)網(wǎng)站除了歡迎語(yǔ)之外的所有字體處理方式都強化了輕松但有創(chuàng )造力，文字簡(jiǎn)短但是直達目的。另外一個(gè)很有趣的地方就是導航：它藏在登陸頁(yè)面，但是鼠標懸停在一個(gè)圖標上的時(shí)候可以看到它們。當你滑到底端，導航仍然固定顯示在頂部。
Banger’s
這個(gè)網(wǎng)站有很多的字符。Banger’s是一個(gè)腳踏實(shí)地的專(zhuān)注于啤酒和香腸的小飯館。它的故事看起來(lái)就像是畫(huà)在一個(gè)灰色的卡片箱子上，他們的食物就是通過(guò)這個(gè)箱子來(lái)盛裝運輸的。它的標志看起來(lái)就像是手繪的標記，很獨特，似乎不很完美，但是其他的一切都看起來(lái)跟它搭配在一起很協(xié)調。固定的導航欄在你上下滑動(dòng)的時(shí)候使用起來(lái)很不錯，懸停的效果（標題變成紅色）非常的簡(jiǎn)單有效。字體對整個(gè)視覺(jué)識別起到了很大的貢獻，同時(shí)圖形也很棒，但是性能不是特別好。最大的缺點(diǎn)是主頁(yè)就有7.2MB，254次HTTP請求。老實(shí)說(shuō)，真有點(diǎn)不能接受。
Caava Design
Caava Design使用無(wú)襯線(xiàn)字體使這個(gè)網(wǎng)站有著(zhù)整潔干凈的美感。“Good design is Good business(好的設計帶來(lái)好的商業(yè)價(jià)值)”使用很大的字號，非常明顯和容易閱讀，下面是斜體的介紹。整個(gè)網(wǎng)站的字體都是有目的的使用，而且不需要很吵鬧，同時(shí)網(wǎng)站的內容又不至于比整個(gè)的文件遜色。然而，那些很小的文字可能太小而不太適合閱讀。而且排版的網(wǎng)格間距是很凌亂的。字號的強烈對比同時(shí)也會(huì )讓用戶(hù)在閱讀整個(gè)網(wǎng)站的時(shí)候失去信心。再次，整個(gè)視覺(jué)與5.7MB,90次HTTP的請求不太相符。
The Black Sparrow
這個(gè)網(wǎng)站看起來(lái)顯得有點(diǎn)復古，大量的字體都使這個(gè)網(wǎng)站顯得折中主義，有一種很淳樸的感覺(jué)。這個(gè)小酒吧休閑室的主題是基于Chaeles Bukowski的小說(shuō)，結合一些文學(xué)的元素和古老的打字機字體的標志。我喜歡它的導航條，當你的鼠標懸停在上面的時(shí)候，那些小圖標轉動(dòng)的方式。這個(gè)網(wǎng)站真有一種20世紀三十年代的感覺(jué)，那些麻雀的插圖讓這種感覺(jué)更加強烈。然而，在空間允許的情況下，字號有一點(diǎn)偏小而不太容易閱讀。
Nocturnal
漂亮而且厚重的襯線(xiàn)字體在這里看起來(lái)簡(jiǎn)潔，干凈，比較大而且容易閱讀。網(wǎng)站的設置非常的寬敞，使得整個(gè)網(wǎng)站有很大的呼吸空間。簡(jiǎn)單，整齊的布局以及對于字體的處理讓用戶(hù)能夠很快對這個(gè)設計師的作品有一個(gè)全面的簡(jiǎn)單印象。這個(gè)網(wǎng)站作為一個(gè)設計作品集的展示非常有效率。它沒(méi)有做什么特殊的事情，僅僅是專(zhuān)注于藝術(shù)家的作品。有時(shí)候，這些其實(shí)就是最需要展示的。
Marie Guillaumet
手寫(xiě)的字體讓這個(gè)個(gè)人網(wǎng)站看起來(lái)非常的漂亮和有個(gè)性。同時(shí)也給人一種設計師的整個(gè)身體都投入在這個(gè)作品的過(guò)程中。一種強烈的個(gè)性化和獨特性的感覺(jué)伴隨著(zhù)設計師，轉過(guò)來(lái)就是她的作品。手寫(xiě)的字體同時(shí)也跟手繪的圖標，增加的字母很搭，幾乎就感覺(jué)是我們在盯著(zhù)她的視覺(jué)日記，了解設計師個(gè)人的一部分，這些就會(huì )慢慢地帶來(lái)潛在的客戶(hù)。
Vintage Hope
這個(gè)網(wǎng)站的標題看起來(lái)就像是用一只很粗的畫(huà)筆畫(huà)的很粗的痕跡。字體驚人的粗同時(shí)很具有表現力。背景是一種很漂亮的照片。它給用戶(hù)一種非常開(kāi)放和自由的感覺(jué)，同時(shí)描繪出了這個(gè)組織的特征。Vintage Hope 通過(guò)外借古老的瓷器為馬拉維的不幸的人們籌款，整個(gè)視覺(jué)看起來(lái)是激動(dòng)的，高興的和積極的。同時(shí)網(wǎng)站只有1MB和40次HTTP請求，這是令人傾佩的。
Browser Awareness Day
這個(gè)網(wǎng)站加載下來(lái)，用戶(hù)能夠被指引使用，使得網(wǎng)站有趣，快，安全。在每一邊每一個(gè)關(guān)鍵字都使用裝飾性的字體。每一個(gè)字母很明顯的創(chuàng )意，這就抓住了用戶(hù)的注意力，引誘用戶(hù)往下滑動(dòng)看到更多內容。右邊的小標簽使用了一種很有喜劇色彩的書(shū)寫(xiě)字體，添加在這個(gè)很滑稽的網(wǎng)站上。讓你滑到底端的時(shí)候，同樣的具有喜劇色彩的書(shū)寫(xiě)字體也伴隨著(zhù)另一種很有趣的字體被用在網(wǎng)站上。
Rob Edwards
這個(gè)網(wǎng)站的字體很漂亮。這也是設計的一部分，同時(shí)也給訪(fǎng)問(wèn)者建立了一個(gè)對這個(gè)設計師的作品的心理預期。“Hi there”非常的巨大，抓住了用戶(hù)的注意力。其他的裝飾性的馬戲團式字體非常吸引人眼球也很有趣。你不會(huì )每天看到這些，它作為一種介紹是非常的有效。剩下的整個(gè)網(wǎng)站的感覺(jué)有一點(diǎn)點(diǎn)位置不合適，尤其是在空間和對比度上。
82nd&Fifth
這個(gè)網(wǎng)站全部是關(guān)于視覺(jué)的，它的排版也證明了這一點(diǎn)。使用的無(wú)襯線(xiàn)字體非常的美觀(guān)簡(jiǎn)潔和輕量，為標題設置的背景的顏色塊顯得非常的精致。對于這個(gè)網(wǎng)站來(lái)說(shuō)，字體不是關(guān)注的焦點(diǎn)，而是強大的照片支持。整個(gè)網(wǎng)站顯得非常的有活力，當你往下滑動(dòng)的時(shí)候，一些小的塊塊會(huì )加載下來(lái)。這個(gè)網(wǎng)站也有一個(gè)明顯可看見(jiàn)的導航欄，當鼠標懸停在上面的時(shí)候，一個(gè)黑色的導航條就先露出來(lái)整個(gè)菜單。整個(gè)網(wǎng)站跟它展示的藝術(shù)作品的每一部分都很貼切。缺點(diǎn)是有6.4MB和120次HTTP請求。
ECC Lighting&Furniture
不論你是否喜歡，Helvetica都占據了這個(gè)網(wǎng)站的主要舞臺。網(wǎng)站的分類(lèi)按鈕非常寬大，牢牢的抓住了用戶(hù)的注意力。這個(gè)網(wǎng)站的平面設計非常的經(jīng)典，干凈，極簡(jiǎn)主義。網(wǎng)站右上方豎直的導航條的文字創(chuàng )造了一種很強的趣味效果，但是仍然能夠讓用戶(hù)將注意力放在主要分類(lèi)導航上。只有當鼠標懸停在圖片區域的時(shí)候才顯示這一點(diǎn)做得非常有趣。
Marianne Brandt
當你聽(tīng)到這個(gè)名字“Marianne brandt”的時(shí)候你期待什么？你怎樣將它轉換為一個(gè)網(wǎng)站？通常情況下，一種包豪斯的水準專(zhuān)注于功能就是關(guān)鍵。這個(gè)網(wǎng)站真的很有包豪斯的風(fēng)味，扁平的色彩以及Futura字體。整個(gè)的審美就是極簡(jiǎn)主義，干凈但是絕對不呆板。
捕獲我的注意力的是“thanks/Danke（謝謝的英文和德文）”這塊。你設定了哪種語(yǔ)言決定了哪種“感謝”顯示為紅色。這是一個(gè)很棒的創(chuàng )意對于那些支持多種語(yǔ)言的網(wǎng)站。不同的選擇提醒我不同區域的不同色塊，這是以一種很好的方式去將網(wǎng)站的信息進(jìn)行分類(lèi)。顏色，幾何造型，以及整個(gè)字體都全部是包豪斯主義。
Nate Navasca
這個(gè)網(wǎng)站對于字體和樣式的選擇上顯得有點(diǎn)傳統。用一個(gè)粗的無(wú)襯線(xiàn)體作為標題，一種襯線(xiàn)字體作為內容文字。如果它沒(méi)有壞，為啥要修呢，你說(shuō)對吧? 設計師專(zhuān)注于網(wǎng)站的功能和簡(jiǎn)單，而且它的確非常的好用。
Ewket
這是個(gè)簡(jiǎn)單的扁平化設計的網(wǎng)站。用最基本的造型設計，就像油畫(huà)的第一層。Ewket在埃塞俄比亞致力于基礎教育事業(yè)。網(wǎng)站內容所使用的字體Andale Mono并不是你所期待的那樣，但是它能夠讀懂。這個(gè)字體是一種鋒利的無(wú)襯線(xiàn)字體，有一種空蕩蕩的感覺(jué)。Ewket是一個(gè)基層項目，所以它的整個(gè)設計看起來(lái)非常的基本和簡(jiǎn)單，也映照了它的功能。然而，它并沒(méi)有很好的對應它的性能，4.6MB和58次HTTP請求顯得有點(diǎn)沒(méi)必要的多余。
The Dissolve
我喜歡它的銘牌，它營(yíng)造了一種老式的電影院的感覺(jué)。對比起文章的襯線(xiàn)字體來(lái)講，這種字體有一種古老的感覺(jué)。這個(gè)網(wǎng)站有一種簡(jiǎn)單，干凈和非常復雜的老電影的體驗。導航條的設計讓頂部的空間得到的了很好的應用。一旦這個(gè)網(wǎng)站的視覺(jué)識別跟它的銘牌一起建立起來(lái)，當你把鼠標懸停在上面的時(shí)候，不同的分類(lèi)廣告就會(huì )出現在銘牌的位置。
The whig
這個(gè)餐廳是一個(gè)可以坐下來(lái)，放松，和你的小伙伴們喝一杯的地方。Medula One字體被用來(lái)詮釋這樣一種感覺(jué)。這種無(wú)襯線(xiàn)字體非但不會(huì )顯得過(guò)分裝飾而且它的筆刷線(xiàn)條有一種中世紀的感覺(jué) 。它非常的友好而不做作，很好的映襯了這個(gè)小bar的氛圍。
Find&Form
干凈，單色的審美特征，這個(gè)網(wǎng)站讓內容文字減少到最少。網(wǎng)站的排版很簡(jiǎn)潔和低調，讓圖片本身來(lái)說(shuō)話(huà)。單色的字體在這里看起來(lái)有一點(diǎn)特別，但是，它傳達了這個(gè)團隊的口號那就是“數碼世界渴望古老的校園工藝”。這種審美是跟我們同一時(shí)代的。另外非常有趣的就是當你向下滑動(dòng)到網(wǎng)站的底部的時(shí)候，導航條會(huì )水平移動(dòng)到右邊，這樣可以給整個(gè)網(wǎng)站其他的內容留下一些空間。
Carrera
Carrera網(wǎng)站的設計有一種永恒的魅力，正如它的產(chǎn)品真實(shí)且永恒。網(wǎng)站的設計應該要符合產(chǎn)品設計的氣質(zhì)。這個(gè)眼鏡公司則援引其目標之一“在傳統與時(shí)尚之間達成完美平衡”。簡(jiǎn)單，粗體的大寫(xiě)字體實(shí)現了這一點(diǎn)，既有傳統的感覺(jué)又不會(huì )落伍或過(guò)時(shí)。盡管字體上與logo風(fēng)格有很大的不同，但很大膽和醒目。同時(shí)值得一提的是，有趣的鼠標懸停效果也是整個(gè)網(wǎng)站與眾不同的部分。
Myfelt
該網(wǎng)站所用的字體樣式非常友好溫暖，文案插圖與產(chǎn)品氣質(zhì)也是一致的。所有這些元素加在一起都傳達著(zhù)同樣的訊息。這個(gè)網(wǎng)站讓我很感興趣的一點(diǎn)是，地毯上的點(diǎn)融入了logo和銘牌。
Vogue
設計師Claus Eggers Sørensen設計的Playfair Display字體，帶來(lái)一種大膽而不張揚的格調。優(yōu)雅的襯線(xiàn)體與Vogue的品牌相得益彰。對于設計師而言，將字體放到更大字號時(shí)看上去更佳。
All Saints Estate
用字體來(lái)達到傳統又優(yōu)雅的風(fēng)格有很多種方法，該網(wǎng)站則恰到好處的混合了襯線(xiàn)體和少量無(wú)襯線(xiàn)體。Garamond Premier Pro Display字體看上去既現代又精致，與正文文本匹配的精致完美，而且與葡萄園和葡萄酒也很合適。
Evening Edition
銘牌的黑體字的字體與傳統的印刷報紙是一致的。它會(huì )給人權威莊嚴感，新聞來(lái)源與小報以示區分。
Served MCR
這個(gè)有趣的涂鴉風(fēng)格的網(wǎng)站是為了一個(gè)乒乓球比賽。排版看上去很原始的手繪風(fēng)格。在一些區域，會(huì )有一些元素是動(dòng)畫(huà)或是動(dòng)畫(huà)的背景。在網(wǎng)頁(yè)設計中動(dòng)畫(huà)并不常用，但在這它很好的吸引了用戶(hù)的注意力。注冊的條目就是這樣一個(gè)例子，文字清晰并且突出。由于文字并不是很多，這種排版是合適的，依然可以保持網(wǎng)站的易用性。然而，頁(yè)面的性能卻很糟糕，頁(yè)面大小有7.5MB，175次HTTP請求。不論是在電腦還是在移動(dòng)端，主要背景圖片有2032*4761像素，2.2MB大小。
Enso
大字號，加粗，全大寫(xiě)的無(wú)襯線(xiàn)體映入眼簾，就好像它在吶喊一樣。然而，Enso也使用柔和的色調來(lái)調和這種大膽的版式——盡管黃色有一點(diǎn)難以閱讀。這種布局很新穎很有趣；設計師想讓你注意到這種頁(yè)面從上到下的版式，同時(shí)向下滾動(dòng)看到全部的信息。這是一個(gè)很聰明的做法，因為導航是散落在頁(yè)面各處的亮粉色文字。Logo在頁(yè)面頂部作為首頁(yè)按鈕，當鼠標滑過(guò)時(shí)推出整個(gè)單詞。
Crafting Type
該網(wǎng)站就是關(guān)于樣式設計的，所以它的排版就是在推銷(xiāo)自己。在Logo上，纖細的大寫(xiě)“Crafting”和厚重的小寫(xiě)“type”之間的對比創(chuàng )造了一種視覺(jué)的平衡。正文采用大字號保證可讀性。襯線(xiàn)字體和簡(jiǎn)潔大方的布局也有助于可讀性。
Nautilus
這個(gè)漂亮的網(wǎng)站整齊，干凈，且易于瀏覽。排版起了很大的作用，而且所用的三種字體來(lái)自于同一系列。這是一種區分樣式的很好的方法，可以保持一致性而且不干擾美感。不幸的是，這種網(wǎng)頁(yè)排版也有其代價(jià)：12.6MB大小和73次HTTP請求，還有兩張超大圖片，分別是3.5MB和2.4MB。
Kick My Habits
到這個(gè)頁(yè)面你第一眼看到的就是這個(gè)厚厚的粗體“Kick My Habits”。瘦瘦的字體（叫做KG How Many Times）以其迷人的手寫(xiě)風(fēng)格，與其他粗體形成對比。這個(gè)設計漂亮圖文并茂的網(wǎng)站是用一種輕松、非正式的方式來(lái)測試你在壞習慣上浪費了多少錢(qián)，而且這個(gè)網(wǎng)站也不會(huì )占用很多網(wǎng)絡(luò )帶寬。包括所有頁(yè)面上的圖片在內，它只有1.2MB，盡管初次加載時(shí)會(huì )有161次HTTP請求，更多的內容只有在需要時(shí)才會(huì )加載。
Monocle
Monocle是一個(gè)有著(zhù)經(jīng)典品質(zhì)的漂亮的網(wǎng)站。它使用了不同磅數的襯線(xiàn)體和非襯線(xiàn)體，看上去簡(jiǎn)單大方。Monocle是一個(gè)全球性新聞網(wǎng)站，主要聚焦在國際事務(wù)，商業(yè)，文化以及設計。布局很創(chuàng )新，同時(shí)也提供了所有用戶(hù)需要的東西。類(lèi)別用標簽來(lái)承載，用子類(lèi)別來(lái)削減信息層級。
Rezo Zero
Julien Blanchet的自定義字體獨特而又引人注目。它建立了品牌身份，在單色網(wǎng)站背景上使用薄荷綠。這種字體既沒(méi)有過(guò)度使用也沒(méi)有充分利用，而是以logo美麗的詮釋了它。
More Sleep
簡(jiǎn)潔，但友好且誘人！這就是我第一次訪(fǎng)問(wèn)該網(wǎng)站的感覺(jué)。大字號以及略顯圓潤的邊角就有一種友好的感覺(jué)。打字機風(fēng)格的字體用于描述和解釋?zhuān)兄?zhù)一種圓潤，柔軟，溫馨的情調。
Lenta
Lenta是一個(gè)俄國新聞網(wǎng)站。神奇的是，該類(lèi)型的圖片質(zhì)量是怎樣引導你，并影響你對于網(wǎng)站及其內容的看法。任何新聞網(wǎng)站的身份都是由其銘牌建立的。這里使用的是一個(gè)干凈的無(wú)襯線(xiàn)字體，用粗體來(lái)傳達新聞來(lái)源的權威性。當文字被翻譯成其他語(yǔ)言時(shí)，這個(gè)字體仍然有效。保持著(zhù)傳統新聞的布局的情況下，整個(gè)網(wǎng)站的文章和廣告牌都使用了襯線(xiàn)字體。
Pixel Recess
Pixel Recess使用的是無(wú)襯線(xiàn)字體Adelle Sans，這種字體整齊清晰，并且在屏幕上顯示效果很棒。然而更耐人尋味的是標題字體，Zeitgeist，它有點(diǎn)扭曲，像素化，甚至是有點(diǎn)模糊的外觀(guān)，在左上角的操場(chǎng)那一側也是同樣的感覺(jué)。像素化在傳統上會(huì )被認定為是一個(gè)錯誤的用法，但由于網(wǎng)站上其他地方是尖銳的，這里會(huì )格外吸引注意力——確實(shí)是一個(gè)聰明的做法。
結論
這不僅僅關(guān)乎你說(shuō)什么，而是你怎么說(shuō)，是吧？根據你的目的，我們可以嘗試更多，在排版上也更有創(chuàng )意。我們可以大膽的使用大字號，粗體，或是新奇獨特的手寫(xiě)體。我們應該始終記得字體要有可讀性，因為如果沒(méi)有人能閱讀的話(huà)，這樣的字體就沒(méi)什么可以炫耀的。如果設定了韻律和風(fēng)格，字體可以做出如此多的設計。
漂亮的字體和大片區域的背景圖片很容易讓人分心。但我們也不能忽略性能。自定義的網(wǎng)頁(yè)字體會(huì )降低加載速度，所以讓我們找方法來(lái)解決這件事。
技術(shù)創(chuàng )造價(jià)值 服務(wù)締造品牌
Copyright ? 2011-2024 鄭州開(kāi)拓者電子科技有限公司 All Rights Reserved