網(wǎng)頁(yè)設計(Web Design)空格處理方法發(fā)布者：本站     時(shí)間：2020-05-23 11:05:42

相信認真做過(guò)網(wǎng)頁(yè)設計(Web Design)，或者關(guān)注過(guò)頁(yè)面設計的同行都對“空格”不陌生?！翱崭瘛睂儆谝活?lèi)細節，很容易被忽略，但又比較影響效果，更麻煩是很不好控制。此問(wèn)題總結的想法，來(lái)自“知乎”上梁海的提問(wèn)，以及對他提供專(zhuān)業(yè)答案的反思和總結。

就所提問(wèn)題而言，我目前還是堅定的“不空格”派系，我不否認“空格”后效果的提升，但不能完全解決問(wèn)題，有利有弊。既然效果并不十分理想，再綜合工作量、可維護性而言，我認為意義實(shí)在有限?；蛘吒^(guān)的認為，要想達到完美的效果，必須手動(dòng)調整，沒(méi)有完美的可控程序邏輯。道理如同圖書(shū)排版，真正排版出色的好書(shū)，都是一頁(yè)頁(yè)手工定制的，排版效果必須跟著(zhù)內容走。

這個(gè)問(wèn)題在專(zhuān)業(yè)網(wǎng)頁(yè)設計上講，我認為可歸類(lèi)于“內容排版”，與用戶(hù)體驗中“可讀性”直接相關(guān)。平面設計里好像叫“字體排印”，我認為同樣應該用“可讀性”指標來(lái)衡量質(zhì)量。但受限于網(wǎng)頁(yè)構成原理，我認為在網(wǎng)頁(yè)中，空格影響的不僅有“內容排版”，還有“頁(yè)面版式”問(wèn)題也很典型?！皟热菖虐妗敝饕竷热輰用?，“頁(yè)面版式”主要指結構層面，下邊分開(kāi)來(lái)討論。

內容排版的空格
目前互聯(lián)網(wǎng)上內容里，中英文混雜已經(jīng)非常普遍，并且可以放大理解為“中西文混排（自己基本只用英文，所以后續都寫(xiě)“中英文混排”）”。不僅僅是英文單詞的使用，各種英文術(shù)語(yǔ)和縮寫(xiě)已經(jīng)完全融入了普通人生活。尤其在信息爆炸的互聯(lián)網(wǎng)上，此問(wèn)題表現的比較突出。

我最早看到和自己寫(xiě)的中英文內容，全部都是連著(zhù)寫(xiě)，不會(huì )考慮加空格。后來(lái)是在一些很專(zhuān)業(yè)的網(wǎng)站上發(fā)現，原來(lái)還有在中文、英文之間加空格的說(shuō)法，尤其翻譯過(guò)來(lái)的技術(shù)參考里。很容易想到，這種寫(xiě)法是為了更好的區別不同語(yǔ)言，以免造成閱讀上的“粘連”障礙，加空格后確實(shí)極大提升了“可讀性”。（梁海更專(zhuān)業(yè)的觀(guān)點(diǎn)原文“文字的交界處應該是個(gè)盡量平滑的過(guò)渡，盡量滿(mǎn)足雙方文字的需求，并且讓文本的節奏盡量平穩?！保?br />
但同時(shí)我發(fā)現，影響“中英文混排”效果的原因其實(shí)很多，在網(wǎng)頁(yè)設計中不僅僅只有“加空格”手段來(lái)優(yōu)化。比如更改字體，因為在計算機系統里英文的選擇其實(shí)很多，不比中文“宋體”的單調。不同的英文字體，不僅對比中文的大小比例不一樣，而且前后粘連的距離也不一樣。