2007年6月15日 星期五

文字的可讀性:視覺容量定律

中文:http://www.wretch.cc/blog/fsj/6870109

Law of Optical Volumes: The Math Behind Wired's New Logohttp://blog.wired.com/underwire/2007/04/the_math_behind.html
Wednesday, April 18, 2007


在二月號的 Wired 雜誌上,它們的新 logo 首次露面,作者他們在雜誌中解釋,它 "遵守視覺容量定律(Law of Optical Volumes)。" 由於作者們的語意不清 -- 許多讀者匆忙跑到 Wikipedia 與 Google 那裡搜索,結果... 什麼都沒發現。

以下就是小道消息:視覺容量定律是 Wired 具有創造力的主管 Scott Dadich,對於字體排印(typography,那統治著一種字型中每個文字間隔)規則的專有名詞。這背後的理論已經在報攤上顯見多年,部份要感謝 typography 的大師 Jonathan Hoefler 他的公司 Hoefler & Frere-Jones 設計了 Wired 的新字體(typefaces),那在雜誌中到處都可見到。你也可以在 typography.com 上面看見 Hoefler 的作品 -- 或是在 The Wall Street Journal(華爾街日報), Esquire(君子雜誌) 與 Martha Stewart Living(瑪莎史都華生活)等報章雜誌看到。
這裡是一個定義:視覺容量定律陳述,在一個單字當中,兩字母之間的區域必須要有相等的量,且在通篇文章當中仍保持前後一致。

這個定律使得 kerning(字間距縮合的排版技術)科學再度沸揚。在 typography 的行話中,kerning 扮演著調整兩字母之間的距離,以讓整個字句的版面更均衡。例如 "VAST" 這個字,在這裡通常會縮小 V 與 A 之間的間距,然後 S 與 T 之間的間距會多一些。否則 VA 看起來會離得太遠,而 ST 會太緊密。

對一個字型(font)的正式定義,不只包括每個字母的形狀,也包括一連串的 kerning pairs,專門調整某些字母配對之間的距離,例如 You 當中的 Yo。如果沒有調整間距,對些配對會看起來離太遠或是太靠近。

印刷專家努力要平衡這些字母,所以每一個字母對當中的間距都獨一無二。這假定,人眼會不經意地衡量這些區域,以決定這些配對該離多遠。如果 Scott 在幾何學上下許多工夫,那麼他應該會把他稱為視覺面積定律(Law of Optical Areas),而非容量,不過聽起來就不這麼 "氣勢磅礡"。

傳統字型通常包含數百種 kerning pairs。Hoefler & Frere-Jones 的字型太過講究 -- 他們可以包含 10000 對,讓每種字母結合都十分精確。在原blog 上的例子中,要注意在 colophon 這個單字中每對字母之間黃色區域的大小,都被調整成一樣。

Wired 的新 logo 也有同樣考量。在字母之間有無襯線(serif)交替出現,然而每一對字母之間的面積都相同,這得感謝有襯線的 I, E 以及缺乏它的 W, R 與 D。這種相等,讓此 logo 更容易在超市售貨架上被看見與閱讀。這些交替的字型也讓這些字母,自左往右讀時,看起來會閃爍,模仿了數位的 0 與 1。

不幸地,這種對於字型版面先進的、科學的方法仍只出現在印刷品上。網路字型在 2007 年仍不具備 kerning pairs(譯註:在 CSS 中可以簡略的調整,參見:
http://www.mandarindesign.com/style.html#kerning)我們仍不知為何。為了要看見這個定律如何在作者的 logo 上起作用,你得買一本雜誌... XD

※ 相關報導:
網站用字大剖析
高 DPI 網站時代來臨?
網友眨眼間即可判斷網站品質
你還在看新聞嗎?
最佳化網頁載入速度

漢字的故事 印證正體字之美
黃正穆 Google商標化妝師
聽障字體設計師 創造中文字型風靡世界
中文成英語新詞最大來源
在水面上寫字??
改寫書的科技:自己打造一本 "書" 吧!
數位出版 我落後了
英美史料電子書 大學可檢索
台灣史料集成 和大陸版別苗頭
正視棒球數位典藏計畫
數位冰河時代 -- 你的檔案還能用嗎?
微軟尋求 "不朽運算" 專利