大家好，目前崔波在太火鳥負(fù)責(zé)網(wǎng)站用戶體驗(yàn)，之前是在視覺中國網(wǎng)站負(fù)責(zé)網(wǎng)站產(chǎn)品設(shè)計(jì)和集團(tuán)圖片業(yè)務(wù)的用戶體驗(yàn)。

　　今天跟崔波大家分享的主題是「無字體不體驗(yàn)」：字體，如何影響互聯(lián)網(wǎng)用戶體驗(yàn)。

背景：字體的變化與互聯(lián)網(wǎng)的發(fā)展

　　我引用瑞士字體設(shè)計(jì)師埃米爾·路德在 1969 年的一段話：

　　我們正被印刷品的洪流淹沒，個(gè)體作品的價(jià)值正被稀釋，因?yàn)楸徽T惑包圍的現(xiàn)代人根本不可能讀完所有印出來的內(nèi)容。

　　字體排印師的工作就是把印出來的海量文字分揀、組織、詮釋，從而讓讀者更容易找到自己感興趣的內(nèi)容。

　　相對于互聯(lián)網(wǎng)的發(fā)展，傳統(tǒng)設(shè)計(jì)上來講我們介質(zhì)發(fā)生一些變化。我們設(shè)計(jì)師以前面臨的是紙張，考慮的是印刷工藝，包括油墨和紙張這些方面。網(wǎng)絡(luò)的設(shè)計(jì)師更多的考慮是屏幕的大小，顏色和亮度等等一系列的問題，介質(zhì)發(fā)生了一些根本上的變化。

字體進(jìn)入互聯(lián)網(wǎng)的二十年

　　但是這個(gè)變化帶來了很大的影響，第一個(gè)節(jié)點(diǎn)是 1995 年微軟推出瀏覽器，我們逐漸進(jìn)入互聯(lián)網(wǎng)時(shí)代。

　　但作為設(shè)計(jì)師來講，能夠用到的字體其實(shí)很少，我們電腦里面默認(rèn)自帶的四五種中文子體核四五種英文字體，那個(gè)時(shí)代設(shè)計(jì)師使用字體的時(shí)候是把文字做成圖片，在使用的字體上很有限，修改起來也比較費(fèi)勁。

　　第二個(gè)節(jié)點(diǎn) 2004 年 Firefox 推出第五個(gè)版本后，瀏覽器一直在支持 CSS 這樣一個(gè)標(biāo)準(zhǔn)，那個(gè)時(shí)候我們在字體上的使用有了翻天覆地的變化，我們可以使用很多個(gè)性化的字體。

　　第三個(gè)節(jié)點(diǎn)是 iPhone 4 的支持 Retina技術(shù)，我們字體會更加清晰、細(xì)膩。

　　以前我們做網(wǎng)頁字體設(shè)計(jì)的時(shí)候，只能考慮用大12號宋體，你用到黑體或者其他字體之后，字的邊緣放大以后還是特別的模糊。而在 iPhone 4 之后，字體顯示就非常的清晰，無論放到多大的屏幕上都沒有關(guān)系。

如何用字體帶來好的體驗(yàn)？

　　屏幕和字體渲染技術(shù)的進(jìn)步讓字體使用有更多選擇：一般認(rèn)為無襯線字體更容易在屏幕上閱讀，襯線字體顯示正文文本可讀性十分良好。

　　響應(yīng)式設(shè)計(jì)使多屏幕瀏覽閱讀體驗(yàn)上視覺統(tǒng)一：文字在所有主要瀏覽器和平臺上讀來都同樣輕松和舒心。正確的行距、字距、留白以及適當(dāng)?shù)纳蔬\(yùn)用都能改善易讀性。

　　扁平化設(shè)計(jì)、簡約風(fēng)格的流行凸顯字體設(shè)計(jì)的重要性：去掉一些沒有必要的設(shè)計(jì)元素，呈現(xiàn)出文字的最大影響力。做到不干擾用戶的閱讀。注重網(wǎng)站內(nèi)容。

　　閱讀時(shí)的專注與沉浸體驗(yàn)提高閱讀質(zhì)量：智能手機(jī)、平板電腦的普及，信息的隨后閱讀。設(shè)計(jì)上沒有太多的框框條條，沒有分欄的設(shè)計(jì)，就是簡單的文字表達(dá)，加上圖文，摒棄了復(fù)雜的內(nèi)容，主體內(nèi)容流暢的呈現(xiàn)，更提高閱讀質(zhì)量。

　　大的字體、標(biāo)題設(shè)計(jì)使網(wǎng)站更具有吸引力：印刷設(shè)計(jì)師一直使用的大標(biāo)題，以吸引不同年齡層的注意。開始于 2009 年，目前在普及。大標(biāo)題已證明更有吸引力和明晰溝通。

　　字體的氣質(zhì)：左邊使用的是一些比較粗，比較厚重的字體，強(qiáng)調(diào)的是它的一種成本和強(qiáng)勢。中間這個(gè)可能有一些變體的出現(xiàn)，可能顯得這個(gè)字會特別的跳躍，邊角的處理方式，會體現(xiàn)一種速度感。

　　時(shí)尚網(wǎng)站會用到這樣一些比較時(shí)尚優(yōu)雅的字體。一些正式的字體加上一些小的字體結(jié)合，顯得很紳士、沉穩(wěn)。

　　手寫字體和草稿字體：手寫風(fēng)格可以傳達(dá)手繪和策劃的意識。在結(jié)合上下文環(huán)境使用，會是一個(gè)功能強(qiáng)大的表達(dá)方式。

　　字體為主的App：Clear 是一款簡約風(fēng)格的 iOS 應(yīng)用。圍繞它的觸控是使用手勢來控制界面，你會發(fā)現(xiàn)單是文字設(shè)計(jì)就足以解決一切并讓你享受著這款應(yīng)用。

　　設(shè)計(jì)優(yōu)秀的網(wǎng)站，你會發(fā)現(xiàn)它們通常只會用到一到兩種字體，并在此基礎(chǔ)上通過不同的字號、字色、粗細(xì)、間距等屬性來體現(xiàn)出內(nèi)容的層次結(jié)構(gòu)。