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

Web開發者發表於2012-04-19

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

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

聚焦

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

空白區域的型別

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

行距(Line spacing)

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

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

頁面空白

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

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

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

標題

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

平衡佈局

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

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

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

 

原文:Roxanne Peterson  翻譯:敏捷翻譯翦丹

如需轉載,但請註明原文/譯文出處、譯文超連結和譯者等資訊,否則視為侵權,謝謝合作!

相關文章