實用設計攻略:“上下構圖”竟然有這么多秘密!

轉載2020-08-26舉報17164

實用設計攻略:“上下構圖”竟然有這么多秘密!

掃描,分享朋友圈

實用設計攻略:“上下構圖”竟然有這么多秘密!

作者:鄧海貝,來源:藝海拾貝Design
原標題:“上下構圖”竟然有這么多秘密!

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


一、什么是上下構圖

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

實用設計攻略:“上下構圖”竟然有這么多秘密!

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

實用設計攻略:“上下構圖”竟然有這么多秘密!

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

實用設計攻略:“上下構圖”竟然有這么多秘密!

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

實用設計攻略:“上下構圖”竟然有這么多秘密!


二、構圖比例

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

01 1:1分割

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

1:1分割比例構成方式,多用于版面中兩部分內容處于并列或對立的關系。

實用設計攻略:“上下構圖”竟然有這么多秘密!

02 黃金分割

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

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

實用設計攻略:“上下構圖”竟然有這么多秘密!

03 白銀分割

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

實用設計攻略:“上下構圖”竟然有這么多秘密!

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

實用設計攻略:“上下構圖”竟然有這么多秘密!

04 2:1分割

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

實用設計攻略:“上下構圖”竟然有這么多秘密!

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

實用設計攻略:“上下構圖”竟然有這么多秘密!

05 3:1分割

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

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

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


二、空間調整

把圖文按比例分別編排在版面上下方,是比較嚴謹規范的構圖方式,但是為了避免版面的呆板,可以通過調整版面空間變換出多種編排形式。如以下幾個案例:縮小圖片和文字空間,使留白處形成外空間,增加層次感。

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

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

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

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


三、靈活運用

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

01 曲線分割

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

02 圖片裁切

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

03 文字破圖

使用文字串聯起上下兩個空間,破除上下構圖版面的單一性。

04 元素串聯

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

05 圖片退底

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

06 空間留白

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


總結

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

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

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

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


作者公眾號:藝海拾貝Design(ID:YHSBds)
藝海拾貝design.png

本文系作者授權數英發表,內容為作者獨立觀點,不代表數英立場。
轉載請在文章開頭和結尾顯眼處標注:作者、出處和鏈接。不按規范轉載侵權必究。
本文系作者授權數英發表,內容為作者獨立觀點,不代表數英立場。
未經授權嚴禁轉載,授權事宜請聯系作者本人,侵權必究。
本內容為作者獨立觀點,不代表數英立場。
本文禁止轉載,侵權必究。
本文系數英原創,未經允許不得轉載。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權,侵權必究。

實用設計攻略:“上下構圖”竟然有這么多秘密!

掃描,分享朋友圈

    mg老虎机游戏娱乐网站 浙江20选五5官网 东营股票配资公司 比较赚钱的行业 十一选五复式怎么买 燕赵福彩排列七走势图 加拿大快乐8网站 安徽快3预测一定牛遗漏 广东11选5胆拖中奖规则及奖金 福彩快乐12开奖查询 广东36选7中奖规则图片 时时彩有软件手机软件 上证指数行情数今日行情 安徽11选5一定牛开奖结果 正规的官方网络赚钱 安徽快三手机软件 吉林快3开奖预测号码