強調重點
平衡和簡單的佈局通常比過於複雜的佈局更舒適。另一方面,您必須要小心,不要一直使用規範的手法而使您的版面看起來很枯燥無聊。例如,為了強調,您可以透過合併多個列來脫離網格或突出某些設計元素。這可以建立視覺化的興趣視點,並在您的主要設計元素中建立更好的層次結構。
從網格系統中跳出來建立重點,可以透過突出關鍵部分來極大地改進您的設計,或者讓它看起來真的很傻。 Wallpaper 網站在突破四欄的時候做得很好,並著重強調了他們想讓您看的影片區域。
但是您要小心,打破您的網格的節奏往往會導致一個看起來很壞或者過分強調太多部分的佈局,這樣就不會起到真正的強調作用。
(Etsy 網站)
(Wallpaper 網站)
控制界限
WordPress 外貿獨立站網站建設中一個常出現的問題是何時在設計中使用網格系統?答案是:永遠! 使用網格系統總是一個好的決定,因為它們有助於平衡、層次結構、整齊性和一致性。
總有這樣一種觀點,即網格系統限制了您的工作。但這是一件好事,因為網格系統實際上可以促進您的創造力,並以建設性的方式引導您的決定。這樣的限制對您的工作來說是一個很好的起點。所以當您有一個限制框架,比如您的客戶給您的廣告的尺寸,您就有一個起點來圍繞它建立您的設計。網格的大小可以讓您注意到這些限制因素。
在下圖的例子中,從華爾街日報網站介面, 您可以看到一個標記為綠色廣告的區域,網格系統所產生的限制效果導致設計決策與維度構建的內容在這一區域生成。
(The Wall Street Journal 網站)
心智地圖
如果您設計的網頁很成功了,您的網格系統還將幫助您建立一個您的網站頁面獨特的心智模型。這也意味著您的頁面的結構不應該完全不同,一個有共同特性的主頁面應該是您的計劃的一部分,調整到每個頁面時保持風格、佈局、規範和主頁面一致也應該是您的計劃的一部分。
讓我們再來透過幾個頁面看看 Etsy 是如何成功解決這個問題的。只有這一次,讓我們關注它們的網格系統如何支援不同的內容需求,以及如何將它們從頁面到頁面進行組合並定製統一規範。在我看來,他們在保持某種一致性方面做得很好,這種一致性創造了一個統一的印象,把頁面整齊地統一起來。因此,他們能透過內容引導多使用者,多使用者知道該期待什麼。他們的心智地圖是健全的,沒有任何意外,會破壞多使用者在瀏覽整個網站時的多使用者體驗。
Etsy 的設計師為網站的所有頁面創造了一個共同的風格調性,頁面看起來很優雅、簡潔、統一,因為他們知道如何靈活運用網格系統進行設計工作。
(Etsy 網站)
(Etsy 網站,www.etsy.com)
(Etsy 網站)
結語
總的來說,WordPress 外貿獨立站網站建設中系統靈活運用網格系統設計網站的內容是使內容主題脫穎而出的關鍵。沒有什麼比一致的網格線更有效地將各種形式的內容緊密聯絡在一起了。建立一套強大的引導線進行佈局設計,多使用者可以跟隨它的方向,引導多使用者的眼睛和動作,就像無形的視覺錨。這通常會導致更牢固的關係,將您的設計工作聯結在一起併產生凝聚力。保持簡潔高效! 您的設計工作將更容易維護和建立。