在 WooCommerce 獨立站網頁設計方面,空白通常是指沒有文字或影像的區域。我們可以認為它是 “視覺沉默” 區。為了使我們的設計能夠正常工作,我們需要在網站上使用節奏良好的空白空間。儘管 Google 並不總是以純粹的設計技術而聞名,但是他們一直是白色空間的倡導者。像雅虎這樣的競爭對手正在用天氣、新聞和電子郵件緊緊包裝他們的網頁時,谷歌的低干擾界面讓他們的多用户專注於手頭的主要任務:搜索網絡。本文討論的是精美 WooCommerce 獨立站網頁設計如何使用空白空間?

  白色空間有兩種類型

  ·活動白空間:這是設計中元素之間的空間,通常新增用於強調和結構。這種類型是不對稱的,使設計看起來更加動態和活躍。

  ·被動白空間:這是一行上的單詞之間的空間或者一個標誌或一些其他圖形元素周圍的空間。

  看看 500px 的主頁,看看如何使用主動和被動的空白。在處理白色空間時,我們主要關注的是活動的白色空間,但是我們仍然需要密切關注被動的白色空間,以及它如何與我們的設計一起工作。

  白色空間有兩個尺寸:

  微白空間:是對白空間的較小區域,在字母和單詞之間以及在彼此相鄰的圖形元素之間給出的術語。調整設計中的微白空間最常調整設計的整體色調而不改變其 “心臟” – 類似於在舞曲中撥下 BPM,同一首歌,但睡得很尷尬。

  巨集白空間:是給予較大體積的空白空間的術語,例如列或段落之間的空間。優化您的 “巨集白空間” 通常會大幅改變您的設計,有可能改善整個網頁的多用户流量和節奏。

  白色的空間真的是白色?

  雖然 “空白” 一詞似乎暗示著缺乏顏色或色調,但這可能有點誤導。白色空間實際上可以是表示設計中的負空間或空白空間的任何顏色:黃色,藍色,綠色或甚至紋理或照片。雖然您選擇什麼顏色無關緊要,但記住,顏色和紋理通常比純白色更有趣。即使您選擇不同的顏色或紋理,原則仍然適用。

  如何使用空白區域?

  使用空格用於 CTA(號召性用語),始終假設多用户不知道接下來要去哪裏,並相應地設計白色空間。 這個想法本身很簡單,如果一個頁面上沒有任何按鈕,意味著下一步應該點選按鈕。另一方面,如果頁面擠滿了該按鈕附近的元素,則由於混亂,多用户甚至不會看到按鈕。

  使用空白為情感反應

  在設計中有許多方式來喚起情感,包括排版,顏色和影像。雖然所有這些都是有用的強加額外的戲劇,可以説是白色的空間,可以新增最多的戲劇和情感的頁面,以最低的設計成本。如果您有更多關於 WordPress 外貿獨立站網站建設、 WordPress 站羣網站優化、 logo 設計、品牌設計、印刷、 WordPress APP/WordPress 微信開發等產品服務的需求,歡迎諮詢跨飛獨立站 WooCommerce 官網,新上線企業 VI 設計套餐和 WordPress 站羣網站營銷推廣系統(強)!

  每當我們在設計中看到一個空白區域時,我們開始思考 “我可以在那裏新增什麼?這種心態對於設計師來説可能是一個問題。因此,不要使用元素填充設計,而是嘗試在頁面中間放置一個 CTA 按鈕,並在其周圍建立一個 “安全區域”(空白區域)。始終記住,空的空間不是浪費的空間。

  所以,我們瞭解到,白色空間不是白色的,它是我們設計中沒有發生任何事情的部分。 這是一個設計的基本原則,任何設計師不應該忽視,因為它決定一個頁面是否可用,以及一個特定的元素是否得到所需的關注。