作為 WooCommerce 獨立站網頁設計師我們知道如何利用圖片大小來使我們的設計佈局更和諧、更明確。在這方面, 本文將為大家分享在設計中一些看不見的力量。我們將瞭解如何微妙使用 “白色空間” 或 “負空間”，來使您的設計有效地與觀者溝通。
您的 “資料/墨水” 比率
越謹慎使用空格, 您的 “資料/墨水比” 就越高。多少資訊的函式是被每一滴墨水或轉達了移動和網路設計的每一個畫素。左邊比右邊有一個更高的資料/墨水。圖真的需要填寫 “墨水” 嗎? 不, 它是很好溝通點和線。我們學習了關於元素的對齊方式意味著這些元素之間的關係。同樣重要的, 是如何關閉這些元素。
這只是一個簡單的正方形網格, 像瓷磚地板上。但是如果您創造更廣泛的水平間距垂直行廣場, 現在您有一系列的列。所以, 當資料在上面的圖中有劇烈的變化, 心裡可能想要連線的點錯了順序, 僅僅因為一個點接近另一個。
使用空白的清潔佈局
設計師傾向於使用網格佈局來幫助組織資訊，網格幫助對齊元素，這是一個基本的佈局, 設計在一個網格。左邊是您的導航, 和更大的區域主要內容。這種佈局是不錯, 但是注意, 導航和之間的空白列之間的空白文字主要內容區域內都是相同的。現在有一個更清晰的描述之間的導航和主要內容, 以及所有我們要做的就是新增一個空格。
使用空白的清潔排版
在前一篇文章中, 我們學到了如何分級的眾多因素之一, 可用於建立排版的層次結構。空白可以幫助組織您的排版。例如, 看看這頭, 後設資料和內文。他們彼此和諧的大小關係, 由於這樣的事實, 他們的大小是選擇從不同的規模, 但是, 他們看起來很邋遢! 問題是, 這些元素之間的負空間還沒有考慮。
透過思考如何塑造您的佈局和空白、您的設計看起來更清潔和更清晰, 更可用, 並將更好。在 WordPress 外貿獨立站網站建設中運用以上兩條就可以幫您完成一個很好的 WooCommerce 獨立站網頁設計。