「構(gòu)圖」遠(yuǎn)不如跳躍率、圖版率等重要,且「構(gòu)圖」靈活多變,每個(gè)版面都可以延伸出多種構(gòu)圖

不同構(gòu)圖雖有氣質(zhì)上的差異,但對(duì)版面調(diào)性不會(huì)起到?jīng)Q定性影響~

咱先來(lái)瞧下問(wèn)題~

下面?zhèn)z版面,哪個(gè)更有正式、經(jīng)典的感覺(jué)?

構(gòu)圖沒(méi)靈感?試試這 8 種超好用的構(gòu)圖方法!

這必須是「不偏不倚 C」呀,不偏又不倚,就是居中,剛好就合適唄!

構(gòu)圖沒(méi)靈感?試試這 8 種超好用的構(gòu)圖方法!

居中構(gòu)圖作為最常規(guī)、最傳統(tǒng)的構(gòu)圖形式,具有雍容華貴,經(jīng)典、正式又有格調(diào)的氣質(zhì)。

構(gòu)圖沒(méi)靈感?試試這 8 種超好用的構(gòu)圖方法!

而「左右開弓 A」是對(duì)角線構(gòu)圖,設(shè)計(jì)感確實(shí)比居中構(gòu)圖強(qiáng),畢竟居中構(gòu)圖太常規(guī)啦。對(duì)角線構(gòu)圖有了變化,也就有了設(shè)計(jì)感~

但是設(shè)計(jì)感強(qiáng)了,正式和經(jīng)典的感覺(jué)就弱了。

構(gòu)圖沒(méi)靈感?試試這 8 種超好用的構(gòu)圖方法!

上面兩個(gè)雖然構(gòu)圖不同,但圖版率、留白等都是差不多的。所以除了經(jīng)典、正式的感覺(jué)不同,兩者都能夠傳達(dá)高端、昂貴的感覺(jué)。

那么,如果他們構(gòu)圖不變,又想讓他更高端、更精致,咱可以怎么做?

  • A. 增加圖版率,縮小留白
  • B. 減小圖版率,增加留白

若已習(xí)得前幾篇功法,自然是知道這題選「A」!留白大了,精致、高端、格調(diào)感就更強(qiáng)了:

構(gòu)圖沒(méi)靈感?試試這 8 種超好用的構(gòu)圖方法!

其他地方?jīng)]動(dòng),僅僅是把人物縮小了:

構(gòu)圖沒(méi)靈感?試試這 8 種超好用的構(gòu)圖方法!

居中構(gòu)圖也是一樣,只是把留白放大,給人的感覺(jué)就更精致、高端。

分割式構(gòu)圖

構(gòu)圖沒(méi)靈感?試試這 8 種超好用的構(gòu)圖方法!

分割式構(gòu)圖,就是一刀下去把版面斬成兩段,亦或是三段。簡(jiǎn)而言之,這種構(gòu)圖形式,就是把版面,水平或垂直的分割,一般包括 上下、上中下、左右 的構(gòu)圖結(jié)構(gòu)~

且看示范圖:

構(gòu)圖沒(méi)靈感?試試這 8 種超好用的構(gòu)圖方法!

1. 上下結(jié)構(gòu)

上下結(jié)構(gòu)也就是把版面分成上下兩塊,具體布局可以是上圖下字,或者上字下圖。

構(gòu)圖沒(méi)靈感?試試這 8 種超好用的構(gòu)圖方法!

「上圖下字」中的「圖」,不單指圖片喲!也可指代較大的標(biāo)題或元素,這種布局結(jié)構(gòu)最常規(guī),也就最不容易出錯(cuò)。

咱再來(lái)看一下上下結(jié)構(gòu)的例子:

構(gòu)圖沒(méi)靈感?試試這 8 種超好用的構(gòu)圖方法!

美術(shù)館展覽的這張海報(bào),便是上文下圖的結(jié)構(gòu),這種編排形式,很難出錯(cuò),當(dāng)然也很難出彩。

構(gòu)圖沒(méi)靈感?試試這 8 種超好用的構(gòu)圖方法!

這個(gè)海報(bào)是上圖下文的結(jié)構(gòu),但卻非常活潑~這是因?yàn)椋路叫畔⒕幣藕軅€(gè)性,跳躍的文字和曲線的加入,使這塊異常活潑~

2. 上中下結(jié)構(gòu)

上中下結(jié)構(gòu),就是把版面分成上中下三部分,相當(dāng)于上下結(jié)構(gòu)中間又插了一道信息區(qū)~

構(gòu)圖沒(méi)靈感?試試這 8 種超好用的構(gòu)圖方法!

簡(jiǎn)而言之,就是從上下兩塊信息區(qū),變成了上中下三塊信息區(qū)~

構(gòu)圖沒(méi)靈感?試試這 8 種超好用的構(gòu)圖方法!

這張海報(bào)便采用了上中下的結(jié)構(gòu),標(biāo)題放于中間信息區(qū),上下則為詳細(xì)閱讀的文字~

構(gòu)圖沒(méi)靈感?試試這 8 種超好用的構(gòu)圖方法!

也可以變成上下是圖,中間是文字信息的結(jié)構(gòu)。

3. 左右結(jié)構(gòu)

同上,也就是把版面分成左右兩部分,左圖右字,或者左字右圖。

構(gòu)圖沒(méi)靈感?試試這 8 種超好用的構(gòu)圖方法!

左右結(jié)構(gòu)也是比較常見(jiàn)的一種構(gòu)圖。

構(gòu)圖沒(méi)靈感?試試這 8 種超好用的構(gòu)圖方法!

這個(gè)海報(bào)左側(cè)是主標(biāo)題,右側(cè)是詳細(xì)信息,當(dāng)然是左右結(jié)構(gòu)咯

構(gòu)圖沒(méi)靈感?試試這 8 種超好用的構(gòu)圖方法!

留白也是面積喲,這個(gè)海報(bào),左邊是圖,右邊大面積的留白中加入文字,當(dāng)然也是左右結(jié)構(gòu)。

構(gòu)圖沒(méi)靈感?試試這 8 種超好用的構(gòu)圖方法!

海報(bào)文字信息居于左側(cè),雖然文字只占很小的一塊,右側(cè)大部分是插圖。但依然不妨礙它是左文右圖的左右結(jié)構(gòu)。

居中式構(gòu)圖

居中式構(gòu)圖,也就是版面整體布局以居中對(duì)齊為主,左右兩側(cè)基本對(duì)稱的結(jié)構(gòu)。

對(duì)稱式的布局結(jié)構(gòu),也屬于居中式構(gòu)圖的一種~

構(gòu)圖沒(méi)靈感?試試這 8 種超好用的構(gòu)圖方法!

居中式構(gòu)圖傳達(dá)的感覺(jué)比較經(jīng)典、正式。

構(gòu)圖沒(méi)靈感?試試這 8 種超好用的構(gòu)圖方法!

構(gòu)圖沒(méi)靈感?試試這 8 種超好用的構(gòu)圖方法!

居中構(gòu)圖,確實(shí)會(huì)有這么個(gè)經(jīng)典、傳統(tǒng)、高端的氣質(zhì)在里面。

也正因?yàn)榇耍芏嚯娪昂?bào)都采用居中式構(gòu)圖。

構(gòu)圖沒(méi)靈感?試試這 8 種超好用的構(gòu)圖方法!

雖然居中式構(gòu)圖具有傳統(tǒng)、經(jīng)典感覺(jué),但也不是絕對(duì)的,一切還要看其他幾個(gè)要素的設(shè)定,比如下面這個(gè)音樂(lè)會(huì)的海報(bào):

構(gòu)圖沒(méi)靈感?試試這 8 種超好用的構(gòu)圖方法!

雖然是居中式,左右對(duì)稱的結(jié)構(gòu),但是卻有一點(diǎn)活潑感,這是因?yàn)樗淖煮w非常有張力,版面率大,而留白又小造成的。

對(duì)角式構(gòu)圖

開篇案例中,咱也說(shuō)過(guò)了對(duì)角式構(gòu)圖~

構(gòu)圖沒(méi)靈感?試試這 8 種超好用的構(gòu)圖方法!

對(duì)角構(gòu)圖,畫面主要元素一般分布于對(duì)角,視覺(jué)流向是傾斜的。

構(gòu)圖沒(méi)靈感?試試這 8 種超好用的構(gòu)圖方法!

相對(duì)于居中構(gòu)圖的形式,對(duì)角式構(gòu)圖增加了不穩(wěn)定的變化,畢竟視覺(jué)流向從垂直,變成了斜線,所以具獨(dú)具一格的感覺(jué)。

構(gòu)圖沒(méi)靈感?試試這 8 種超好用的構(gòu)圖方法!

這個(gè)海報(bào),標(biāo)題與右下方圖案形成對(duì)角構(gòu)圖:

構(gòu)圖沒(méi)靈感?試試這 8 種超好用的構(gòu)圖方法!

這個(gè)則是從左上到右下的對(duì)角:

構(gòu)圖沒(méi)靈感?試試這 8 種超好用的構(gòu)圖方法!

我們可以看到,對(duì)角式構(gòu)圖的設(shè)計(jì)感,比居中式的強(qiáng)很多。這也是因?yàn)楦哂凶兓?/p>

四角式構(gòu)圖

構(gòu)圖沒(méi)靈感?試試這 8 種超好用的構(gòu)圖方法!

壓住四角式的構(gòu)圖形式,就是四角式構(gòu)圖,當(dāng)然,你叫他壓角式構(gòu)圖也可以。一般來(lái)講,四角式構(gòu)圖主要是用字把主體四角或版面四角壓住的形式,這種構(gòu)圖方式比較穩(wěn)定,傳達(dá)的氣質(zhì)在活潑與安靜之間。

構(gòu)圖沒(méi)靈感?試試這 8 種超好用的構(gòu)圖方法!

四角式構(gòu)圖給人感覺(jué)四平八穩(wěn),這種形式一般標(biāo)題比較大,所以親和力還是挺強(qiáng)的。

構(gòu)圖沒(méi)靈感?試試這 8 種超好用的構(gòu)圖方法!

像這個(gè)鶴的海報(bào),主體表現(xiàn)力很強(qiáng)。

雖然是壓角式構(gòu)圖,但正文/LOGO 部分在整個(gè)版面,是居中對(duì)齊的,所以海報(bào)既有沖擊力,又帶有一點(diǎn)居中構(gòu)圖所有的典雅氣質(zhì)。

包圍式構(gòu)圖

構(gòu)圖沒(méi)靈感?試試這 8 種超好用的構(gòu)圖方法!

此種構(gòu)圖,一般圖片或主體四周布滿文字。包圍式構(gòu)圖形式比較飽滿,信息也比較多,畢竟版面率比較大,所以一般還是挺活躍的。除此之外,風(fēng)格氣質(zhì)取決于主體的內(nèi)容。

構(gòu)圖沒(méi)靈感?試試這 8 種超好用的構(gòu)圖方法!

上文中這個(gè)壓角式構(gòu)圖的案例,其實(shí)也算是包圍式的構(gòu)圖:

構(gòu)圖沒(méi)靈感?試試這 8 種超好用的構(gòu)圖方法!

包圍式構(gòu)圖因?yàn)樾畔⒘勘容^多,版面率高,留白少,自然顯得比較熱情,且有活力啦!

構(gòu)圖沒(méi)靈感?試試這 8 種超好用的構(gòu)圖方法!

這個(gè)包圍式構(gòu)圖雖然留白大一點(diǎn),但四周的文字決定了版面率的大小,因?yàn)榘婷媛瘦^大,所以也是比較活潑的。

構(gòu)圖沒(méi)靈感?試試這 8 種超好用的構(gòu)圖方法!

上文這個(gè)包圍式構(gòu)圖就非常活潑了。因?yàn)槌税婷媛蚀螅匾氖侵黧w表現(xiàn)力高,有沖擊力!

曲線式構(gòu)圖

畫面主要元素成「S 形、Z 形、C 形」等,總之,版面主要元素走向,非常妖嬈就對(duì)啦!

構(gòu)圖沒(méi)靈感?試試這 8 種超好用的構(gòu)圖方法!

曲線式構(gòu)圖,相對(duì)于對(duì)角式構(gòu)圖來(lái)說(shuō),更不穩(wěn)定,更活潑,自然就更具有設(shè)計(jì)感啦。但若用不好,就會(huì)出現(xiàn)閱讀邏輯混亂的情況,所以得先定好閱讀邏輯,再依照輕重緩急去安排版面!

構(gòu)圖沒(méi)靈感?試試這 8 種超好用的構(gòu)圖方法!

這個(gè)海報(bào)以打開的書和文字,構(gòu)成一個(gè)反 S 的構(gòu)圖。

構(gòu)圖沒(méi)靈感?試試這 8 種超好用的構(gòu)圖方法!

以標(biāo)題和線條插畫,構(gòu)成 S 形構(gòu)圖。

構(gòu)圖沒(méi)靈感?試試這 8 種超好用的構(gòu)圖方法!

這是王志弘做的《你是人間四月天》的書封,「四月天」放大構(gòu)成一個(gè) C 形。我們可以看到,曲線構(gòu)圖通過(guò)元素間的位置關(guān)系,會(huì)引導(dǎo)我們視覺(jué)流向變成曲線,所以也是比較有設(shè)計(jì)感的構(gòu)圖形式。

散點(diǎn)式構(gòu)圖

這個(gè)嘛,說(shuō)白了就是,把文字或其他小元素拆散成點(diǎn),再布滿版面的形式。

構(gòu)圖沒(méi)靈感?試試這 8 種超好用的構(gòu)圖方法!

這種構(gòu)圖看上去非常活潑,又具有設(shè)計(jì)感。

構(gòu)圖沒(méi)靈感?試試這 8 種超好用的構(gòu)圖方法!

為什么這種構(gòu)圖看上去十分活潑?當(dāng)然也是因?yàn)檫@種形式,使版面細(xì)碎,留白不能形成整體,留白就顯得少,版面率自然就更大,那必須就活潑、跳躍鴨!

軸線式構(gòu)圖

畫面中有一條隱藏的軸線,大部分元素都沿著軸線對(duì)齊,這便是軸線式構(gòu)圖啦!

構(gòu)圖沒(méi)靈感?試試這 8 種超好用的構(gòu)圖方法!

看到畫面中有條很淺的豎線了么,這個(gè)就是這個(gè)版面的軸線~

YANG SHEN 和正文,都是靠著這條線對(duì)齊的。

構(gòu)圖沒(méi)靈感?試試這 8 種超好用的構(gòu)圖方法!

整體來(lái)看,上圖是左上方圖,右下方字的對(duì)角式構(gòu)圖。

構(gòu)圖沒(méi)靈感?試試這 8 種超好用的構(gòu)圖方法!

但其實(shí),他有一條隱藏的軸線,

構(gòu)圖沒(méi)靈感?試試這 8 種超好用的構(gòu)圖方法!

軸線從左上方圖的中間延伸下來(lái),正文均一這條軸線對(duì)齊。

這就是他隱藏的對(duì)齊形式啦!另外,十字形布局,我也歸類到軸線構(gòu)圖這一大類里。畢竟十字形軸線,也是軸線嘛!來(lái)看一下周杰倫《葉惠美》的專輯封面:

構(gòu)圖沒(méi)靈感?試試這 8 種超好用的構(gòu)圖方法!

這個(gè)封面是聶永真的作品,一眼看上去,就是一個(gè)居中構(gòu)圖的形式,所以看上去很經(jīng)典,很沉穩(wěn)。但實(shí)際上,專輯上的文字并不是絕對(duì)居中的。

構(gòu)圖沒(méi)靈感?試試這 8 種超好用的構(gòu)圖方法!

紅色的線是中心線,為啥文字沒(méi)有居中對(duì)齊,就差那么一丟丟呢?

因?yàn)椋淖值木幣乓c圖片和諧搭配。

構(gòu)圖沒(méi)靈感?試試這 8 種超好用的構(gòu)圖方法!

專輯圖片是十字形構(gòu)圖形式,沙發(fā)為橫軸,人物的眼睛與手指方向連成縱軸。文字根據(jù)縱軸走向排列,使手眼和文字,連成了整體。

除此之外,下方「周杰倫」和「Jay」的編排形式,也是一個(gè)十字軸喲!字體非常 Nice!

更多關(guān)于周杰倫專輯封面的設(shè)計(jì)分析:

好啦,到此,常見(jiàn)的 8 種構(gòu)圖形式,算是講完啦。

最后咱再總結(jié)一下~

構(gòu)圖沒(méi)靈感?試試這 8 種超好用的構(gòu)圖方法!

當(dāng)然,除了這 8 種,還有 幾何構(gòu)圖、放射式構(gòu)圖等,但這些用的并不多,而且大多數(shù)也可以概括為這 8 種。

歡迎關(guān)注作者的微信公眾號(hào):「大貓?jiān)O(shè)計(jì)」

構(gòu)圖沒(méi)靈感?試試這 8 種超好用的構(gòu)圖方法!

收藏 1509
點(diǎn)贊 206

復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場(chǎng),未經(jīng)允許不得轉(zhuǎn)載。