WooCommerce 獨立站網頁設計中要建立視覺層次，才能讓網站有一個明晰的脈絡。重要的是要記住，層次結構與您的網站內容有關。在您的設計中，影像（包括照片或圖示）、按鈕和任何其他視覺元素，對您的網站的層次結構和感知有很大的影響。當您設計一個網站的影像，它在很大程度上有助於網站基調的確立。
建立一個良好的視覺層次結構涉及到如何使用這些視覺元素，以提高多用户的經驗。意象也是另一種形式的講故事，可以幫助我們向我們的多用户解釋他們應該去哪裏，他們應該做什麼。影像是一個真正的向多用户講故事的視覺方式。使用視覺元素，如影像和圖示，也有助於創造更多的視覺上令人興奮的方式來吸引多用户的注意力，從而讓您突出網站中想強調的關鍵領域。專有 WordPress 外貿獨立站網站建設、 WordPress 站羣網站優化、 logo 設計、品牌設計、印刷等產品服務，請諮詢跨飛獨立站。
不要使用影像作為文字的替換
不要以為您的形象很容易理解。建議您的影像有一個標題或子標題，以幫助多用户瞭解您的故事，並使影像和文字之間連線起來。
使用庫存照片或自定義照片？
就我個人而言，我一直認為，攝影圖片可以看起來很普通，就是説，民俗攝影也可以使用。自定義攝影，特別是當使用專用攝影師的作品時，它可以對您的 WooCommerce 獨立站網頁設計起到一個閃亮的效果，您需要新增一些視覺對比度。
需要考慮的是您使用的影像的大小。在可能的情況下，儘量保持您的影像不要過大。這有助於保持內容的流暢。也要注意，您使用的影像和視覺元素的實際大小將影響內容讀取的方式。您當然也可以打破規則，較大的影像，您隨時使用它們，並新增視覺興趣的頁面。
現在您應該知道網站層次結構方面的小技巧，無論是關於內容或視覺上。