實用設(shè)計攻略：“上下構(gòu)圖”竟然有這么多秘密！
作者：鄧海貝，來源：藝海拾貝Design
原標題：“上下構(gòu)圖”竟然有這么多秘密！
構(gòu)圖是在有限的空間內(nèi)把文字、色彩、圖形等元素結(jié)合起來構(gòu)成畫面，使作品不僅具有美感，還能清晰表達設(shè)計者的目的。不同構(gòu)圖能使畫面產(chǎn)生不同的視覺變化，進而給觀者帶來不同的心理感受。同的心理感受。本期分享的是上下構(gòu)圖的使用方法，此構(gòu)圖形式具有良好的視覺效果，也比較容易掌握，是非常實用的構(gòu)圖方式。
一、什么是上下構(gòu)圖
上下構(gòu)圖形式是將版面分割為上下兩部分，或讓畫面中的元素整體呈現(xiàn)出上下的分布趨勢，主空間承載視覺點，次空間承載閱讀信息，呈現(xiàn)的視覺效果平衡而穩(wěn)定。
最典型的上下構(gòu)圖由“上圖下字”或者“上字下圖”兩部分構(gòu)成，圖片及文字各占據(jù)一部分，互不干預(yù)，能清晰明了的傳達出版面的信息。
主空間還經(jīng)常使用圖形化的標題文字充當畫面主體，可以很好解決畫面缺少圖片層級的問題。
上下構(gòu)圖空間劃分比較固定，為了得到豐富的視覺效果和良好的設(shè)計感，需要通過精心設(shè)計的編排來豐富版面的視覺效果。比如文字的橫豎排版，元素之間的對比、點線面的運用、巧妙的留白等。
二、構(gòu)圖比例
進行上下構(gòu)圖設(shè)計時，可以根據(jù)版面內(nèi)容的信息體量劃分畫面的空間，常用的版面分割比例有：1:1、1:1.618、1:1.414、1:2、1:3等。在設(shè)計時也可以反復(fù)進行調(diào)整，直到找到最為合適的構(gòu)圖比例。
01 1:1分割
把畫面平分為上下兩部分，形成對稱均衡的分割構(gòu)成。
1:1分割比例構(gòu)成方式，多用于版面中兩部分內(nèi)容處于并列或?qū)α⒌年P(guān)系。
02 黃金分割
“黃金分割比例（1:1.618）”被認為是最具美感的分割比例，具有嚴謹?shù)乃囆g(shù)性、和諧性，蘊藏著豐富的美學(xué)價值。
在設(shè)計中有意識地運用黃金分割比例進行設(shè)計，可以營造出富有美感的版式效果。
03 白銀分割
“白銀分割比例（1:1.414）”是日本率先采用的一種分割比例，目前廣泛運用在版式設(shè)計的布局中。
與黃金分割相比，白銀分割次空間占據(jù)的比例更大一些，能夠承載的信息量也更多。
04 2:1分割
采用2:1的比例，圖片主體在畫面中占據(jù)主導(dǎo)地位，視覺焦點更清晰。
主要的信息（標題）常融入圖片中放在主空間成為畫面主體，閱讀性文字則放在次空間。
05 3:1分割
3:1分割的比例與2:1比例相似，但圖片在畫面中占據(jù)主導(dǎo)地位更強，主空間承載視覺點，次空間承載閱讀信息。
通過比例，可以讓版面分割更嚴謹。但沒有那個比例關(guān)系絕對正確，需要根據(jù)畫面的項目調(diào)性、信息體量、信息功能與圖文主體而定。如使用其它比例分割的優(yōu)秀案例：
給大家提供一個工具，可在線計算黃金比例、白銀比例、鉑金比例、青銅比例等?？稍诎俣人阉麝P(guān)鍵詞“黃金比在線計算工具”。
二、空間調(diào)整
把圖文按比例分別編排在版面上下方，是比較嚴謹規(guī)范的構(gòu)圖方式，但是為了避免版面的呆板，可以通過調(diào)整版面空間變換出多種編排形式。如以下幾個案例：縮小圖片和文字空間，使留白處形成外空間，增加層次感。
在背景（繪畫作品）上重新劃出新的空間，形成內(nèi)外空間對比，既豐富了畫面層次，又讓版面變得生動有趣。
通過圖片文字的錯位排版和負空間的巧妙留白，讓原本呆板的上下構(gòu)圖變得靈活多變，充滿個性。
讓圖片位置重心偏移，打破均衡穩(wěn)定的構(gòu)圖形式。標題的破圖處理，也增加了版面的靈活性與豐富性。
在上方空間上劃分出新的空間，這樣的手法可以很好讓空間具有多變性，也可以讓我們的設(shè)計更加靈動。
三、靈活運用
上下構(gòu)圖的框架看似比較固定，但是也能通過設(shè)計手法，變換出多種編排形式，巧妙破除上下分割的單一性與呆板感。
01 曲線分割
把生硬的直線改為呈現(xiàn)出動態(tài)的曲線或斜線進行畫面的分割，版面顯得更生動活潑。
02 圖片裁切
把方形圖片裁切為其他形狀，使上下構(gòu)圖沒有明顯的分割線，也可以呈現(xiàn)出良好的視覺效果。
03 文字破圖
使用文字串聯(lián)起上下兩個空間，破除上下構(gòu)圖版面的單一性。
04 元素串聯(lián)
利用圖形、色塊等元素串聯(lián)空間，讓主次空間建立起聯(lián)系，具有豐富的視覺效果和良好的設(shè)計感。
05 圖片退底
把圖片主體進行退底處理，重新營造場景，弱化空間的分區(qū)。
06 空間留白
使用留白破除兩個空間的間隙，拉開畫面的空間感，具有良好的視覺效果。
總結(jié)
1.上下構(gòu)圖是將版面分割為上下兩部分，或讓畫面中的元素整體呈現(xiàn)出上下的分布趨勢，主空間承載視覺點，次空間承載閱讀信息，呈現(xiàn)的視覺效果平衡而穩(wěn)定，是非常實用的構(gòu)圖方式;
2.進行上下構(gòu)圖設(shè)計時，可以根據(jù)版面內(nèi)容的信息體量劃分畫面的空間，常用的版面分割比例有：1:1、1:1.618、1:1.414、1:2、1:3等;
3.為了避免版面的呆板，可以通過調(diào)整版面空間變換出多種編排形式;
4.可以通過曲線分割、圖片裁切、文字破圖、元素串聯(lián)、圖片退底、空間留白等手法，變換出多種編排形式，巧妙破除上下分割的單一性與呆板感。
作者公眾號：藝海拾貝Design（ID：YHSBds）
轉(zhuǎn)載請在文章開頭和結(jié)尾顯眼處標注：作者、出處和鏈接。不按規(guī)范轉(zhuǎn)載侵權(quán)必究。
未經(jīng)授權(quán)嚴禁轉(zhuǎn)載，授權(quán)事宜請聯(lián)系作者本人，侵權(quán)必究。
本文禁止轉(zhuǎn)載，侵權(quán)必究。
授權(quán)事宜請至數(shù)英微信公眾號(ID: digitaling) 后臺授權(quán)，侵權(quán)必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）