英文原文：One More Time: Typography Is The Foundation Of Web Design

你已尋找這個問題多年，常聽到這個問題在夢中被問及，也在以印第安納瓊斯般的遠行去尋求答案。當你知曉答案，你感到彩屑從天花板上紛紛墜落，樂隊也開始演奏你最愛的歌，你甚至從你的那一位那里得到了一個甜蜜的吻。那這是個什么樣的問題呢？

　　恩，網頁設計的秘密是什么？

　　這是一個艱難的問題，一個可能沒有答案的問題。在 2006 年，Oliver Reichenstein 寫下了 Web Design is 95% Typography. 一些人狂愛它，一些人卻不以為然。

　　若網頁設計過多的依賴于文字設計，那么學習其他事物的意義何在？你所需要做的只是理解文字設計的各個元素，然后就能做的很好。

　　當然文字設計并不只意味著字體的選擇，隨著@font-face技術和一些如 Typekit, Webtype, Fontdeck, 以及 Google Web fonts 等服務的到來，你在文字設計上的技術并沒有提升，你可以在你的余生中輕易的只用一種字體創造出杰出的設計，如果你這樣選擇的話 —— 而在很久之前那些人（設計師們）則不得不這樣做，他們可沒有 Photoshop 作為向導。如果有什么區別的話，更多的字體選擇會使事情更加糟糕，這是因為一旦有了更多的選擇，創造性以及美觀就會變得很難實現。

　　更多的玩具意味著更多的樂趣，不是嗎？如果你想走這條路，那就全力以赴，盡一切可能去達成。我喜歡看著不同的字體被使用，欽佩那些可以成功的在網站上使用新字體的人。然而，我已經太多次看到當開發方案提供給大眾時會發生什么，這并不是很好(就像 Myspace)。而 Typekit 能讓你在開始使用一種字體之前就能使用文字設計來閱讀一本書，這會很酷，假如如果沒有用戶協議的話 —— 如果是這樣的話，網站將會改進十倍。

　　并非是我尖酸刻薄，說這就是對大多數網站來說你所需要知道的。試著仔細查看你喜愛的所有網站設計，去掉其中所有的圖片，然后問下自己：“只有文本和空白的網站會是什么樣？”當設計師們說“文本是一種界面”時，他們來真的了。iA site （網站）就是一個杰出的例子。

　　我最喜歡的作品之一是A Working Library。它是以文本的展示來形成界面，留白剛剛好，文字設計也很到位。

　　一些人認為這樣的設計枯燥而乏味，他們認為設計應該有更多的流行風格。到了最后你設計的剩余部分可能會被你的一些多余的視覺嗜好所占據（你不再重視設計本身），所以你需要完成設計最初的 95%。但你此刻正在閱讀的這篇文章所在的網站就已經做得很好，展示了不依靠圖像而仍舊美觀的視覺設計。

　　很可能會設計出一個精彩的網頁而不用丁點圖片，我知道這聽起來很瘋狂，但這很有可能。我并不滿足這本應如此，但是如果我們能夠僅用文字設計和空白就能體現優雅，那為什么我們不應該試著去插入圖像、視頻和其他效果來創造杰出呢？

　　在使用圖像時我不是想說那些真正要表達什么的圖像，就如圖標，但圖像在這里就是為了引人注目。有時一張圖勝過千言萬語，所以最好使用圖片(但你仍然需要考慮使用留白)。這里有兩個以上的美好網站的例子，它們都將重點放在文字設計上以實現整個設計。第一個網站是 Blake Allen Design ，第二個是 The Harriet Series（這兩個網站都是使用圖像來表達他們的文字設計，你要認識到這一點）

　　上面的兩個設計之所以讓我感興趣，是因為文字設計并不單是指引你經過這段過程，它是在用自己的風格做著這件事。你幾乎感覺到文字設計就是設計者的表達。Blake Allen 使用赫維提卡體（Helvetica）來使他的網頁滿是瑞士風格式的清新、有序的風格。而在另一方面，哈里特系列的網站則顯得有一點頑皮，也更具實驗性。這就是文字排版所造就的有組織的混亂之美。

　　對在這之外的 99% 的設計師，文字設計和留白是你們潛在的基礎。所以如果你不好好了解改正，你接下來的設計便如同無根可依。對你的設計的擔心還是停下來吧，首先要擔心的是如何讓設計堅挺站立。應該了結了這個之后再開始裝扮你的設計。

　　Clear 應用是 ios 上的一款簡潔的任務管理列表應用。當圍繞它的興奮點主要是用手勢來控制界面時，你會發現單是文字設計就足以解決一切并讓你享受著這款應用。當然這是使用了 Helvetica 字體，如果是使用了到處是糟糕間距的 Comic Sans 字體呢？杰出的文字設計并不一定以很美好的方式引人注目，而這并不意味著它也要以一種負面的方式突出，然后帶來足夠的傷害。

　　Art of the Menu 是一個很棒的菜單設計網站。

　　The Art of the Menu 網在說明文字設計對菜單設計的重要性上做出了很多貢獻。當一些餐館很樂意地去往菜單加入圖像和插畫以讓其變得招人眼球時，他們并沒有使用合適的文字設計結構以使你更容易的瀏覽菜單，這很失敗。

　　如果你是一個設計師，沒有理由會說你不想要一個合適得體的設計。當你進行一個沒有堅實根基的設計時，你往設計里增添任何東西都只會使你的設計變得更糟。太多的設計師都會茫然的嘗試著用無價值的東西去拯救他們的設計，他們無疑是在火上澆油。

　　是否已經更好的理解了文字排版呢？不久之前 Smashing 雜志做了這個一些頂尖的文字設計的工具和資源的綜合總結也可以看一下。

　　譯者注：typography 的條目解釋可以參照百度百科和維基百科及其英文版，維基百科譯為字體排印學，但譯者參照大多數國內譯作的譯法將其譯為字體設計。

it知識庫：再說一遍：文字設計是網頁設計的根本，轉載需保留來源！

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。