構圖攻略之上下構圖

構圖是在有限的空間內把文字、色彩、圖形等元素結合起來構成畫麵，使作品不僅具有美感，還能清晰表達設計者的目的。不同構圖能使畫麵產生不同的視覺變化，進而給觀者帶來不同的心理感受。同的心理感受。本期分享的是上下構圖的使用方法，此構圖形式具有良好的視覺效果，也比較容易掌握，是非常實用的構圖方式。

 

什麼是上下構圖？

上下構圖形式是將版麵分割為上下兩部分，或讓畫麵中的元素整體呈現出上下的分布趨勢，主空間承載視覺點，次空間承載閱讀信息，呈現的視覺效果平衡而穩定。

最典型的上下構圖由“上圖下字”或者“上字下圖”兩部分構成，圖片及文字各占據一部分，互不幹預，能清晰明了的傳達出版麵的信息。

主空間還經常使用圖形化的標題文字充當畫麵主體，可以很好解決畫麵缺少圖片層級的問題。

上下構圖空間劃分比較固定，為了得到豐富的視覺效果和良好的設計感，需要通過精心設計的編排來豐富版麵的視覺效果。比如文字的橫豎排版，元素之間的對比、點線麵的運用、巧妙的留白等。

 

構圖比例

進行上下構圖設計時，可以根據版麵內容的信息體量劃分畫麵的空間，常用的版麵分割比例有：1:1、1:1.618、1:1.414、1:2、1:3等。在設計時也可以反複進行調整，直到找到最為合適的構圖比例。

1:1分割

把畫麵平分為上下兩部分，形成對稱均衡的分割構成。

1:1分割比例構成方式，

多用於版麵中兩部分內容處於並列或對立的關係。

黃金分割

“黃金分割比例（1:1.618）”被認為是最具美感的分割比例，具有嚴謹的藝術性、和諧性，蘊藏著豐富的美學價值。

在設計中有意識地運用黃金分割比例進行設計，

可以營造出富有美感的版式效果。

白銀分割

“白銀分割比例（1:1.414）”是日本率先采用的一種分割比例，目前廣泛運用在版式設計的布局中。

與黃金分割相比，白銀分割次空間占據的比例更大一些，能夠承載的信息量也更多。

2:1分割

采用2:1的比例，圖片主體在畫麵中占據主導地位，視覺焦點更清晰。

主要的信息（標題）常融入圖片中放在主空間成為畫麵主體，閱讀性文字則放在次空間。

3:1分割

3:1分割的比例與2:1比例相似，但圖片在畫麵中占據主導地位更強，主空間承載視覺點，次空間承載閱讀信息。

通過比例，可以讓版麵分割更嚴謹。但沒有那個比例關係絕對正確，需要根據畫麵的項目調性、信息體量、信息功能與圖文主體而定。如使用其它比例分割的優秀案例：

給大家提供一個工具，可在線計算黃金比例、白銀比例、鉑金比例、青銅比例等。可在百度搜索關鍵詞“黃金比在線計算工具”。

（https://www.shejidaren.com/examples/tools/golden-ratio/index.html）

 

空間調整

把圖文按比例分別編排在版麵上下方，是比較嚴謹規範的構圖方式，但是為了避免版麵的呆板，可以通過調整版麵空間變換出多種編排形式。如以下幾個案例：

縮小圖片和文字空間，使留白處形成外空間，增加層次感。

在背景（繪畫作品）上重新劃出新的空間，形成內外空間對比，既豐富了畫麵層次，又讓版麵變得生動有趣。

通過圖片文字的錯位排版和負空間的巧妙留白，讓原本呆板的上下構圖變得靈活多變，充滿個性。

讓圖片位置重心偏移，打破均衡穩定的構圖形式。標題的破圖處理，也增加了版麵的靈活性與豐富性。         

在上方空間上劃分出新的空間，這樣的手法可以很好讓空間具有多變性，也可以讓我們的設計更加靈動。

 

靈活運用

上下構圖的框架看似比較固定，但是也能通過設計手法，變換出多種編排形式，巧妙破除上下分割的單一性與呆板感。

曲線分割

把生硬的直線改為呈現出動態的曲線或斜線進行畫麵的分割，版麵顯得更生動活潑。

圖片裁切

把方形圖片裁切為其他形狀，使上下構圖沒有明顯的分割線，也可以呈現出良好的視覺效果。

文字破圖

使用文字串聯起上下兩個空間，

破除上下構圖版麵的單一性。

元素串聯

利用圖形、色塊等元素串聯空間，讓主次空間建立起聯係，具有豐富的視覺效果和良好的設計感。

圖片退底

把圖片主體進行退底處理，重新營造場景，

弱化空間的分區。

空間留白

使用留白破除兩個空間的間隙，拉開畫麵的空間感，

具有良好的視覺效果。

總結

 

1.上下構圖是將版麵分割為上下兩部分，或讓畫麵中的元素整體呈現出上下的分布趨勢，主空間承載視覺點，次空間承載閱讀信息，呈現的視覺效果平衡而穩定，是非常實用的構圖方式;

2.進行上下構圖設計時，可以根據版麵內容的信息體量劃分畫麵的空間，常用的版麵分割比例有：1:1、1:1.618、1:1.414、1:2、1:3等;

3.為了避免版麵的呆板，可以通過調整版麵空間變換出多種編排形式;

4.可以通過曲線分割、圖片裁切、文字破圖、元素串聯、圖片退底、空間留白等手法，變換出多種編排形式，巧妙破除上下分割的單一性與呆板感。

 

原文地址：藝海拾貝Design

作者：鄧海貝