網頁設計中空格的煩惱

相信認真做過網頁設計（Web Design），或者關注過頁面設計的同行都對“空格”不陌生。 “空格”屬於一類細節，很容易被忽略，但又比較影響效果，更麻煩是很不好控制。此問題總結的想法，來......

告訴你，我們已經進入無邊界網絡時代。你困惑嗎？什麼是無邊界網絡？無邊界網絡和過去的網絡有什麼不同嗎？ ……相信認真做過網頁設計（Web Design），或者關注過頁面設計的同行都對“空格”不陌生。 “空格”屬於一類細節，很容易被忽略，但又比較影響效果，更麻煩是很不好控制。此問題總結的想法，來自“知乎”上樑海的提問，以及對他提供專業答案的反思和總結。

就所提問題而言，我目前還是堅定的“不空格”派系。我不否認“空格”後效果的提升，但不能完全解決問題，有利有弊。既然效果並不十分理想，再綜合工作量、可維護性而言，我認為意義實在有限。或者更悲觀的認為，要想達到完美的效果，必須手動調整，沒有完美的可控程序邏輯。

道理如同圖書排版，真正排版出色的好書，都是一頁頁手工定制的，排版效果必須跟著內容走。

這個問題在專業網頁設計上講，我認為可歸類於“內容排版”，與用戶體驗中“可讀性”直接相關。平面設計裡好像叫“字體排印”，我認為同樣應該用“可讀性”指標來衡量質量。但受限於網頁構成原理，我認為在網頁中，空格影響的不僅有“內容排版”，還有“頁面版式”問題也很典型。 “內容排版”主要指內容層面，“頁面版式”主要指結構層面，下邊分開來討論。
 

2003年前後，我最常用的字體是Arial， Tahoma， Verdana，對比同樣字號可以發現，Arial最小而Verdana最大。於是在我們當時的理解裡，中英文混排最好用Verdana，如果沒記錯當時的微軟官方網站用的就是，我特地到一些外企中文網站驗證過。

2005年，我開始大量閱讀Blog後，我發現Wordpress默認風格的“中英文混排”效果不錯，查後得知人家用的是Lucida Grande字體，此後我開始有意識的關注“中英文混排”效果不錯的個人Blog，以便提取“可讀性”更好的字體，這個事情如要自己實驗會很麻煩。但請注意，當時Wordpress其實沒多少人用，甚至還沒有Movable Type的用戶多。

內容排版的空格

目前互聯網上內容裡，中英文混雜已經非常普遍，台中網頁設計並且可以放大理解為“中西文混排（自己基本只用英文，所以後續都寫“中英文混排”）”。不僅僅是英文單詞的使用，各種英文術語和縮寫已經完全融入了普通人生活。尤其在信息爆炸的互聯網上，此問題表現的比較突出。

我最早看到和自己寫的中英文內容，網頁設計公司全部都是連著寫，不會考慮加空格。後來是在一些很專業的網站上發現，原來還有在中文、英文之間加空格的說法，尤其翻譯過來的技術參考裡。很容易想到，這種寫法是為了更好的區別不同語言，以免造成閱讀上的“粘連”障礙，加空格後確實極大提升了“可讀性”。 （梁海更專業的觀點原文“文字的交界處應該是個盡量平滑的過渡，盡量滿足雙方文字的需求，並且讓文本的節奏盡量平穩。”）

但同時我發現，影響“中英文混排”效果的原因其實很多，在網頁設計中不僅僅只有“加空格”手段來優化。比如更改字體，因為在計算機系統裡英文的選擇其實很多，不比中文“宋體”的單調。不同的英文字體，不僅對比中文的大小比例不一樣，而且前後粘連的距離也不一樣。