網頁中那些討厭的“空格”
2014/6/19 14:46:24

    “空格”屬于一類細節,很容易被忽略,但又比較影響效果,更麻煩是很不好控制。相信認真做過網頁設計(Web Design),或者關注過頁面設計的同行都對“空格”不陌生。
  “空格”后效果會提升,但不能完全解決問題,有利有弊。既然效果并不十分理想,再綜合工作量、可維護性而言實在有限。或者更悲觀的認為,要想達到完美的效果,必須手動調整,沒有完美的可控程序邏輯。道理如同圖書排版,真正排版出色的好書,都是一頁頁手工定制的,排版效果必須跟著內容走。  這個問題在專業網頁設計上講,可歸類于“內容排版”,與用戶體驗中“可讀性”直接相關。平面設計里好像叫“字體排印”,同樣應該用“可讀性”指標來衡量質量。但受限于網頁構成原理,在網頁中,空格影響的不僅有“內容排版”,還有“頁面版式”問題也很典型。“內容排版”主要指內容層面,“頁面版式”主要指結構層面,下邊分開來討論。
  1.內容排版的空格
  目前互聯網上內容里,中英文混雜已經非常普遍,并且可以放大理解為“中西文混排(自己基本只用英文,所以后續都寫“中英文混排”)”。不僅僅是英文單詞的使用,各種英文術語和縮寫已經完全融入了普通人生活。尤其在信息爆炸的互聯網上,此問題表現的比較突出。
  在一些很專業的網站上,有中文、英文之間加空格的說法,尤其翻譯過來的技術參考里。很容易想到,這種寫法是為了更好的區別不同語言,以免造成閱讀上的“粘連”障礙,加空格后確實極大提升了“可讀性”。
  同時發現,影響“中英文混排”效果的原因其實很多,在網頁設計中不僅僅只有“加空格”手段來優化。比如更改字體,因為在計算機系統里英文的選擇其實很多,不比中文“宋體”的單調。不同的英文字體,不僅對比中文的大小比例不一樣,而且前后粘連的距離也不一樣。
  2.頁面版式的空格
  結構層面的空格主要在HTML結構代碼里,很多時候我們需要針對不同標記的內容做間隔。之前大多數人的做法,都是自然空格,就是在HTML代碼里敲入一個空格。但后來發現,第一不易做像素級的精確控制,第二不同客戶端下的空格寬度解析不一致,這在做跨瀏覽器兼容時很重要。其實,代碼里做空格不符合“結構、表現”分離的原則。應該把所有需要“空格”效果的內容全部用CSS的margin定義解決,想空就空,想空多少隨時可以改。
  通常高保真原型里沒有的空格,但研發工程師做的測試原型里卻有。這是因為在客戶端代碼里,換行就算一個空格。工程師在做應用層開發時,往往不那么注意,通常為了看代碼方便而隨意空行。還有類情況是可能使用了某種控件或者特殊語句,甚至還有查不出來的情況。

返回列表
返回首頁 主站蜘蛛池模板: 最近中文字幕高清免费大全8| 绝美女神抬臀娇吟| 国产观看精品一区二区三区| 中国一级特黄特级毛片| 日韩精品无码一区二区三区| 亚洲欧美日韩精品久久奇米色影视| 精品免费视频一卡2卡三卡4卡不卡| 国产又黄又大又粗的视频| www.日日夜夜| 国产美女一级高清免费观看| julia无码人妻中文字幕在线| 把极品白丝班长啪到腿软| 久久婷婷五月综合97色直播| 欧美变态口味重另类在线视频| 亚洲综合精品第一页| 精品久久久久久国产潘金莲| 国产一级特黄高清在线大片| 黄色a级片电影| 国产真实乱对白mp4| 4hu四虎永久免在线视| 在线观看特色大片免费网站| 一本一本久久a久久综合精品蜜桃| 无码毛片视频一区二区本码| 久久精品一区二区影院| 杨晨晨脱得一二净无内裤全身| 亚洲小视频在线| 毛片免费视频观看| 产传媒61国产免费| 福利一区二区三区视频午夜观看 | 99久在线精品99re6视频| 小蝌蚪影院在线观看| 中文字幕久久网| 无码精品人妻一区二区三区av| 久久精品国产亚洲夜色AV网站| 校花主动掀开内裤给我玩| 亚洲国产成人久久三区| 欧美成成人免费| 亚洲影院adc| 欧美成人免费高清视频| 亚洲欧美日韩国产综合五月天| 深夜福利视频网站|