平衡 - 設計的基本原則

設計中的平衡是設計元素的分佈。 平衡是設計中重力的視覺解釋。 大而密集的元素看起來較重,而較小的元素看起來較輕。 您可以通過三種方式平衡設計:

平衡在設計中的運用

在網頁設計中的平衡可以在佈局中找到。 頁面上元素的位置決定了頁面顯示的平衡程度。 在網頁設計中實現視覺平衡的一大挑戰是折疊。 您可以設計一個在初始視圖中完美平衡的佈局,但是當閱讀器滾動頁面時,它可能會失去平衡。

如何在Web設計中包含平衡

將平衡納入Web設計的最常見方式是佈局。 但是,您也可以使用float樣式屬性來定位元素並在頁面中平衡它們。 對稱平衡佈局的一種常見方法是將文本或其他元素居中放置在頁面上。

大多數網頁都是建立在網格系統上的 ,這就為頁面立即創造了一種平衡的形式。 即使沒有可見的線條,客戶也可以看到網格。 由於Web 形狀的方形性質,Web頁面非常適合網格設計。

對稱平衡

對稱平衡是通過在設計中以非常均勻的方式放置元素來實現的。 如果右側有一個大而重的元素,則左側會有一個匹配的重元素。 居中是獲得對稱平衡頁面的最簡單方法。 但要小心,因為創建看上去不平或無聊的居中設計可能很困難。 如果你想要一個對稱平衡的設計,最好用不同的元素來創建平衡 - 比如左邊的圖像和右邊的大塊重文本。

不對稱平衡

非對稱平衡頁面的設計可能更具挑戰性 - 因為它們沒有跨設計中心線匹配的元素。 例如,您可能會將一個較大的元素放置得非常靠近設計的中心線。 為了平衡它,你可能會有一個離中心線較遠的小元素。 如果你認為你的設計是蹺蹺板式或蹺蹺板式的,那麼較輕的元件可以通過遠離重心來平衡較重的元件。 您還可以使用顏色或紋理來平衡不對稱設計。

不一致或不平衡

有時候設計的目的會使得設計失衡或不和諧。 不平衡的設計表明動作和行動。 他們讓人感到不舒服或不安。 如果你的設計內容也是不舒服的或者讓人思考,那麼一個不協調的平衡設計可以很好地工作。