平面設計中的構圖是指,將圖形、文字、符號等元素在一定的空間範圍通過藝術化的處理使之構成一個整體平面藝術的過程。

圖形、文字、色彩是平面設計構圖的基本視覺元素,構圖通過將這些元素在二維構圖空間中的上下左右前後進行調整和佈局,來表現平面設計的形式美感,傳遞平面設計意圖與設計信息。

我在故宮修文物
悟空傳

通常人們所認為的優秀平面設計作品都離不開一個優秀的構圖。

平面設計中構圖的目的

合理安排構圖是每一個設計都必不可少的步驟,對於平面設計而言,構圖的主要任務有兩個:

1. 完整表達設計的主題與內容

構圖的最終目的並不是版面本身,構圖只是一個傳遞信息的手段,把分散的元素從空間上、從意義上貫穿起來,以此表達畫面所要傳達的主題和內容信息。構圖主要目的還是要通過一個清晰、悅目的佈局與主題內容構成有機整體,以吸引讀者的注意和加深讀者的理解。

2. 表現設計的形式美

設計的內容決定了形態和色彩,而形態和色彩的表達又要通過構圖佈局加以體現,出色的構圖能帶來強烈的畫面的形式美感和視覺張力,給人以賞心悅目的感受,迅速吸引觀眾的眼球,激發讀者的聯想。

因此,設計構圖的最終目的是要將設計理念、設計美感和設計意圖三者完美的結合在一起。

基本原則

任何構圖都必須遵守的兩個基本原則:

1. 突出焦點

優秀平面設計作品中一定存在一個強大的焦點,讓觀眾第一眼看過去就知道它是最重要的信息。因此在構圖中我們必須為焦點設置一個合理位置,使它在整體佈局中脫穎而出,一目瞭然,保證觀眾能在看到畫面的時候立刻接收到信息。

Shauna Lynn Panczyszyn

這張海報設計的焦點是老人的照片。該設計通過將老人的照片放在畫面中央位置,並用白色塗鴉圓圈框住他,將其形象突出出來,引導人們將視線投向老人。

2. 整體性與協調性

構圖上還應當平衡除了焦點以外的其餘部分的設計,以建立一個清晰的層級結構,使整個版式整潔有序。只有整體結構層次清晰,人們才能在瀏覽完焦點以後,輕鬆地按照他們自己的需求去瀏覽其他的信息板塊,快速找到自己所需要了解的信息。

Dribbble/Sam Thibault for Handsome

這個產品頁面的構圖層次清晰有序,易於理解:首先該產品頁面焦點是產品的名稱(Major Black耳機),在瞭解完標題後,人們能自然而然的將視線轉移至產品的價格信息和產品的配置信息板塊上,獲取自己所需要了解的信息。

構圖技巧

1. 重複

重複是指在整個構圖中重複使用相同或相似的元素作為強調某些特徵或將作品的不同區域聯繫成統一整體的方式。重複元素之間的規律性和間距使設計具有獨特的韻律感,給人以連續性、秩序性的理性美感,其視覺形象容易在人們的頭腦中留下深刻的印象。

The Signal 2014

2. 對稱

對稱是指畫面中軸兩側形態的體量和形態對應等同,對稱構圖常給人以穩定、莊重、均勻、協調、整齊、典雅的感受。但在實際運用中,通常使用的是相對對稱而非絕對對稱,人們會改變畫面中的部分元素,打破由於對稱造成的畫面呆板,使畫面具有變化性。

Alien 1979

3. 平衡

平衡就是各構成單元視覺重量關係的平衡與穩定。平衡構圖不同於對稱構圖之處在於,畫面中軸兩側形態不同,但分量相等,因此平衡較之於對稱更生動、活潑、自由但不失穩重,具有更豐富的形態和表現空間。當畫面的對稱關係被打破時,可以通過調節大小、位置、色彩來調整力的重心使畫面達到平衡。

Designed by Munchy Potato

4. 對比

好的構圖要注重製造對比,畫面感強才能突出設計的主題,給大眾的視覺帶來強烈的衝擊。可以結合形狀對比、體積對比、位置對比、疏密對比、色彩對比等等各種表現手段,以使主題內容更加突出,並給人以鮮明的視覺感受。

Under the Skin 2013

5. 比例

比例是平面構圖中一切視覺單位大小以及各單位間編排組合的重要因素,在構圖中理性地調動比例關係,會使產生不同凡響的視覺效果。

Designed by Scott Hansen

6. 節奏

節奏指將連續出現的形態及點、線、面、色等設計元素,進行有起有落的安排,使平面產生韻律美感。

綉春刀2017

7. 簡單

簡單即是指刪去平面中無用的元素,將構圖中的框架和內容進行簡化,明確主題,使觀眾能立刻獲取完整的信息,印象深刻。

Resident Evil: The Final Chapter 2017

8. 適形

設計構圖的基本框架大致可分為十字形、對角形、旋轉形、波浪形、三角形、方形、菱形、圓形、半圓形等等。人們可以根據畫面主題內容的不同,選擇與之相適合的構圖框架。

Ghost in the Shell 2017

9. 留白

留白不是空白,而是以留白的方法表現出視覺焦點。留白使畫面的空間感得到了極大的增強,留白越大,空間越廣闊。

黃金時代 2012

常見的構圖形式

l 中心構圖

這種構圖是最常見的構圖形式,是將重要的主題或內容置於平面的最中央位置,將觀眾的注意的視線集中到一個中心點。

來源:Script Tutorials

l 上浮式與下沉式構圖

上浮式構圖或下沉式構圖是指當大多數視覺元素都分別組合到平面構圖的上方或下方,並且視覺的重點偏移至畫面的上部或下部。在引導視覺審美的活動中就打破了常規、習慣性的中心構圖體驗。

2017臺灣國立大學畢業展海報

l 左移式與右移式構圖

左移式與右移式構圖是指圖形、文字等視覺元素在平面中分別向左或向右偏移,就形成左移或右移的特殊構圖形式。這種構圖通常會在平面中的一側形成較大的空白空間,從而突出和強調另一側視覺元素,形成鮮明視覺對比。

l 黃金分割型構圖

遵循視覺和諧性原則,黃金分割比例(0.618)是最符合人們視覺的比例關係,在構圖中使用黃金比例,能強化版式的協調性。

來源:Vecteezy

一個平面可以切割出4條黃金分割線,上分割線、下分割線、左分割線、右分割線。據圖像中黃金分割線的規則,圖像的視覺中心將如下定位:

來源:Script Tutorials

而圖片中的紅點區域,就是放置設計主題和內容的最佳位置。

l 三分法型構圖

三分法構圖是黃金分割型構圖的簡化版本,三分線就是均勻的把長方形的長和寬切三段,均勻的砍三段,每個方格都是一樣大小。但它仍然保持著一種和諧感。

如果我們將按照三分法將平面分成九個相等的部分,在線與線之間的交叉點,是較好的視覺元素擺放點。

來源:Script Tutorials
Pilot Magazine by Jason Mildren

但我們並非總是需要把視覺元素拜放在交叉點上,放置在被分割的網格中也是一種不錯的選擇。

The Brady Bunch

l 幾何構圖

1. 三角形構圖

三角形構圖是一種重要的構圖形式。這種構圖常常給人以一種穩定堅實之感,在實際運用中,正三角形的構圖方式最為常用。

Kong Skull Island 2017

2. 圓形構圖

圓形的圓滑感詩人產生視覺舒適感,圓形構圖伴有一種運動和收縮的美感,在視覺表達和傳遞過程中具有很強的完整性、識別性。

The Ballad of Buster Scruggs 2018

3. S型構圖

S型構圖又稱之為之字構圖,S型構圖是圓形構圖的變體,兩個圓組在一起稍加修飾便成了S型。S型構圖彎曲流暢,具有流動美感,能把平面中一些看似沒有任何關聯的事物串聯起來,形成和諧統一之感。

影 2018

l 自由型構圖

自由型的結構是無規律的,圖文可以隨意排放自由組合,版面具有輕鬆感和活潑感。但無規律並非胡亂擺放,自由擺放應當是基於在各視覺元素與內容的關係的考量之上進行的。

參考文獻

胡建新. 有關平面設計中的構圖技巧分析[J]. 文藝生活·文藝理論, 2012(8):71-71.丁鋼. 置陳布勢——構圖形式在平面設計中的作用和應用[J]. 天津美術學院學報, 2006(1):68-69.王力強. 平面設計的構圖形式[J]. 學園, 2015(11):187-189.盧浩. 平面設計中的構圖及應用探索[J]. 現代裝飾(理論), 2015(3).

script-tutorials.com/ba

推薦閱讀:

相關文章