世間萬物都有其定律,同樣在 WooCommerce 獨立站網頁設計中也需要遵循很多設計原則。通過這篇文章告訴您 WordPress 外貿獨立站網站建設中的頁面佈局有哪些原則。
軸是最基本和最常見的組織原則。簡單的説, 在設計中,軸是一個假想線, 用來組織一組元素。在圖中, 軸是表示為虛線。
對齊
主要用於軸對齊元素。當元素排列繞軸,設計有序的感覺。與生活中的大多數事情一樣, 我們喜歡那些命令, 因為他們覺得更穩定, 舒適、平易近人。
軸是專輯列表的一個簡單的例子在 iTunes 應用。這種設計, 垂直軸整齊的專輯封面一致在屏幕的左邊。
強化
儘管軸是一個假想的線, 您可以讓它更明顯的邊緣周圍的元素是定義良好的。這個概念在建築的一個常見的例子是一個城市街道的野花。強化了城市街道是一個軸, 兩邊的建築。如果街上的一部分丟失了一個, 街上的軸不會感覺那麼強。 WooCommerce 獨立站網頁設計也是同樣的道理,在頁面佈局中要強化主題,無論用顏色、字型還是圖片等方式一定要把網站主題放在最中間最明顯的位置。
一個這樣的例子在產品設計的時間表在 Twitter 應用。在這個設計中, 垂直軸幫助定義一個部分頭像左邊和右邊部分為微博內容。
運動
當我們遇到一些線性的, 比如一個軸, 我們自然會沿直線方向。如果我們到大街上, 走在街上。如果我們開啓電梯走廊很長一段時間了, 我們走在走廊。行提示運動和互動。運動的方向取決於終點。一個終點定義訊號啓動或停止的地方。
軸, 鼓勵運動是一夜的音樂洗滌器應用。在這個設計, 您認識到洗滌器左右軸, 自然向右滑動洗滌器, 直到歌曲結束。
連續
如果未定義的終點, 您會感興趣的軸, 直到您達到或厭倦了與軸進行互動。在一個未定義的終點的概念架構是不常見的, 因為它是困難的對於一些建築永遠膨脹下去, 變得越來越流行在產品設計與無限的卷軸。
在這個設計, 屏幕的頂部的垂直軸開始然後繼續向下沒有終點。這鼓勵您向下滾動頁面, 只要您感興趣檢視別的頁面。