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


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

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



活潑、歡快
將畫面以傾斜的角度處理會為版面帶來躍動的心理感受,能夠傳達出輕松活潑的印象,配合跳躍、歡快的元素,可以營造出熱鬧喜慶的氛圍。如在促銷頁面經(jīng)常可以看到傾斜構(gòu)圖的使用。

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


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



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


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


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


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


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


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


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



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

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
















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


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

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

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

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

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

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


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

電影《制勝一擊》海報

電影《分歧者》海報

電影《奇異博士》海報

電影《致命對決》海報

電影《除暴安良》海報

電影《豪勇七蛟龍》海報

電影《敦刻爾克》海報



電影《十二羅漢》海報


電影《忍者神龜》海報


電影《蜘蛛俠》海報


電影《死侍2》海報

電影《影》海報

電影《蟻人2》海報

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

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

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