看到這個(gè)題目，第一感覺(jué)是聳人聽(tīng)聞。不管是95%或是更多或是更少，排版確實(shí)是一個(gè)不可忽略的問(wèn)題。在我所遇到的web設(shè)計(jì)師中，或許是遇到的還少，我沒(méi)有發(fā)現(xiàn)誰(shuí)真正在意web排版。看到這篇文章，感觸頗深（因?yàn)槲覄偸褂胠inux的時(shí)候需要配置字體，順便學(xué)習(xí)了不少的字體知識(shí)，也順便成了一個(gè)愛(ài)好），周日在家挺閑，為了提高英語(yǔ)水平，順手翻譯了出來(lái)。希望對(duì)大家有所啟發(fā)。

這篇文章來(lái)自一個(gè)研究并提供信息架構(gòu)的網(wǎng)站：Information Architects Japan，原文：Web design is 95% typography.

又及，文章多次出現(xiàn)typography這個(gè)單詞。正規(guī)的中文翻譯應(yīng)該是“排印”，但考慮web這個(gè)非印刷媒體，使用排印并不見(jiàn)得好。于是我根據(jù)語(yǔ)境，有時(shí)用“排版”，有時(shí)用“排印”，請(qǐng)讀者明鑒。以下是翻譯正文。

web中的信息有95%是成文的語(yǔ)言。為何web設(shè)計(jì)師應(yīng)該好好學(xué)習(xí)一下設(shè)計(jì)成文信息的主要準(zhǔn)則，換句話說(shuō)，排版？這就是最佳的理由。

信息設(shè)計(jì)就是排版

回到1969年，Emil Ruder, 一個(gè)瑞士著名的排印大師，其筆下關(guān)于當(dāng)時(shí)的印刷氛圍，簡(jiǎn)直就是我們今天網(wǎng)站的寫(xiě)照：

今天印刷術(shù)的泛濫成災(zāi)讓我們的個(gè)人價(jià)值被輕視，因?yàn)橛魫灥奈覀儸F(xiàn)在并不能掌控印刷中的一切。分割、組織和實(shí)現(xiàn)印刷術(shù)的一切是排印師應(yīng)有的任務(wù)，只有這樣，讀者才有更好的機(jī)會(huì)找出吸引她／他的東西。

信息設(shè)計(jì)師是21世紀(jì)的排版師

稍微聯(lián)想一下（請(qǐng)用在線排版取代印刷），這就像是信息設(shè)計(jì)師的職務(wù)描述。分割、組織和實(shí)現(xiàn)印刷術(shù)的一切是“信息設(shè)計(jì)師”應(yīng)有的任務(wù)，只有這樣，讀者才有更好的機(jī)會(huì)找出吸引她／他的東西。宏觀排版（所有的文本結(jié)構(gòu)）跟微觀排版（樣式和空間的細(xì)節(jié)方面）包括我們今天稱為“信息設(shè)計(jì)”的很多方面。也就是說(shuō)，信息設(shè)計(jì)師今天正在做排印師30年前的工作：

排版面臨一個(gè)很直白的職責(zé)，這就是傳達(dá)信息。沒(méi)有理由能免除排版的這一職責(zé)。一個(gè)并不能閱讀的印刷品只能變成一個(gè)無(wú)用的產(chǎn)品。

優(yōu)化排版就是優(yōu)化閱讀，親和力，可用性（?。?，綜合文本平衡等。組織文本塊并結(jié)合圖片，難道不是圖形設(shè)計(jì)師、可用性專(zhuān)家、信息架構(gòu)師應(yīng)該做的嗎？但為什么這是一個(gè)被忽視的主題呢？

為什么這是一個(gè)被忽視的主題？

字體太少？分辨率低？

主要原因——抱怨連天的——不看好在線排版準(zhǔn)則的觀點(diǎn)是，能用的字太少了。第二個(gè)觀點(diǎn)是屏幕分辨率太低，讓像素或者反鋸齒字體之一很難閱讀。

文藝復(fù)興：只有一個(gè)字體

認(rèn)為我們沒(méi)有足夠的字體可用的觀點(diǎn)是不切題的：在意大利文藝復(fù)興時(shí)期，排印師只有一個(gè)字體可用，但這個(gè)時(shí)期還是產(chǎn)生一些頂級(jí)漂亮的排版品：

該排印師應(yīng)該沒(méi)有太在意他手中手能掌握的字體種類(lèi)，實(shí)際上也不應(yīng)該太在意字體的選擇。他應(yīng)該更關(guān)心時(shí)代能賦予自己手中掌握的，并盡力發(fā)揮。

選擇字樣并不是排版

第二個(gè)觀點(diǎn)也并不見(jiàn)得好到哪兒去。在印刷初期，印出來(lái)的字母質(zhì)量比我們今天在顯示器上看到的更差。更重要的是，如果處理得專(zhuān)業(yè)，屏幕字體更易于閱讀。信息設(shè)計(jì)不是關(guān)于使用好的字樣，而是關(guān)于使用好的排版。兩者的區(qū)別很大。誰(shuí)都可以使用字樣，有人可以選擇好的字樣，但只有少數(shù)人能夠精通排版。

把文本當(dāng)作用戶界面

對(duì)，不同平臺(tái)和不同瀏覽器如何處理字體是惱人的，也對(duì)，分辨率問(wèn)題很難讓注意力集中堅(jiān)持到五分鐘。但是，好啦，確保文本在所有主要平臺(tái)和瀏覽器中賞心悅目是web設(shè)計(jì)師的職責(zé)。正確的行間距，單詞和字母間距，留白，一定量顏色的使用有助于可讀性。但還不徹底。一個(gè)優(yōu)秀的web設(shè)計(jì)師知道如何跟文本而不僅僅是內(nèi)容打交道，“把文本當(dāng)作用戶界面”。瞧瞧Kohi Vinh的網(wǎng)站，你大概會(huì)明白他的意思：

稍微著名把文本當(dāng)作用戶界面的unornamental網(wǎng)站例子有： google, ebay, craigslist, youtube, flickr, Digg, reddit, delicious. 一個(gè)難以爭(zhēng)辯的必然事實(shí)是，把文本當(dāng)作用戶界面是成功的唯一參數(shù)。成功的網(wǎng)站設(shè)法同時(shí)創(chuàng)建簡(jiǎn)單的界面和強(qiáng)烈的特征。但這是另外一個(gè)主題了。

從哪開(kāi)始

web排版

為了“破除關(guān)于web排版的某些荒謬想法”，他已經(jīng)“按照Bringhurst的工作原則來(lái)構(gòu)建他的網(wǎng)站，并解答如何通過(guò)HTML和CSS中可用的技術(shù)來(lái)達(dá)成各項(xiàng)目標(biāo)”。

優(yōu)化排版的5個(gè)簡(jiǎn)單步驟

他所談?wù)摰呐虐?#8220;并不是你典型的‘該用哪種字體’的排版”。對(duì)于相信讓字號(hào)和行間距默認(rèn)大小使得文本能夠任意縮放會(huì)提高網(wǎng)站可用性的人，這是一個(gè)不錯(cuò)的閱讀材料。

Khoi Vinh

behaviordesign的創(chuàng)始人之一?，F(xiàn)為NYTimes.com的設(shè)計(jì)主管。非常天才的一個(gè)人。

Rod Graves

通訊設(shè)計(jì)師。令人贊嘆的工作：“排版是我絕對(duì)的中心。排版網(wǎng)格和層次通常會(huì)成為我開(kāi)發(fā)的視覺(jué)語(yǔ)言的基礎(chǔ)。”

A List Apart

通過(guò)字樣通訊。字體和布局。為讀者設(shè)計(jì)。易讀性。字樣，圖形設(shè)計(jì)。web排版的問(wèn)題。控制web排版：字號(hào)、字體和顏色。CSS方法，瀏覽器問(wèn)題，用戶問(wèn)題和解決方案。

Association Typographique Internationale

ATypl(Association Typographique Internationale) 是一個(gè)專(zhuān)注于樣式和排版的主要國(guó)際組織。創(chuàng)建于1957年，ATypl為國(guó)際樣式社區(qū)之間提供通訊的結(jié)構(gòu)，信息和活動(dòng)。

Thinking with Type

書(shū)籍Thinking with Type的在線伙伴：設(shè)計(jì)師，作家，編輯和學(xué)生的關(guān)鍵指南。

Typetester

比較屏幕字體樣式。

Typophile

Typophile是一個(gè)會(huì)員制和贊助商支持的社區(qū)。2000年以來(lái)Typophile引領(lǐng)開(kāi)放合作，并且我們總是能學(xué)習(xí)到好主意。我們他們伺服超過(guò)每月3百萬(wàn)的網(wǎng)頁(yè)。

Typohile Wiki

一個(gè)有關(guān)樣式和設(shè)計(jì)所有一切的用戶創(chuàng)建百科全書(shū)。用戶為建立協(xié)作，有用，平衡和相關(guān)的資源而創(chuàng)建和編輯條目。

The Next Big Thing in Online Type

比爾蓋茨要計(jì)算機(jī)用戶，哦，微軟用戶，能夠擁有一個(gè)更舒暢的屏幕閱讀體驗(yàn)——太重要以至于提高屏幕閱讀成為他最重要的五件事之一。

Emil Ruder, Typographie (Amazon)

Emil Ruder’s Typography是一本永恒的書(shū)，幾代排印師和圖形設(shè)計(jì)師都從中學(xué)習(xí)基本原理。Ruder, 二十世紀(jì)最偉大的排印師之一，是一個(gè)拋棄并用新的規(guī)則取代Emil Ruder傳統(tǒng)規(guī)則的先鋒，來(lái)滿足新排印技術(shù)的需求。