構(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)圖？

“傾斜構(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)圖的作用

傾斜構(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)。

傾斜構(gòu)圖的角度

將版面加入傾斜角度變化，打破常規(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)圖的形式

“傾斜構(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)。

原文地址：藝海拾貝Design
作者：鄧海貝

可以看到，在上面的這組海報(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)）