為什麼空白區域在網頁設計中重要

　　在網頁設計中，空白區域是指不同設計元素間的區域。文字之間、段落之間、圖片之間、連結和頁尾之間等的區域都是所謂的空白區域。空白區域並不一定是“白色的”，而是內容上的空白。

　　使用空白區域有助於瀏覽網站或網頁的不同部分。不過設計的網頁模板設計師通常低估了空白區域的重要性。空白區域減少了訪客需要瀏覽，一氣呵成的文字量。不同的視覺隔離設計元素都能有效地用於空白區域。有效地使用空白區域可以使網站模板乾淨利落並清新。讓我們來探討下有關網頁設計空白區域（也稱負空間）的幾個方面。

　　聚焦

　　當設計一個網站模板時，設計師通常把空白區域用於組織文字、對比圖片、聚焦和吸引訪客的目光。這增加了瀏覽範圍以及可瀏覽性。正空間——是圖片和文字都被合適地放置，可以很好地突出負空間。空白區域也用於創造高價值品牌。同時，空白區域也是昂貴及高品質的代名詞。

　　空白區域的型別

　　網頁設計中有兩類空白區域。有效空白區域是有意留下好的結構和佈局空間。同樣，也用於突出內容。在網頁設計佈局時，留下無內容的網頁或空白區域。這種區域被稱為消極空白。

　　行距（Line spacing）

　　當留有足夠的行距，網頁模板更具可讀性並且便於瀏覽。假如行距太緊湊，就不便於瀏覽。而當行距太寬，字與字之間過於分開，會不易於訪客閱讀。藉助CSS，可以達到標準行距。

　　行與行之間的距離也被成為—— 行距（leading）。這通常設定在標準字型的 120-150%，就10pts這類來說，12~15pt 為最佳。小於此間距可能會讓副本不宜辨別或瀏覽。大於這個間距可能給訪客瀏覽帶來障礙。

　　頁面空白

　　在設計一個網頁模板時，這是圍繞一個特定元素的空間。這可以由CSS頁面空白控制。嘗試著與整個佈局保持一致。間距一致也會使頁面模板更專業有序。當考慮空白頁面時，要考慮縱向和橫向距離。

　　過大面積的空白會帶來距離感。在設計網頁模板時，你應該注意畫素是否適合螢幕。設定過多的空白實屬浪費。

　　當設計網頁模板時，你需要確保文字沒有與圖片、側邊欄、導航以及頁首相左。必要的空白可以給訪客一個休息的空間。網頁設計常適用於800×600解析度的螢幕。隨著時間的推移，這也發展為1024×768.

　　標題

　　標題是可控制內容分隔的一種很好的方式。有H1、H2及H3等不同的型別。這可以強調不同的內容。標題上方或下方的空白區域對於分隔相關部分的內容是十分有用的。

　　平衡佈局

　　空白區域也具有平衡佈局的作用。假如沒有足夠的空白區域，訪客的眼睛就不能得到休息。網頁設計應該保持開放空間和內容的平衡。網路營銷機構發現，在錯誤區域過多的空白區域就像過高的頁尾會誤導使用者。他們可能認為已經結束並離開頁面。使用者希望網頁空白內容比印刷媒介中的少。

　　最近網頁模板空白區域或負空間的設計都得到關注。它的存在或使用不是定義上的數量而是對於網頁貢獻的方式。

　　空白區域在網頁模板設計中得到越來越多的重視。如今它被視為不可或缺的一部分而並非背景。不少網頁模板設計師把它用於強調內容、增強網頁可讀性和平衡網頁佈局。改革和創新正在日益替代墨守成規和習俗。雖然適量地使用負空間有助於實現預期效果，但是過量使用弊大於利。

相關文件：每位網頁設計師新手都應知道的10件事

原文：Roxanne Peterson　翻譯：翦丹