如何掌握上下構(gòu)圖的排版技巧
發(fā)布時間:2021-12-25 08:39 [ 我要自學(xué)網(wǎng)原創(chuàng) ] 發(fā)布人: 小劉2175 閱讀: 4154

構(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)圖由「上圖下字」或者「上字下圖」兩部分構(gòu)成,圖片及文字各占據(jù)一部分,互不干預(yù),能清晰明了的傳達出版面的信息。

用超多案例,幫你掌握「上下構(gòu)圖」的排版技巧

主空間還經(jīng)常使用圖形化的標(biāo)題文字充當(dāng)畫面主體,可以很好解決畫面缺少圖片層級的問題。

用超多案例,幫你掌握「上下構(gòu)圖」的排版技巧

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

用超多案例,幫你掌握「上下構(gòu)圖」的排版技巧

構(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)圖比例。

1. 1:1分割

把畫面平分為上下兩部分,形成對稱均衡的分割構(gòu)成。

用超多案例,幫你掌握「上下構(gòu)圖」的排版技巧

1:1分割比例構(gòu)成方式,多用于版面中兩部分內(nèi)容處于并列或?qū)α⒌年P(guān)系。

用超多案例,幫你掌握「上下構(gòu)圖」的排版技巧

2. 黃金分割

「黃金分割比例(1:1.618)」被認(rèn)為是最具美感的分割比例,具有嚴(yán)謹(jǐn)?shù)乃囆g(shù)性、和諧性,蘊藏著豐富的美學(xué)價值。

用超多案例,幫你掌握「上下構(gòu)圖」的排版技巧

在設(shè)計中有意識地運用黃金分割比例進行設(shè)計,可以營造出富有美感的版式效果。

用超多案例,幫你掌握「上下構(gòu)圖」的排版技巧

3. 白銀分割

「白銀分割比例(1:1.414)」是日本率先采用的一種分割比例,目前廣泛運用在版式設(shè)計的布局中。

用超多案例,幫你掌握「上下構(gòu)圖」的排版技巧

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

用超多案例,幫你掌握「上下構(gòu)圖」的排版技巧

4. 2:1分割

采用2:1的比例,圖片主體在畫面中占據(jù)主導(dǎo)地位,視覺焦點更清晰。

用超多案例,幫你掌握「上下構(gòu)圖」的排版技巧

主要的信息(標(biāo)題)常融入圖片中放在主空間成為畫面主體,閱讀性文字則放在次空間。

用超多案例,幫你掌握「上下構(gòu)圖」的排版技巧

5. 3:1分割

3:1分割的比例與2:1比例相似,但圖片在畫面中占據(jù)主導(dǎo)地位更強,主空間承載視覺點,次空間承載閱讀信息。

用超多案例,幫你掌握「上下構(gòu)圖」的排版技巧

用超多案例,幫你掌握「上下構(gòu)圖」的排版技巧

通過比例,可以讓版面分割更嚴(yán)謹(jǐn)。但沒有那個比例關(guān)系絕對正確,需要根據(jù)畫面的項目調(diào)性、信息體量、信息功能與圖文主體而定。如使用其它比例分割的優(yōu)秀案例:

用超多案例,幫你掌握「上下構(gòu)圖」的排版技巧


空間調(diào)整


把圖文按比例分別編排在版面上下方,是比較嚴(yán)謹(jǐn)規(guī)范的構(gòu)圖方式,但是為了避免版面的呆板,可以通過調(diào)整版面空間變換出多種編排形式。如以下幾個案例:

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

用超多案例,幫你掌握「上下構(gòu)圖」的排版技巧

在背景(繪畫作品)上重新劃出新的空間,形成內(nèi)外空間對比,既豐富了畫面層次,又讓版面變得生動有趣。

用超多案例,幫你掌握「上下構(gòu)圖」的排版技巧

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

用超多案例,幫你掌握「上下構(gòu)圖」的排版技巧

讓圖片位置重心偏移,打破均衡穩(wěn)定的構(gòu)圖形式。標(biāo)題的破圖處理,也增加了版面的靈活性與豐富性。

用超多案例,幫你掌握「上下構(gòu)圖」的排版技巧

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

用超多案例,幫你掌握「上下構(gòu)圖」的排版技巧


靈活運用


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

1. 曲線分割

把生硬的直線改為呈現(xiàn)出動態(tài)的曲線或斜線進行畫面的分割,版面顯得更生動活潑。

用超多案例,幫你掌握「上下構(gòu)圖」的排版技巧

用超多案例,幫你掌握「上下構(gòu)圖」的排版技巧

2. 圖片裁切

把方形圖片裁切為其他形狀,使上下構(gòu)圖沒有明顯的分割線,也可以呈現(xiàn)出良好的視覺效果。

用超多案例,幫你掌握「上下構(gòu)圖」的排版技巧

3. 文字破圖

使用文字串聯(lián)起上下兩個空間,破除上下構(gòu)圖版面的單一性。

用超多案例,幫你掌握「上下構(gòu)圖」的排版技巧

4. 元素串聯(lián)

利用圖形、色塊等元素串聯(lián)空間,讓主次空間建立起聯(lián)系,具有豐富的視覺效果和良好的設(shè)計感。

用超多案例,幫你掌握「上下構(gòu)圖」的排版技巧

用超多案例,幫你掌握「上下構(gòu)圖」的排版技巧

5. 圖片退底

把圖片主體進行退底處理,重新營造場景,弱化空間的分區(qū)。

用超多案例,幫你掌握「上下構(gòu)圖」的排版技巧

用超多案例,幫你掌握「上下構(gòu)圖」的排版技巧

用超多案例,幫你掌握「上下構(gòu)圖」的排版技巧

6. 空間留白

使用留白破除兩個空間的間隙,拉開畫面的空間感,具有良好的視覺效果。

用超多案例,幫你掌握「上下構(gòu)圖」的排版技巧

用超多案例,幫你掌握「上下構(gòu)圖」的排版技巧

用超多案例,幫你掌握「上下構(gòu)圖」的排版技巧

總結(jié)


  • 上下構(gòu)圖是將版面分割為上下兩部分,或讓畫面中的元素整體呈現(xiàn)出上下的分布趨勢,主空間承載視覺點,次空間承載閱讀信息,呈現(xiàn)的視覺效果平衡而穩(wěn)定,是非常實用的構(gòu)圖方式;
  • 進行上下構(gòu)圖設(shè)計時,可以根據(jù)版面內(nèi)容的信息體量劃分畫面的空間,常用的版面分割比例有:1:1、1:1.618、1:1.414、1:2、1:3等;
  • 為了避免版面的呆板,可以通過調(diào)整版面空間變換出多種編排形式;
  • 可以通過曲線分割、圖片裁切、文字破圖、元素串聯(lián)、圖片退底、空間留白等手法,變換出多種編排形式,巧妙破除上下分割的單一性與呆板感。
PhotoshopCC2020視頻教程
我要自學(xué)網(wǎng)商城 ¥120 元
進入購買
文章評論
0 條評論 按熱度排序 按時間排序 /350
添加表情
遵守中華人民共和國的各項道德法規(guī),
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任,
本站有權(quán)保留或刪除有爭議評論。
參與本評論即表明您已經(jīng)閱讀并接受
上述條款。
V
特惠充值
聯(lián)系客服
APP下載
官方微信
返回頂部
分類選擇:
電腦辦公 平面設(shè)計 室內(nèi)設(shè)計 室外設(shè)計 機械設(shè)計 工業(yè)自動化 影視動畫 程序開發(fā) 網(wǎng)頁設(shè)計 會計課程 興趣成長 AIGC