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


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

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



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

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


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



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


當圖片以旋轉180°的角度呈現時,給人視覺錯亂、顛倒的印象,這種表現手法常出現體現時尚、個性和藝術性較強的版面中。


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


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


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


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


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



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

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
















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


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

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

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

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

驚險刺激與危機感也是傾斜構圖容易表現出來的特質,《蜘蛛俠》的海報設計表現了這一點,用傾斜的構圖展示了電影的驚險感和危機感。

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


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

電影《制勝一擊》海報

電影《分歧者》海報

電影《奇異博士》海報

電影《致命對決》海報

電影《除暴安良》海報

電影《豪勇七蛟龍》海報

電影《敦刻爾克》海報



電影《十二羅漢》海報


電影《忍者神龜》海報


電影《蜘蛛俠》海報


電影《死侍2》海報

電影《影》海報

電影《蟻人2》海報

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

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

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