這篇文章來自一個(gè)研究并提供信息架構(gòu)的網(wǎng)站：Information Architects JapanInformation Architects Japan，原文：Information Architects JapanWeb design is 95% typography.
又及，文章多次出現(xiàn)typography這個(gè)單詞。正規(guī)的中文翻譯應(yīng)該是“排印”，但考慮web這個(gè)非印刷媒體，使用排印并不見得好。于是筆者根據(jù)語(yǔ)境，有時(shí)用“排版”，有時(shí)用“排印”，請(qǐng)讀者明鑒。以下是翻譯正文。
web中的信息有95%是成文的語(yǔ)言。為何web設(shè)計(jì)師應(yīng)該好好學(xué)習(xí)一下設(shè)計(jì)成文信息的主要準(zhǔn)則，換句話說，排版？這就是最佳的理由。
信息設(shè)計(jì)就是排版
回到1969年，Emil Ruder，一個(gè)瑞士著名的排印大師，其筆下關(guān)于當(dāng)時(shí)的印刷氛圍，簡(jiǎn)直就是我們今天網(wǎng)站的寫照：
今天印刷術(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ì)”的很多方面。也就是說，信息設(shè)計(jì)師今天正在做排印師30年前的工作：
排版面臨一個(gè)很直白的職責(zé)，這就是傳達(dá)信息。沒有理由能免除排版的這一職責(zé)。一個(gè)并不能閱讀的印刷品只能變成一個(gè)無用的產(chǎn)品。
優(yōu)化排版就是優(yōu)化閱讀，親和力，可用性（！），綜合文本平衡等。組織文本塊并結(jié)合圖片，難道不是圖形設(shè)計(jì)師、可用性專家、信息架構(gòu)師應(yīng)該做的嗎？但為什么這是一個(gè)被忽視的主題呢？
為什么這是一個(gè)被忽視的主題？
字體太少？分辨率低？
主要原因——抱怨連天的——不看好在線排版準(zhǔn)則的觀點(diǎn)是，能用的字太少了。第二個(gè)觀點(diǎn)是屏幕分辨率太低，讓像素或者反鋸齒字體之一很難閱讀。
文藝復(fù)興：只有一個(gè)字體
認(rèn)為我們沒有足夠的字體可用的觀點(diǎn)是不切題的：在意大利文藝復(fù)興時(shí)期，排印師只有一個(gè)字體可用，但這個(gè)時(shí)期還是產(chǎn)生一些頂級(jí)漂亮的排版品：
該排印師應(yīng)該沒有太在意他手中手能掌握的字體種類，實(shí)際上也不應(yīng)該太在意字體的選擇。他應(yīng)該更關(guān)心時(shí)代能賦予自己手中掌握的，并盡力發(fā)揮。
選擇字樣并不是排版
第二個(gè)觀點(diǎn)也并不見得好到哪兒去。在印刷初期，印出來的字母質(zhì)量比我們今天在顯示器上看到的更差。更重要的是，如果處理得專業(yè)，屏幕字體更易于閱讀。信息設(shè)計(jì)不是關(guān)于使用好的字樣，而是關(guān)于使用好的排版。兩者的區(qū)別很大。誰(shuí)都可以使用字樣，有人可以選擇好的字樣，但只有少數(shù)人能夠精通排版。
把文本當(dāng)作用戶界面
對(duì)，不同平臺(tái)和不同瀏覽器如何處理字體是惱人的，也對(duì)，分辨率問題很難讓注意力集中堅(jiān)持到五分鐘。但是，好啦，確保文本在所有主要平臺(tái)和瀏覽器中賞心悅目是web設(shè)計(jì)師的職責(zé)。正確的行間距，單詞和字母間距，留白，一定量顏色的使用有助于可讀性。但還不徹底。一個(gè)優(yōu)秀的web設(shè)計(jì)師知道如何跟文本而不僅僅是內(nèi)容打交道，“把文本當(dāng)作用戶界面把文本當(dāng)作用戶界面”。瞧瞧Kohi Vinh的網(wǎng)站Kohi Vinh的網(wǎng)站，你大概會(huì)明白他的意思：
稍微著名把文本當(dāng)作用戶界面的 unornamental 網(wǎng)站例子有： google, ebay, craigslist, youtube, flickr, Digg, reddit, Information Architects Japandelicious. 一個(gè)難以爭(zhēng)辯的必然事實(shí)是，把文本當(dāng)作用戶界面是成功的唯一參數(shù)。成功的網(wǎng)站設(shè)法同時(shí)創(chuàng)建簡(jiǎn)單的界面和強(qiáng)烈的特征。但這是另外一個(gè)主題了。
從哪開始
web排版
為了“破除關(guān)于web排版的某些荒謬想法”，他已經(jīng)“按照Bringhurst的工作原則來構(gòu)建他的網(wǎng)站，并解答如何通過HTML和CSS中可用的技術(shù)來達(dá)成各項(xiàng)目標(biāo)”。
|
優(yōu)化排版的5個(gè)簡(jiǎn)單步驟 他所談?wù)摰呐虐妗安⒉皇悄愕湫偷摹撚媚姆N字體’的排版”。對(duì)于相信讓字號(hào)和行間距默認(rèn)大小使得文本能夠任意縮放會(huì)提高網(wǎng)站可用性的人，這是一個(gè)不錯(cuò)的閱讀材料。 Khoi Vinh behaviordesignbehaviordesign的創(chuàng)始人之一。現(xiàn)為NYTimes.comNYTimes.com的設(shè)計(jì)主管。非常天才的一個(gè)人。 Rod Graves 通訊設(shè)計(jì)師。令人贊嘆的工作：“排版是我絕對(duì)的中心。排版網(wǎng)格和層次通常會(huì)成為我開發(fā)的視覺語(yǔ)言的基礎(chǔ)。” A List Apart 通過字樣通訊。字體和布局。為讀者設(shè)計(jì)。易讀性。字樣，圖形設(shè)計(jì)。web排版的問題。控制web排版：字號(hào)、字體和顏色。CSS方法，瀏覽器問題，用戶問題和解決方案。 Association Typographique Internationale ATypl(Association Typographique Internationale) 是一個(gè)專注于樣式和排版的主要國(guó)際組織。創(chuàng)建于1957年，ATypl為國(guó)際樣式社區(qū)之間提供通訊的結(jié)構(gòu)，信息和活動(dòng)。 Thinking with Type 書籍Thinking with Type的在線伙伴：設(shè)計(jì)師，作家，編輯和學(xué)生的關(guān)鍵指南。 |
Typetester
比較屏幕字體樣式。
Typophile
Typophile是一個(gè)會(huì)員制和贊助商支持的社區(qū)。2000年以來Typophile引領(lǐng)開放合作，并且我們總是能學(xué)習(xí)到好主意。我們他們伺服超過每月3百萬(wàn)的網(wǎng)頁(yè)。
Typohile Wiki
一個(gè)有關(guān)樣式和設(shè)計(jì)所有一切的用戶創(chuàng)建百科全書。用戶為建立協(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è)計(jì)師都從中學(xué)習(xí)基本原理。Ruder, 二十世紀(jì)最偉大的排印師之一，是一個(gè)拋棄并用新的規(guī)則取代Emil Ruder傳統(tǒng)規(guī)則的先鋒，來滿足新排印技術(shù)的需求。