semovy

看到這個題目，第一感覺是聳人聽聞。不管是95%或是更多或是更少，排版確實是一個不可忽略的問題。在我所遇到的web設計師中，或許是遇到的還少，我沒有發現誰真正在意web排版。看到這篇文章，感觸頗深（因為我剛使用linux的時候需要配置字體，順便學習了不少的字體知識，也順便成了一個愛好），周日在家挺閑，為了提高英語水平，順手翻譯了出來。希望對大家有所啟發。

這篇文章來自一個研究并提供信息架構的網站：Information Architects Japan，原文：Web design is 95% typography.

又及，文章多次出現typography這個單詞。正規的中文翻譯應該是“排印”，但考慮web這個非印刷媒體，使用排印并不見得好。于是我根據語境，有時用“排版”，有時用“排印”，請讀者明鑒。以下是翻譯正文。

web中的信息有95%是成文的語言。為何web設計師應該好好學習一下設計成文信息的主要準則，換句話說，排版？這就是最佳的理由。

信息設計就是排版

回到1969年，Emil Ruder, 一個瑞士著名的排印大師，其筆下關于當時的印刷氛圍，簡直就是我們今天網站的寫照：

今天印刷術的泛濫成災讓我們的個人價值被輕視，因為郁悶的我們現在并不能掌控印刷中的一切。分割、組織和實現印刷術的一切是排印師應有的任務，只有這樣，讀者才有更好的機會找出吸引她／他的東西。

信息設計師是21世紀的排版師

稍微聯想一下（請用在線排版取代印刷），這就像是信息設計師的職務描述。分割、組織和實現印刷術的一切是“信息設計師”應有的任務，只有這樣，讀者才有更好的機會找出吸引她／他的東西。宏觀排版（所有的文本結構）跟微觀排版（樣式和空間的細節方面）包括我們今天稱為“信息設計”的很多方面。也就是說，信息設計師今天正在做排印師30年前的工作：

排版面臨一個很直白的職責，這就是傳達信息。沒有理由能免除排版的這一職責。一個并不能閱讀的印刷品只能變成一個無用的產品。

優化排版就是優化閱讀，親和力，可用性（！），綜合文本平衡等。組織文本塊并結合圖片，難道不是圖形設計師、可用性專家、信息架構師應該做的嗎？但為什么這是一個被忽視的主題呢？

為什么這是一個被忽視的主題？

字體太少？分辨率低？

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

文藝復興：只有一個字體

認為我們沒有足夠的字體可用的觀點是不切題的：在意大利文藝復興時期，排印師只有一個字體可用，但這個時期還是產生一些頂級漂亮的排版品：

該排印師應該沒有太在意他手中手能掌握的字體種類，實際上也不應該太在意字體的選擇。他應該更關心時代能賦予自己手中掌握的，并盡力發揮。

選擇字樣并不是排版

第二個觀點也并不見得好到哪兒去。在印刷初期，印出來的字母質量比我們今天在顯示器上看到的更差。更重要的是，如果處理得專業，屏幕字體更易于閱讀。信息設計不是關于使用好的字樣，而是關于使用好的排版。兩者的區別很大。誰都可以使用字樣，有人可以選擇好的字樣，但只有少數人能夠精通排版。

把文本當作用戶界面

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

稍微著名把文本當作用戶界面的unornamental網站例子有： google, ebay, craigslist, youtube, flickr, Digg, reddit, delicious. 一個難以爭辯的必然事實是，把文本當作用戶界面是成功的唯一參數。成功的網站設法同時創建簡單的界面和強烈的特征。但這是另外一個主題了。

從哪開始

web排版

為了“破除關于web排版的某些荒謬想法”，他已經“按照Bringhurst的工作原則來構建他的網站，并解答如何通過HTML和CSS中可用的技術來達成各項目標”。

優化排版的5個簡單步驟

他所談論的排版“并不是你典型的‘該用哪種字體’的排版”。對于相信讓字號和行間距默認大小使得文本能夠任意縮放會提高網站可用性的人，這是一個不錯的閱讀材料。

Khoi Vinh

behaviordesign的創始人之一。現為NYTimes.com的設計主管。非常天才的一個人。

Rod Graves

通訊設計師。令人贊嘆的工作：“排版是我絕對的中心。排版網格和層次通常會成為我開發的視覺語言的基礎。”

A List Apart

通過字樣通訊。字體和布局。為讀者設計。易讀性。字樣，圖形設計。web排版的問題。控制web排版：字號、字體和顏色。CSS方法，瀏覽器問題，用戶問題和解決方案。

Association Typographique Internationale

ATypl(Association Typographique Internationale) 是一個專注于樣式和排版的主要國際組織。創建于1957年，ATypl為國際樣式社區之間提供通訊的結構，信息和活動。

Thinking with Type

書籍Thinking with Type的在線伙伴：設計師，作家，編輯和學生的關鍵指南。

Typetester

比較屏幕字體樣式。

Typophile

Typophile是一個會員制和贊助商支持的社區。2000年以來Typophile引領開放合作，并且我們總是能學習到好主意。我們他們伺服超過每月3百萬的網頁。

Typohile Wiki

一個有關樣式和設計所有一切的用戶創建百科全書。用戶為建立協作，有用，平衡和相關的資源而創建和編輯條目。

The Next Big Thing in Online Type

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

Emil Ruder, Typographie (Amazon)

Emil Ruder’s Typography是一本永恒的書，幾代排印師和圖形設計師都從中學習基本原理。Ruder, 二十世紀最偉大的排印師之一，是一個拋棄并用新的規則取代Emil Ruder傳統規則的先鋒，來滿足新排印技術的需求。