在 WordPress 設計中有效使用空白

[ad_1]

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

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

WPTavern

不過,WordPress 的設計尤其適合留白。 看 WPTavern 一個很好的使用空白的網站的例子。 您不必為此使用博客主題。 隨意嘗試。

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

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

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

什麼是空白?

Eagle響應式最小WordPress主題

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

國家非洲藝術博物館

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

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

或者是嗎?

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

空白的類型

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

微觀和宏觀

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

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

WordPress設計

輕鬆探索精簡方式 WordPress設計 在這個領域。

被動和主動

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

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

使用空白的原因

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

明晰

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

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

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

白色空間和清晰度

謝天謝地,有很多方法可以 加快WordPress.

對比

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

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

語境

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

框架

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

帶框架的圖像

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

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

如果有效……

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

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

主題和模板

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

搜索展示位置示例 - 總主題

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

空白畫布主題

或者你可以全力以赴 空白的畫布,這是一個全面的極簡主義,更像是一個多用途的主題。

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

取得平衡

取得平衡

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

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

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

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

WooCommerce 登陸頁面

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

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

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

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

相關文章