隨著各種網(wǎng)頁字體、付費(fèi)的網(wǎng)頁字體服務(wù)和現(xiàn)成工具越來越多，字體排版收回了它作為設(shè)計(jì)皇后的桂冠，成為所有圖形和網(wǎng)頁設(shè)計(jì)的關(guān)鍵。
今時(shí)今日，許多設(shè)計(jì)師在設(shè)計(jì)排版時(shí)，主要考慮的本質(zhì)上還是審美問題。問題是，我們習(xí)慣于把字體排版和字體設(shè)計(jì)當(dāng)作兩種可互換的術(shù)語，但實(shí)際它們是不同的。在Dribbble上快速看一下“typography”這個(gè)標(biāo)簽吧，立馬就能發(fā)現(xiàn)這個(gè)趨勢。
完美運(yùn)用字體設(shè)計(jì)的誘惑力會(huì)影響我們審視字體的方式，小伙，我甚至可以花幾個(gè)小時(shí)讓你看看字體設(shè)計(jì)組合！因?yàn)闊o論是字體排版還是字體設(shè)計(jì)都擁有共同的視覺概念。如果我們總是在尋找漂亮的字體，這個(gè)習(xí)慣將讓我們遠(yuǎn)離字體的真正角色和特性，比如通用性、復(fù)用性和靈活的設(shè)計(jì)模式。
我們總是急于嘗試最新的OpenType字體特性，用自由連字美化我們的設(shè)計(jì)，妄想依靠只有部分瀏覽器支持的css連字符屬性來實(shí)現(xiàn)此效果。當(dāng)我們得意的凝視我們的杰作的時(shí)候，竟然沒有意識到根本沒有人會(huì)關(guān)心這些，甚至是字體排版的達(dá)人也不會(huì)！當(dāng)這時(shí)我們才意識到了事實(shí)情況，那就是文字能夠讓普通人在不同的設(shè)備上閱讀和理解才是關(guān)鍵，不論是在視網(wǎng)膜屏的平板電腦上，XP系統(tǒng)的的電腦上還是在智能手機(jī)上。
“好的排版不一定能讓排版狂人愉悅，卻能讓閱讀更順暢?！?
——Oliver Reichenstein
網(wǎng)絡(luò)上的大部分文章所針對的都是即時(shí)攝入的內(nèi)容，聽起來是否很像“逆金字塔”？在網(wǎng)絡(luò)大環(huán)境下信息交流迅速，所以能適應(yīng)讀者集中精神一小段時(shí)間。人們訪問網(wǎng)站和應(yīng)用主要是為了尋找有用信息而不是為了達(dá)到閱讀上的愉悅。不要誤解我：我也喜歡能抓住我注意力的創(chuàng)意排版的標(biāo)題和欄目，但是同時(shí)我們也不能忽視對整理平衡和正文易讀性的需求。讓我們開始吧！
1）先說重要的：項(xiàng)目調(diào)研
只有擁有考究的文字排版和具備從閱讀體驗(yàn)出發(fā)的易讀性的文章，才能被讀者最好的消化。如同在設(shè)計(jì)的其他領(lǐng)域，在做事之前我們需要做一些調(diào)查。在研究用戶習(xí)慣的過程中，我們不僅要發(fā)現(xiàn)有用數(shù)據(jù)，還要從讀者的思維來考慮問題，把焦點(diǎn)從我們最大的敵人那里移開——我們的自我膨脹（我也總是在與之戰(zhàn)斗）。
你應(yīng)該也意識到了。電子閱讀體驗(yàn)最主要的元素是內(nèi)容、環(huán)境和用戶。你可能在每個(gè)項(xiàng)目中都涉及到了這3個(gè)要素，但是如果你在每個(gè)要素上都傾注了排版的效果，那你會(huì)發(fā)現(xiàn)很貼心的想法和舉動(dòng)，這最終會(huì)對整個(gè)閱讀體驗(yàn)有很大提升。
內(nèi)容
開始排版設(shè)計(jì)項(xiàng)目最好的方法是開始閱讀。應(yīng)該每個(gè)設(shè)計(jì)師都能知道這些內(nèi)容是給誰看的以及它需要怎么傳播。但是除了評估內(nèi)容質(zhì)量和列出框架元素，我們也需評估其可理解性、閱讀時(shí)間、目的以及閱讀壽命。
涵蓋所有排版設(shè)計(jì)元素
在閱讀的過程中，思考下你遇到的結(jié)構(gòu)或元素，并把它們列出來。在開始時(shí)這個(gè)列表可作為一個(gè)簡單的樣式引導(dǎo)。除了通用的段落、標(biāo)題、附件等，你也遇到一些不常見的元素，如強(qiáng)調(diào)段落、引用段落、強(qiáng)調(diào)引用段落，還有現(xiàn)在非常重要的一些元素，如數(shù)據(jù)表格和圖表標(biāo)題。你需要有足夠的字體能覆蓋這些元素。
在純文本鏈接中，要保證設(shè)計(jì)覆蓋了所有的HTML元素。這時(shí)你可以建一些示例HTML和CSS文件并保存為Project-Typogra-phy.html，這些文件包含所需要的元素和規(guī)則。這個(gè)html文件將會(huì)成為這個(gè)項(xiàng)目的排版系統(tǒng)基礎(chǔ)，在你設(shè)計(jì)響應(yīng)式視圖時(shí)遲早用得上。
評估閱讀時(shí)間
閱讀速度因人而異，大部分成人的閱讀速度是每分鐘200-250字。這樣我們可以把整篇文章的文字?jǐn)?shù)除以250就能輕易算出閱讀速度了。如果你的項(xiàng)目有樣本文章，你可以把它放進(jìn)本地安裝的內(nèi)容管理系統(tǒng)里并運(yùn)行一段腳本預(yù)估閱讀時(shí)間。
預(yù)估閱讀時(shí)間能幫助我們設(shè)計(jì)段間距，掌握閱讀節(jié)奏。如果閱讀時(shí)間太長，我們可以把文章分成小段，或者在關(guān)鍵點(diǎn)處設(shè)置一個(gè)醒目的引文。
評估可讀性和易讀性
許多文章都有閱讀等級，知道這些標(biāo)準(zhǔn)是很重要的。比如一篇文章如果很復(fù)雜，你可以引入一些評論讓讀者理解文章，或者增加一些腳注。
如果你和一位原作者合作來修改內(nèi)容和排版，一些工具能讓你更容易區(qū)分不同版本之間的區(qū)別。
其中一個(gè)測評是自動(dòng)易讀性指數(shù)（API）。API專注于文字和句子數(shù)量，使其在實(shí)時(shí)監(jiān)測方面發(fā)揮重要作用。Flesch–Kincaid難度系數(shù)測評是從另一方面來測試，更專注于字節(jié)，能實(shí)時(shí)處理大量密集型任務(wù)。
另一個(gè)有用性測試是Flesch易讀性測試。它是通過單詞、句子和字節(jié)來衡量的，得分結(jié)果可以告訴你這篇文章的難度。大部分語言都它們自己的譯本。雖然這個(gè)工具在網(wǎng)頁設(shè)計(jì)方面來說是很陌生的，但是出版商和政府機(jī)構(gòu)已經(jīng)用了很多年了，主要用來評估不同讀物的閱讀等級。
每篇文章都測試易讀性得分是件很令人抓狂的事情，所以我建議使用方便的文章可讀性統(tǒng)計(jì)工具，一個(gè)PHP腳本工具，是我們在做Creative Nights這個(gè)項(xiàng)目時(shí)研發(fā)的。
內(nèi)容策略，信息架構(gòu)和縮微本
如果我們跳出排版設(shè)計(jì)這個(gè)話題一會(huì)兒，先看看內(nèi)容策略（計(jì)劃、掌握內(nèi)容和定義編輯過程的規(guī)則）和信息架構(gòu)（組織和描述內(nèi)容的規(guī)則），就可以參與一些潛在話題的討論了。
考慮下內(nèi)容的生命周期能阻止我們急于排版這一新趨勢。下次發(fā)表一篇新文章時(shí)，就能順利的阻止編輯因?yàn)闆]有清除為下次重設(shè)計(jì)而做準(zhǔn)備的殘留樣式而發(fā)怒了。
分類標(biāo)簽——由信息架構(gòu)確定的——會(huì)讓網(wǎng)頁設(shè)計(jì)者很痛苦，因?yàn)閷?dǎo)航條或者欄目的空間都是有限制的。我敢打賭，在每個(gè)設(shè)計(jì)師的生涯中，總會(huì)試著重命名或者縮短分類名的情況，僅為了適應(yīng)可利用的空間。當(dāng)然，我們也常常會(huì)減小字號或者選另外一種字體，但是如果所有的方法都失敗了，我們就能看看信息架構(gòu)找最后的解決方法了。
除了文章，我們也必須對一些表單標(biāo)簽、指導(dǎo)說明、小字說明、交互元素（如按鈕和鏈接）和其他不同作用的文本。所有這些小點(diǎn)都叫微縮本，它是有效交互設(shè)計(jì)的基礎(chǔ)成分。
環(huán)境
網(wǎng)絡(luò)標(biāo)準(zhǔn)協(xié)議發(fā)展迅猛，設(shè)計(jì)師們設(shè)計(jì)的網(wǎng)站與 “一個(gè)網(wǎng)絡(luò)”的理想國度聯(lián)系越來越緊密，無論何處的任何人都可以看到自己設(shè)計(jì)的網(wǎng)站。雖然每個(gè)項(xiàng)目達(dá)到如此廣泛傳播的目的是很難的,但是手機(jī)也并不意味著忙碌時(shí)只在智能手機(jī)上瀏覽網(wǎng)頁。
軟件問題
window系統(tǒng)的用戶看到的字體都是經(jīng)過清晰字體渲染引擎處理過的。問題是微調(diào)是需要時(shí)間的，而且并不是所有字體都能完美渲染。所以測試window系統(tǒng)的瀏覽器成了常規(guī)任務(wù)。
截圖為16px字號的Verdana, Proxima Nova, Arial, Adelle Sans and Georgia字體（Proxima為18px）在window 7系統(tǒng)上firefox18里的效果。Proxima和Adelle被渲染為網(wǎng)頁字體，其他字體懷疑只是OS系統(tǒng)上的默認(rèn)字體。前5行字體都沒有被清晰字體渲染引擎處理過。
當(dāng)然，記住不同的網(wǎng)頁字體服務(wù)可能會(huì)給你稍有不同的字體。一種字體由一種服務(wù)提供可能效果很好，但是由另一種服務(wù)提供看起來就只是湊合。我猜測原因或許是因?yàn)槿鄙贂r(shí)間投資——字體沒有足夠的時(shí)間來完成渲染，當(dāng)然也可能是因?yàn)槿狈ψ煮w渲染專家。
幸好網(wǎng)頁字體服務(wù)商一直在提高字體質(zhì)量，相信最后每個(gè)人電腦上的字體都會(huì)變漂亮的。因?yàn)樵S多工作都需要維持合適的字體，我鼓勵(lì)你買一些字體并訂閱付費(fèi)網(wǎng)頁托管計(jì)劃，這些舉動(dòng)能推動(dòng)字體渲染優(yōu)化的步伐。
如果支持window用戶對你來說是項(xiàng)很艱巨的任務(wù)那么想想手動(dòng)微調(diào)的字體，比如TheSans Office，來自LucasFonts（他們因癡迷于字體渲染優(yōu)化而聞名）或者大量為微軟office應(yīng)用而設(shè)計(jì)的字體（它們的名字通常包含“Com”，“Offc”或“Office”）。如果想在舊的window系統(tǒng)用一種特殊字體是非常麻煩的事情，還是用已經(jīng)過測試和驗(yàn)證的Arial, Georgia 和Verdana字體吧。
如果想知道更多關(guān)于字體渲染的信息，請閱讀Tim Ahrens寫的細(xì)看字體渲染。
