網頁設計工作的 95% 在於字體排印

Information Architects 網站的奧利弗·雷琴斯坦四年前的文章「Web-Design-is-95%-Typography」今天不知為何被Hacker-News 挖了出來。如果此文對於西文網頁設計界仍有現實意義,那麼它對中文網頁設計界則有十倍的現實意義,故譯出分享。原文下方有延伸閱讀的鏈接,不過全都只和西文字體排印語境相關,有興趣的讀者可以自行前往查看。 ——編者

網上 95% 的信息是文字。從邏輯上講,網頁設計師自然應該充分掌握型塑文字信息的技巧,換句話說,就是字體排印(typography)技巧。

信息設計 = 字體排印

1969 年,著名瑞士字體排印師埃米爾·路德寫過一段關於當年的印刷品的話,用來描述今天的網站也適用:

我們正被印刷品的洪流淹沒,個體作品的價值正被稀釋,因為被誘惑包圍的現代人根本不可能讀完所有印出來的內容。字體排印師的工作就是把印出來的海量文字分揀、組織、詮釋,從而讓讀者更容易找到自己感興趣的內容。

只要稍微發揮一下想像力(把印刷品換成互聯網),以上文字就可以視為對信息設計師的工作內容描述。信息設計師的工作恰恰就是「把印出來的海量文字分揀、組織、詮釋,從而讓讀者更容易找到自己感興趣的內容。」

與微觀意義上的字體排印(字體與間距的細節)相比,宏觀字體排印(整體的文字排版結構)涵蓋了今日被稱作「信息設計」的諸多方面。今天的信息設計師做的正是三十年前的字體排印師的工作:

字體排印的任務很明確:通過書寫文字傳遞信息。無論出於何種理由和考量,字體排印的這一功能都不可忽視。無法閱讀的印刷品是一件沒有目的的產品。

對字體排印進行優化就是對易讀性、親和性、可用性(!)、以及整體的視覺平衡進行優化。把一塊塊的文字與圖片混排,這難道不是平面設計師、可用性專家和信息架構師的工作嗎?那麼為何這個話題總是被忽略?

字體太少?分辨率太低?

我們最常聽到的關於網頁字體排印的論點——或者說抱怨——就是網頁上可用的字體太少。另一個論點是屏幕分辨率太低導致像素化/ 抗鋸齒字體難以閱讀。

可用的字體太少是一個不相干的問題:意大利文藝復興時期的字體排印師只有一種字體可用,但他們排出的印刷品是史上最美的之一。

speciamen.gif

(圖片來源:Information Architects)

字體排印師不應該過分在意有哪些字體可用的問題。事實上,選哪種字體不應是他考慮的重點。有什麼字體,就用什麼字體,並儘量把它用好。

選字體 ≠ 字體排印。

第二個論點也沒有好到哪去。印刷品肇始之初的印刷質量遠遜與我們今天用的屏幕。更重要的是,經過專業的字體排印師處理的屏幕字體完全可以很易讀。

信息設計探求的不是如何使用好的字體,而是如何達到好的字體排印效果。兩者截然不同。任何人都可以用字體,有些人很擅長選擇好的字體,但精通字體排印術的只是極少人。

把文字當作用戶介面

沒錯,不同的瀏覽器與操作系統平台顯示字體的方式不一樣,這很討厭。沒錯,屏幕分辨率的問題讓人很難專注閱讀超過五分鐘以上。但沒辦法,網頁設計師的工作之一,就是確保文字在所有主要瀏覽器和平台上讀來都同樣輕鬆和舒心。正確的行距、字距、留白以及適當的色彩運用都能改善易讀性。但這些還不夠。優秀的網頁設計師不僅知道如何處理作為內容的文字,他還可以把文字用作用戶介面。看一眼 Khoi Vinh 的網站你就懂我的意思:

koih.gif

(圖片來源:Information Architects)

此外還有一些更加有名的把文字當作介面的「非裝飾性」網站:谷歌、eBay 、Craigslist、YouTube、Flickr、Digg、Reddit、Delicious。你很難否定文字作為介面的必要性,它是成功設計的唯一標準。成功的網站總是既有簡單的介面,也非常容易辨識。但這是另外的話題了。

來源:http://apple4.us/2010/10/web -design-is-95percent-typography-chinese.html

特別注意:本站所有轉載文章言論不代表本站觀點,本站所提供的攝影照片,插畫,設計作品,如需使用,請與原作者聯繫,文章轉自alibuybuy

Comments are closed.