在 WordPress 設計中有效使用空白

網站在圖像和意圖上各不相同。 對一個人有用的東西對另一個人不起作用。 話雖如此，響應式設計的一些元素適用於大多數（如果不是全部）網站，並且應該是您所有數字營銷工具和策略的重要組成部分。 這些元素之一是對“空白”的良好利用。

當然，網站設計總是尋求在外觀和功效之間找到最佳平衡點。 無論您是初學者博客作者還是試圖實現這一目標的高級開發人員，挑戰都是一樣的。

不過，WordPress 的設計尤其適合留白。 請參閱 WPTavern 以獲得一個很好的使用空白的站點示例。 您不必為此使用博客主題。 隨意嘗試。

WordPress 的另一個優點是它的使用範圍有多廣。

這導致大量用戶提供了大量關於什麼是易於理解的網站的提示。

這是足夠的開放信息。 讓我們結束這一段，享受一點空白，以便在本段和下一段之間建立清晰的界限。

什麼是空白？

在某種程度上，空白就像聽起來一樣。 這是頁面上沒有內容的地方。 但是，不要誤以為這個空間必須是白色的。 不，它可以是你喜歡的任何顏色。 WordPress 提供了出色的自定義顏色指針，說明在您的項目中最適合的顏色，當然包括您決定的白色空間色調。

例如，值得一看的是在使用 WordPress 設計創建的國家非洲藝術博物館網站的白色空間中出色地使用顏色選項。 它們形成了一個安靜的背景，可以完美地補充特色圖像。

因此，白色空間是任何顏色的空間，從表面上看，它沒有太多功能。

或者是嗎？

超越臉，功能就會出現。 就像任何設計應用程序一樣，空間在清晰度、對比度、上下文和框架方面都非常重要。 我們將在適當的時候研究使用空白的這些原因（和其他原因）。

空白的類型

首先讓我們看一下您可能會遇到的各種空白。

微觀和宏觀

前者是相對少量的空白，使理解從根本上成為可能。 這包括文本行之間的空間。 沒有這個，該網站顯然在任何方面都不能作為一種交流工具，除了向用戶傳達你不應該設計網站之外。

後者指的是視圖中組件之間的較大空間。 因此，形成頁面邊界的空間，以及為您想要清楚地欣賞和理解的圖像和文本塊提供喘息空間的空間。 清晰的理解是您網站成功的關鍵。

在該領域探索簡化 WordPress 設計的方法很容易。

被動和主動

無論設計師是否有意，都會出現被動空白。 它是文本編輯器在您創建行和段落時自動插入的空間。

活躍的空白是設計師故意在頁面元素之間留出更多空間的地方，原因我們將在下面討論。 作為一般規則，元素彼此越不同，它們之間的空間就應該越大。 我們可能是非常初級的生物，並且傾向於以“物以類聚”的心態工作。

使用空白的原因

現在讓我們看看為什麼在網頁設計中使用空白。

明晰

這非常重要； 網站設計師犯的一個非常常見的錯誤是在頁面中填充太多內容，從而使您試圖傳達的中心信息變得混亂和模糊。 請記住，乾淨的佈局是一個好的佈局。

在設計元素缺乏紀律的情況下，用戶可能會面臨困惑，並可能因此過早離開網站。 如果您提供像這樣糟糕的用戶體驗，那麼您可以期待高退出率。

首先，過度混亂可能也會影響加載速度，而高加載速度 = 高放棄率。

值得慶幸的是，有很多方法可以加速 WordPress。

對比

如果你用對比色的空間包圍圖像或文本框，它會產生更大的影響。 這種配色方案提供了消化空間，以便用戶可以在遇到下一個材料之前仔細閱讀所傳授的內容。

空白區域的對比也可用於突出網站的特定元素，從而鼓勵用戶通過例如單擊 CTA 框來採取特定路線。

語境

有時，您需要留出一點空間來防止誤用上下文。 一個嚴肅的觀點和一個幽默的形像不幸地並列在一起不會有任何好處。

框架

這純粹是審美。 帶有框架的圖像看起來更好。

框架實際上是圖片周圍的空間，以阻止其他刺激侵入和侵入。

構圖聽起來有點瑣碎，但它非常重要。 對於任何想要開設在線商店的人來說，整個交易的一部分將不可避免地是產品圖片的集合。 嘗試在沒有框架的情況下將這些圖像緊緊地貼在一起。 結果是一團糟。 眼睛自然需要一個框架才能正確地欣賞它前面的東西。 順便說一句，WordPress 設計有一些很棒的啟動功能可用。

如果有效……

空白已經陪伴我們很久了。 它源於 20 世紀初中國書法家和藝術家的創作手法。 使用墨水和宣紙，這些工匠發現意義不僅在於他們添加到紙張上的內容，還在於剩餘的內容。 同樣，談話中的沉默比任何文字都更具表現力，如果在正確的時間以正確的方式使用，頁面上的空間可以傳達意義。

從那時起，留白就成為了整個 20 世紀在全球佔據主導地位的現代主義的特徵。 這種酷炫的新古典主義在今天繼續迴響，是優雅和品質的簡寫。 這就是為什麼這麼多品牌在他們的形象設計中使用它來產生巨大影響的原因。 WordPress 可以以其極簡主義的主題來提供它。

主題和模板

世界各地的主題設計師為 WordPress 用戶貢獻了無數的自定義主題選項，這可以幫助您使用空白空間。 無論您想使用電子商務主題、乾淨的主題、純粹優雅的主題還是靈活的主題，都值得一看 WordPress 設計如何提供各種主題選項。

Total WordPress 主題提供了許多設置，例如，您可以使用這些設置在您的網站上添加和自定義活動空白區域。 使用站點寬度、列間距、全屏行等選項為帖子和頁面添加空白。

或者，您可以全力以赴地使用 Blank Canvas，它是一個極簡主義和更多用途的主題。

模板也可以幫助進行空白部署。 WordPress 為設計師提供了一些漂亮的模板供您使用，無論您想要登錄頁面模板還是更通用的模板。

取得平衡

留白最重要的是要取得成功的平衡。 如前所述，您不能冒著讓屏幕和用戶一次過載的風險。 另一方面，你需要看起來你確實有話要說，有服務要提供。

使用多少空白空間很大程度上取決於網站的內容。 與所有營銷工具一樣，您所營銷的內容可以塑造您的營銷方式。 它需要太多的展示方式嗎？ 如果產品廣為人知，那麼用戶將不需要那麼多上下文信息。

例如，使用 WordPress 設計創建的沃爾特迪斯尼網站在登陸頁面上的信息很少。 您將迪士尼名稱覆蓋在圖像上，從而產生巨大影響。 你絕對不會得到，也不需要任何解釋迪士尼是誰以及它是關於什麼的信息。

對於一個有新產品的初創公司，會有其他的考慮和SaaS的想法去探索。 所有這些信息很容易在首屏展示。

然而，公平地說，即使你有很多東西要傳授，你也應該寧願少而不是多。 只要用戶表現出了解更多信息的傾向，您就可以隨時將其推薦給具有更多詳細信息的子頁面。 有關這方面做得非常好的示例，請參閱 WooCommerce 登錄頁面。

當網站通過漂亮的外觀吸引註意力，然後通過促進有意義的交流將注意力轉化為良好的使用時，網站處於最佳狀態。 正如我們所了解的，信息的傳遞不僅僅依賴於內容的數量。 如果您為了向讀者獲取數據而一次性提供所有內容，則可能會導致過載。

你可以用空白來簡化它。 無論您是專業設計師還是剛開始工作的人，都可以使用空白空間來發揮 WordPress 的最佳效果。

空白空間提供了空間，這可能是獲得得分的必要條件。 有時，談話中最雄辯的部分可能是懷孕的…… 暫停。