構(gòu)圖攻略前兩期分享了“上下構(gòu)圖”和“左右構(gòu)圖”的使用方法,這兩種構(gòu)圖是視覺(jué)效果相對(duì)比較均衡穩(wěn)定的構(gòu)圖形式,當(dāng)想要設(shè)計(jì)更靈動(dòng)活潑的版面,營(yíng)造輕松、動(dòng)感、刺激等氛圍時(shí),“傾斜構(gòu)圖”是更適合運(yùn)用的構(gòu)圖表現(xiàn)形式,本期就來(lái)分析傾斜構(gòu)圖的使用方法。
“傾斜構(gòu)圖”是版面整體或部分元素以?xún)A斜的角度呈現(xiàn)在畫(huà)面上,打破常規(guī)構(gòu)圖橫平豎直的視覺(jué)思維,可以產(chǎn)生不穩(wěn)定的動(dòng)感,畫(huà)面顯得更具創(chuàng)意性。


“傾斜構(gòu)圖”是用更自由和個(gè)性化的視覺(jué)去表達(dá)信息和情感,畫(huà)面充滿(mǎn)活力,也更有視覺(jué)沖擊力。

傾斜構(gòu)圖能打破平衡感與穩(wěn)定感,可以根據(jù)主題需要,搭配相應(yīng)的視覺(jué)元素營(yíng)造出不同的氛圍。
動(dòng)感、沖擊力
傾斜被視覺(jué)感知為從垂直和水平方向上的偏離,會(huì)產(chǎn)生不穩(wěn)定的視覺(jué)感受,通過(guò)這種不平衡感產(chǎn)生了“動(dòng)感”。所以?xún)A斜構(gòu)圖常運(yùn)用在體現(xiàn)具有對(duì)抗性、速度感、力量感和沖擊力的版面中。



活潑、歡快
將畫(huà)面以?xún)A斜的角度處理會(huì)為版面帶來(lái)躍動(dòng)的心理感受,能夠傳達(dá)出輕松活潑的印象,配合跳躍、歡快的元素,可以營(yíng)造出熱鬧喜慶的氛圍。如在促銷(xiāo)頁(yè)面經(jīng)??梢钥吹絻A斜構(gòu)圖的使用。

緊張、刺激
傾斜的畫(huà)面充滿(mǎn)了不確定性,讓人感到焦慮緊張,經(jīng)常用來(lái)營(yíng)造驚悚、叛逆、驚險(xiǎn)刺激與危機(jī)感的氛圍,在影視劇海報(bào)中多有體現(xiàn)。


將版面加入傾斜角度變化,打破常規(guī)的觀(guān)看視角,增強(qiáng)了版面的趣味性,也產(chǎn)生良好的視覺(jué)沖擊力。最常用的方式是將設(shè)計(jì)元素傾斜15°至45°,既能夠讓畫(huà)面變得活潑起來(lái),又不會(huì)影響到圖文的識(shí)別性,設(shè)計(jì)時(shí)也比較容易把控。



也可以嘗試變換不一樣的傾斜角度,如當(dāng)圖片傾斜旋轉(zhuǎn)90°時(shí),產(chǎn)生了新穎的視角,版面顯得更具創(chuàng)意,能夠給人帶來(lái)的嶄新視覺(jué)印象。


當(dāng)圖片以旋轉(zhuǎn)180°的角度呈現(xiàn)時(shí),給人視覺(jué)錯(cuò)亂、顛倒的印象,這種表現(xiàn)手法常出現(xiàn)體現(xiàn)時(shí)尚、個(gè)性和藝術(shù)性較強(qiáng)的版面中。


“傾斜構(gòu)圖”通常使用的形式為整體畫(huà)面的傾斜或者畫(huà)面中局部元素的傾斜(主體傾斜、文字傾斜或輔助元素的傾斜),在實(shí)際設(shè)計(jì)中,要根據(jù)現(xiàn)有的素材和資料來(lái)決定使用哪種傾斜方式來(lái)表現(xiàn)。但要注意無(wú)論畫(huà)面中的元素如何傾斜,都要保證版式的整體是平衡的。
一、整體傾斜
把畫(huà)面所有元素進(jìn)行傾斜,使畫(huà)面呈現(xiàn)出不穩(wěn)定的動(dòng)感,整體又可分為”同一方向傾斜”、“雙方向傾斜”和“多方向傾斜”。
“同一方向傾斜”是各視覺(jué)元素按同一角度有規(guī)律的傾斜,版面具有單純的結(jié)構(gòu)和井然有序的的組織,呈現(xiàn)出統(tǒng)一和諧的整體性和秩序感。


“雙方向傾斜”是設(shè)計(jì)元素朝兩個(gè)對(duì)立的角度傾斜,產(chǎn)生了方向上的對(duì)比,可以形成視覺(jué)沖突,營(yíng)造出空間立體感。


“多同方向傾斜”是版面中視覺(jué)元素朝多個(gè)不同的方向傾斜,視覺(jué)效果豐富活躍,具有強(qiáng)烈的對(duì)比。為了避免版面雜亂,需要形成一定的傾斜規(guī)律,讓豐富的元素具有一定的秩序,達(dá)到版面的穩(wěn)定。


二、主體傾斜
主體是版面中占據(jù)面積最大、傳達(dá)信息最直觀(guān)的視覺(jué)元素。將主體進(jìn)行傾斜處理,其他元素使用穩(wěn)定的橫豎排列,形成動(dòng)靜對(duì)比,既能保持畫(huà)面的穩(wěn)定性,又能達(dá)到突出主體的目的。


三、文字傾斜
文字在版式設(shè)計(jì)中具有豐富的表現(xiàn)力,在圖片素材受限的情況下,使用文字傾斜破除規(guī)范穩(wěn)定的版面,是打破畫(huà)面呆板印象的有效方法。



四、元素傾斜
在不改變整體視覺(jué)感受的情況下,運(yùn)用部分裝飾性元素或背景元素的傾斜打破畫(huà)面的平衡感,還能起著強(qiáng)調(diào)、裝飾畫(huà)面的作用。

1.“傾斜構(gòu)圖”是版面整體或部分元素以一定的傾斜的角度呈現(xiàn)在畫(huà)面上,打破常規(guī)構(gòu)圖橫平豎直的視覺(jué)思維,可以產(chǎn)生不穩(wěn)定的動(dòng)感,畫(huà)面顯得更具創(chuàng)意性;
2.傾斜構(gòu)圖能打破平衡感與穩(wěn)定感,可以根據(jù)主題需要,搭配相應(yīng)的設(shè)計(jì)元素營(yíng)造具有動(dòng)感、活潑歡快、緊張刺激的氛圍;
3.將最常用的傾斜方式是將設(shè)計(jì)元素傾斜15°至45°,既能夠讓畫(huà)面變得活潑起來(lái),又不影響到圖文的識(shí)別性。也可以嘗試變換不一樣的傾斜角度,使版面具有更新穎的視角;
4.傾斜構(gòu)圖通常使用的形式為整體畫(huà)面的傾斜或者畫(huà)面中局部元素的傾斜(主體傾斜、文字傾斜或輔助元素的傾斜),要根據(jù)實(shí)際情況決定版面使用哪種方式來(lái)表現(xiàn)。
















可以看到,在上面的這組海報(bào)中,傾斜構(gòu)圖被運(yùn)用得恰到好處,不僅僅是純平面效果,有的還在其中加入了階梯形的空間感,讓畫(huà)面顯得更有縱深,純文字型的海報(bào)比較追求自由性和藝術(shù)化,排版上敢于突破傳統(tǒng)的設(shè)計(jì)思路,從而展示出設(shè)計(jì)的更多可能性。
不僅是純文字的海報(bào),任何形式的設(shè)計(jì)品都可以在合適的情況下使用傾斜構(gòu)圖來(lái)達(dá)到更好的效果,在廣告設(shè)計(jì)中傾斜構(gòu)圖可以體現(xiàn)出一種動(dòng)感和沖擊力,是常見(jiàn)的廣告設(shè)計(jì)手法。


2019北京國(guó)際電影節(jié)的海報(bào)也是采用傾斜構(gòu)圖的形式,放映機(jī)從下方向斜上方照射出一方天空,人們的視線(xiàn)很容易就被吸引過(guò)去。

這張文字和人物結(jié)合的海報(bào),用傾斜式構(gòu)圖巧妙的解決了文字繁多的問(wèn)題,畫(huà)面通過(guò)文字與人物形象的垂直版式,向受眾傳達(dá)了明確的信息。

而傾斜式構(gòu)圖另一個(gè)表現(xiàn)領(lǐng)域就是影視劇海報(bào)設(shè)計(jì),越來(lái)越多的海報(bào)開(kāi)始采用這種設(shè)計(jì)方法,以圖做到更好的創(chuàng)意,在影視海報(bào)中使用傾斜構(gòu)圖最直接的視覺(jué)感受就是速度感和沖擊力,像電影《速度與激情8》的海報(bào)設(shè)計(jì)很直觀(guān)的體現(xiàn)了這一點(diǎn)。

同樣體現(xiàn)出這種粗暴視覺(jué)沖擊力的還有《瘋狂的麥克斯》海報(bào)設(shè)計(jì),這兩者都是直接體現(xiàn)動(dòng)作戲的電影風(fēng)格,在海報(bào)設(shè)計(jì)上也同樣突出了這種特點(diǎn),更容易引起觀(guān)眾的觀(guān)看欲。

驚險(xiǎn)刺激與危機(jī)感也是傾斜構(gòu)圖容易表現(xiàn)出來(lái)的特質(zhì),《蜘蛛俠》的海報(bào)設(shè)計(jì)表現(xiàn)了這一點(diǎn),用傾斜的構(gòu)圖展示了電影的驚險(xiǎn)感和危機(jī)感。

《英倫對(duì)決》的電影海報(bào)設(shè)計(jì)也采用此手法,體現(xiàn)了對(duì)抗的力量性和緊張感,雖然電影劇情算不上優(yōu)秀,但海報(bào)還是很好的。


類(lèi)似這樣的電影海報(bào)還有很多,像之前文章中提到過(guò)的《恐怖游輪》也屬于這類(lèi)手法,還有下面列舉的《制勝一擊》《致命對(duì)決》《分歧者》《致命王牌》《忍者神龜》《奇異博士》《星際旅行》《敦刻爾克》《the sweeney除暴安良》《豪勇七蛟龍》等等電影海報(bào)也都是用這種表現(xiàn)形式,所以我們其實(shí)也可以看出,動(dòng)作型和科幻型電影會(huì)經(jīng)常使用這種手法去設(shè)計(jì)海報(bào)。

電影《制勝一擊》海報(bào)

電影《分歧者》海報(bào)

電影《奇異博士》海報(bào)

電影《致命對(duì)決》海報(bào)

電影《除暴安良》海報(bào)

電影《豪勇七蛟龍》海報(bào)

電影《敦刻爾克》海報(bào)



電影《十二羅漢》海報(bào)


電影《忍者神龜》海報(bào)


電影《蜘蛛俠》海報(bào)


電影《死侍2》海報(bào)

電影《影》海報(bào)

電影《蟻人2》海報(bào)

而像上面的《我如何度過(guò)我的暑假》這樣,更是用傾斜構(gòu)圖將文字設(shè)計(jì)成了一堵墻,超強(qiáng)的空間感躍然而出?!恫m天過(guò)海 美人計(jì)》的海報(bào)則是通過(guò)人物的透視關(guān)系來(lái)營(yíng)造一種傾斜感。

華盛頓生活雜志芭蕾舞蹈主題封面使用了傾斜構(gòu)圖的手法,讓畫(huà)面顯得很有活力并且戲劇性十足,非常貼合主題的表達(dá)。

文末小總結(jié)
傾斜式構(gòu)圖是一種平面構(gòu)圖形式,它突破了傳統(tǒng)排版方式的規(guī)矩,用一種更自由更個(gè)性化的視覺(jué)去表達(dá)信息和情感,這也是設(shè)計(jì)多樣化的一部分。使用這種手法除了創(chuàng)意點(diǎn)的表達(dá)之外,更要注重對(duì)畫(huà)面整體結(jié)構(gòu)的把控,需要不斷地調(diào)試各種角度與構(gòu)圖才能達(dá)到滿(mǎn)意的效果,對(duì)人物,場(chǎng)景以及文案的結(jié)合和相互作用都有著很高的要求,承載著觀(guān)眾視線(xiàn)和心理的雙重體驗(yàn)。日常設(shè)計(jì)中我們?cè)O(shè)計(jì)師不妨來(lái)練習(xí)著做一做,對(duì)這種方式有個(gè)大致的了解,很多時(shí)候我們只是在看,看這個(gè)東西有多簡(jiǎn)單,但是從來(lái)不動(dòng)手去做,你只有做了才會(huì)發(fā)現(xiàn)其實(shí)沒(méi)有那么簡(jiǎn)單,一個(gè)畫(huà)面從來(lái)不只是素材的堆砌,里面有很多思想和結(jié)構(gòu)的東西支撐,就像人的骨架,沒(méi)有了這個(gè)支撐,畫(huà)面是不會(huì)活起來(lái)的。
原文地址: 樂(lè)觀(guān)做設(shè)計(jì)(公眾號(hào))
