WordPress 外貿獨立站網站建設中總會遵循一些基本的設計原則,不論您是經驗豐富的行業大牛或是剛進入 WooCommerce 獨立站網頁設計領域的新手,鞏固容易忽略的設計原則將會極大地改善您設計工作的質量。那今天小編也就來分享關於 WordPress 外貿獨立站網站建設的一些重要原則總結的第五部分。
留白
到底什麼是留白?留白是元素之間沒有標記的、負的或空白的空間。它有效地將內容框架化。巨集觀的留白是您設計中最主要的部分,它會產生更加明顯的效果。另一方面,微觀的留白則是一種微小的細節,就像印刷元素間的所有空間一樣。
下圖中,留白的完美運用創造出了一種關於新產品的強烈而優雅的強調。這裡有一些原則成功地運用到設計工作中,但是留白髮揮了最大的作用,使這個設計工作變得很好。
(Samsung Gear360 產品網站)
看一下下面的例子。當我們研究用於在 Foundersuite 網站中建立空白區域的大小時,我們會看到使用的度量值相互作用。這些常見的測量方法創造了活躍的白色空間,有意地引導注意力。
(Foundersuite 網站留白空間標註)
WordPress 外貿獨立站網站建設中有效的留白是一個模糊的描述,但是當留白顯示與它周圍的元素的關係時,我們必須使用它。有效留白有助於強調內容的組成或結構,因此對層次結構的影響是積極的。少量的留白並不是那麼具有區分性,但同樣重要,因為它可以創造出少量的呼吸空間。然而,過多的不活躍的空白空間,缺乏與周圍環境的關係,會讓您的工作看起來不顧他人感受的,甚至是混亂的。
下圖是優秀的留白案例在 ionic.io 上的應用。案例中有一種大小的關係,同時巨集觀和微觀的留白空間在一起處理得也很好。
(ionic.io 網站)
每天當您閱讀文章時,您會看到留白的有效應用,而不去考慮它。單詞、句子和段落之間的空間都是留白,留白有助於我們直觀地理解所寫的文字的含義。留白引導我們的眼睛透過內容,並給我們提示,讓我們有效地在文字中移動。無論是巨集觀還是微觀的空間都給了眼睛一個休息的機會,並支援整體的平衡。
請記住,我們的目標是在空間上實現差異化。這樣我們就可以透過減少其他元素來創造區別。如果您最喜歡的 WooCommerce 獨立站網頁設計介面很簡潔好看,那麼留白有意識的應用很可能是它的主要組成部分。沒有什麼比適當的應用留白更能充分表現出畫面的優雅和複雜了。
平衡
平衡就是保持畫面的視覺重量,光學平衡。我們本能地喜歡看那些在垂直軸上平衡的東西,這是雙筒視覺的一部分。在垂直軸上的平衡是遵循非常正式和有序的安全模式。如果您能巧妙地打破這種平衡,創造一點緊張或驚喜,也許是為了突出構圖的某些方面,您的設計可能會顯得更有活力,更有趣。
The Blockhead adapter 的網站是個很好的例子,說明他們如何巧妙地應用平衡設計。下圖中,右邊的影像和相應的文字達到了一個很好的光學平衡。在此,平衡、層次、留白和強調都有很好的應用。
(The Blockhead adapter 網站)
WordPress 外貿獨立站網站建設對稱的平衡並不難達到,而且是一種安全的製作視覺吸引力的方法。不對稱的方法不太嚴謹或穩定,但希望有更多的工藝可以成功地完成。為了不對稱的平衡,我們需要把不同的非映象部分保持在一個被感知到的平衡中。
當您運用視覺平衡的時候,所有的設計工具都是您可以使用的: 大小,顏色,位置,形狀,重複,紋理,它們都能單獨影響感知到的重量並且相互間影響。
下圖中,Dropbox 的登陸頁面在所有地方都很好地利用了視覺平衡。您可以看到圖片和文字達到了一個完美的不對稱平衡,特別是在它們周圍的其他部分。不要讓我開始講他們是如何使用跨越螢幕的錦鯉魚來暗示反應能力和多裝置操作能力的。多麼傑出的構思啊!
(Dropbox 網站登陸頁面)