WordPress 外貿獨立站網站建設中總會遵循一些基本的設計原則，不論您是經驗豐富的行業大牛或是剛進入 WooCommerce 獨立站網頁設計領域的新手，鞏固容易忽略的設計原則將會極大地改善您設計工作的質量。那今天 WordPress 外貿獨立站網站建設小編也就來分享關於 WordPress 外貿獨立站網站建設的一些重要原則總結的第三部分。
主體及背景關係
WordPress 外貿獨立站網站建設的這個原則非常強大，非常重要，您應該儘早掌握它。在您的設計上，您應該經常問自己一個簡單的問題: 哪些元素在背景中，哪些在前景中?
在下圖例子中，您可以看到，內容和按鈕可以明顯地從背景中突出出來。清晰的區分對於多用户的關注是非常重要的。這裏的線條有點模糊，有趣的是，但仍然有非常清晰的輪廓。
（Cayenne website）
當我們的早期祖先忙於狩獵和採集的時候，我們通常非常重要的一點是要辨別出眼前可能的威脅或優勢。將事物快速地與背景噪音區分開來似乎仍然是我們生存的一部分。想象一隻老虎隱藏在叢林中相對於在地平線上的雨滴哪個更明顯。從神經學上講，這種視覺生存策略留下了深刻的印記我們不太可能改變這種簡單的感知機制。對於數字多用户來説，這可能聽起來很有趣，但大多數時候都已經過時了，但是知道了這一點，就可以更容易地決定如何為多用户強調重要的信息，以及如何在背景中隱藏更少的相關細節。
下圖中，有一個非常突出的背景影像吸收了很多的注意力，它很有用，它以個人聯絡的形式傳達情感。不過，採取行動的按鈕被巧妙地放置，它的顏色把它帶到了前台。
（Zappka website）
另一個問題可能是，我們的眼睛和大腦在同時處理大量信息時並不是特別快，這就導致我們優先考慮我們需要關注的事情。理解這一點將有助於您更有效地放置 WordPress 外貿獨立站網站建設設計難題的部分。
層級關係
層次結構是關於如何分配視覺重要性的; 這是一種強調減少視覺混亂的兄弟。它是一個巨集觀的指導，告訴您什麼是首先關注的，以及如何跟隨視覺，潛意識的麪包屑，就像在瀏覽您的網站內容時，告訴您一個多用户可以抓住的視覺故事。將設計元素作為重要的層次，需要有效地安排。只有幾部分被強烈地強調，您應該巧妙安排各部分內容，然後按照預期的方式將他們移到網站上。
就像我們之前説過的，您不希望所有的東西看起來都一樣重要。如果是這樣的話，您的觀眾將很難消化您的內容。相反，要創造出不同層次的重要性，強調您的構圖的整體結構。一個一般的經驗法則是: 規模越大，重要性越大。一旦一個基本的層次結構通過大小和間隔來實現，您就可以為混合新增顏色，從而幫助強調某些元素。通過逆向工作，從顏色開始，您將會使您的工作變得不必要的困難，或者至少是不那麼有效。
（The Reddit index page）
上圖中 Reddit 索引頁面的截圖也許不是精心設計的最佳設計範例，尤其是在建立清晰和強大的層級結構的意義上。我認為，Reddit 是其中一個案例：網站的成功和設計並沒有緊密聯絡。我的意思是，它是凌亂的，但它不需要太多的東西來建立一個更清晰的視覺層次。
下圖中，我喜歡 GitHub 上的探索頁面如何處理排版，以建立一個微妙而清晰的層級結構。對眼睛進行掃描和跟蹤是很容易的。顏色也可以用來建立視覺錨，同樣適用於他們的搜索結果。
（The Explore page at GitHub）
顏色、形狀、空白、大小和排列組合在一起，形成一個穩固的層次結構。一個清晰的 WordPress 外貿獨立站網站建設層次結構可以快速地將好的和平庸的設計方案區分開來。