在前面的文章中，我們瞭解到如何使用大小和縮放，使您的設計和諧和清晰。在這篇文章中，我們講講這些在設計中無形的力量，我們將瞭解如何微妙的使用間距，通常被稱為 “白色空間” 或 “負空間”，它們可以用來使您的設計有效地溝通。本文説説 WooCommerce 獨立站網頁設計中看不見的力量：間距和形狀。
您的資料比例
這是由信息的設計大師 Edward Tufte 引入的一個概念。每一滴墨水傳達多少信息，或在移動和 WooCommerce 獨立站網頁設計的情況下，每一個畫素傳達多少信息。
在左邊的圖表有一個更高的資料/墨水比右邊的圖表。這個圖形真的需要用 “墨水” 填充嗎？不，它只是點和線。
使用白色空間清潔佈局
特別是當您設計的小屏幕，您不希望畫素去浪費任何一個畫素。設計者傾向於使用網格來幫助組織布局中的信息。專業 WordPress 外貿獨立站網站建設、 WordPress 站羣網站優化、 logo 設計、品牌設計、印刷等產品服務請看這裏 https://www.kuafei.com/。網格有助於對齊元素，例如文字行，然後建立相互關聯的信息區域。
這是一個網格上設計的基本佈局。左邊是您的導航，較大的區域佔有主要內容。這個佈局是好的，但請注意，導航之間的空白和在主內容區域內的文字列之間的空白是相同的。稍微加寬導航和主要內容區域之間的溝是很有意義的。
這樣的佈局有一個和諧的大小關係，問題是，這些元素之間的負空間沒有被考慮。一般來説，您會用您的眼球來計算這個間距。沒有數學的方法來告訴您到底有多少間距。通過思考您如何塑造您的白色空間佈局，您的設計將看起來更清潔，更清晰，可用性更高。