6個關鍵詞講解設計中的構圖技巧

在平面設計中大家比較關注的是圖形設計、版式設計、色彩搭配等，構圖成了經常被忽視的部分，但其實構圖對畫面的基調、形式感、視覺衝擊力起著很重要的作用，很多設計的主要問題都是出在構圖上。所以，今天我們就來好好聊一聊設計中的構圖，關於如何構圖，蔥爺總結了6個關鍵詞，具體如下：

// 一、聚焦 //

什麼是聚焦?就是指畫面中要有能吸引受眾目光的焦點。每一件設計作品都應該有焦點，而且最好只有一個焦點。

那麼失焦的設計會怎樣呢?會缺少視覺衝擊力、容易平庸，從而導致會被受眾忽略，下圖就不聚焦。

如果畫面中沒有能吸引受眾目光去看它的點，畫面中的各個元素都在「搶戲」，那麼它就是一件不聚焦的設計，類似的案例大家應該不陌生吧。

有人可能會說，上圖是因為主體部分不夠精彩、信息太多而導致沒有吸引力的，跟構圖沒什麼關係吧。其實不然，因為其在構圖上就有不少問題，例如沒有主次、缺少對比等，如果改善它的構圖也會帶來很大變化。那如何打造聚焦的構圖呢?

1.讓主體元素足夠大。

大是吸引眼球最直接的辦法，上圖為了使畫面具有足夠的張力，甚至把圖片拉大到超出了邊界。

2.讓主體元素佔有足夠多的空間。

除了把元素本身變大以外，讓其佔有更大的空間也會使其更突出。

3.讓主題元素位於版面的上半部分，或者正中央。

這些位置最容易獲得人們的關注。

4.避免各元素之間的比例太平均等。

從空間上使版面中的各元素有大小之分。

此外，發散式構圖、獨立主體式構圖、環繞式構圖會具有比較強的聚焦功能。

補充：畫面中的焦點元素通常是產品、品牌商標、標題、主畫面、人物、配圖等，我們要盡量保證這些焦點元素是精彩的、好看的、有細節的。

// 二、平衡 //

平衡是構圖中最基本的要領，即版面中的元素分布必須給人一種視覺上的均衡感，如左右平衡、上下平衡、對角平衡等。如果構圖不平衡，就會產生一種不穩定、不舒適的感覺，自然效果就不會太理想。

那麼，如何判斷自己的構圖是否平衡呢?蔥爺給大家介紹兩個方法：

1.把構圖區域連成一個整體，想像它是一個真實存在的物體，然後判斷它是否能保持現有的狀態立穩。能立穩的就是平衡的構圖，反之就不平衡。

從上圖中我們可以看到，如果將畫面左邊的黑色文字組去掉，那右邊的板塊就沒法立穩，所以也就不平衡了。可能有人會說，那如果只是把左邊標題下的小字去掉，然後把標題稍作調整，那麼這個板塊結構也是立不穩的，但我感覺整體還是平衡的啊(如下圖)，這你怎麼解釋?所以，不還有第二個方法嘛。

2.把整個版面比作一個俯視的盤子，版面中的元素則比喻成擺在盤子里的物體，這時候你可以試著判斷該盤子的支點是否位於正中心或正中間附近，如果是則說明該版面是平衡的，反之則不平衡。

這時我們再回國頭來看看上面的那張圖，是不是發現它的支點正好處在畫面中心附近。這一方法在自由式構圖中也很實用，這種完全憑設計師直覺來擺放元素的構圖，如何保證版面的平衡性呢?試試上面的盤子理論，你可以把它簡單的理解成圍繞畫面中心均衡的分布元素，但又不要完全對稱。

常見的平衡性比較好的構圖有對稱式構圖、主體居中式構圖、三角形構圖、黃金分割構圖、全屏式構圖等。

補充：1.每個元素的重量除了跟面積大小相關外，還跟它的顏色深淺、細節多少、立體或扁平有關係。通常來說，深顏色比淺顏色重、細節多的元素比細節少的元素重、立體元素比扁平元素重。

2.最好把畫面重心控制在幾何中心略微偏上的地方。

// 三、對比 //

對比這個詞在很多設計文章中都會被提及，我本來想繞開它，但確實行不通，可見它的重要性。

之所以在構圖的時候也要強調對比，是因為有對比的構圖能增加版面的靈活性，也正是因為有對比才會有焦點。構圖中的對比主要有大小對比和輪廓對比、空間對比。

大小對比

大是相對於小而言的，有對比才會有差別，而如果我們想突出的元素不適合放得很大該怎麼辦呢?其實只要其佔據的空間夠大就行，沒被填滿的部分可以是留白，也可以是輔助元素。

輪廓對比

版面中的內容板塊如果在輪廓上形成差異也會很突出，例如在幾個矩形板塊中穿插一個不規則的形狀，就會形成強烈的對比。

空間對比

有空間感的畫面會更有衝擊力，我們也可以通過構圖來強化設計的空間感，例如很多攝影作品的主體明明是遠景，卻喜歡透過近景來取景，目的就是通過景深效果來加強畫面的空間感。

// 四、以內容為本 //

設計不是從構圖開始的，只有在畫面中的內容都大概確定了的情況下，才能進行有效的構圖。

舉個例子，在一個手機屏幕大小的豎向版面中，元素只有一個蘋果和一句文案，在這種情況下是不是很快就會想到主體居中式構圖，其實沒那麼簡單，因為在構圖之前，還有一個問題需要搞清楚，即我們是要重點展示文案，還是那個蘋果。如果重點是蘋果，那麼主體居中構圖會是比較常規且合理的做法。

而如果重點是文案，那麼蘋果就成了一個次要元素，文字應該要重點突出，這時的選擇方式會有很多，如方形構圖、三角形構圖等。

除此之外，如果我們把這個蘋果改成半個蘋果，那麼構圖方式又可以有完全不同的處理方式。

再比如，圖片元素是延綿不絕的山脈，那為了最大化發揮該圖片的優點，採用橫向構圖就比其他構圖會更合適。

所以說構圖是為內容服務的，構圖應該以內容為本，根據設計中的圖片、文字來合理地構圖，盡量把設計效果最大化。

// 五、留白 //

一個版面如果被填充的太滿，就容易造成壓抑、擁擠的感覺，所以我們通常會在版面中留出一些沒有內容的「純凈」區域，以使畫面看起來更透氣、更輕鬆、更具想像空間，這一做法就稱之為留白。

比如我們在拍風景照的時候，一般都會取一部分天空的景，而這一部分天空往往就會成為照片的留白區域。

說到留白我們很快就會想到簡約風、極簡風，然後就會自然而然地想到無印良品。在無印良品的海報中，幾乎都會有大量的留白，目的是為了突出產品，同時營造一種自然、純凈、簡約的感覺。

留白手法看似簡單其實很有講究，有些設計師會以為只要在畫面中保留大量的空白，就是簡約風格的設計，卻很容易把設計做得很單調、很空洞。

優秀的留白作品一般具有以下幾個特點：

1.留白區域與內容區域存在聯繫;

甲殼蟲汽車周圍的留白不單單是空白，也是汽車前方無限的道路，同時大量的留白也襯托出汽車的小巧。

2.畫面有一個比較突出、細節比較豐富的主體;

如果畫面中沒有人物和小船這些元素，那就真的成空白了，或者把這兩個元素換成了非常簡單的事物，比如一片樹葉或一根棍子，效果也會大打折扣。

3.留白區域不會太多太零碎;

留白區域太零碎的話，畫面會顯得很散亂。

4.留白的目的是為了更好的突出主體、創造更好的視覺和閱讀體驗。

簡單的圖片與文字排在乾淨的背上，留出大量空白，使得畫面看起來很精緻，也便於信息的閱讀。

// 六、打破常規 //

在各個行業各個品類的設計中，都會形成一些最為常見的構圖方式，像牢籠一樣把很多設計師困在裡面，以至於他們一做設計就會不由自主地使用那些構圖，比如廣告設計中的垂直居中式構圖、左右構圖，背景板設計中的發散構圖等等。

很多時候，畫面的主體並不是很有創意或者有很強形式感的圖片，比如很普通的產品，這種情況下再使用一個很常規的構圖，你的設計就會變得很普通，即便在版式和配色上多下點功夫也不會有太大改善。

所以，再確定好版面中的主要元素後，我們最好多嘗試幾種構圖，盡量使我們的設計看起來不那麼普通。為了實現特定的構圖，有時設計形式、排版與配色也要隨之做出改變，意思就是，想要你的設計更出彩，可以從改變你的構圖開始。

例如下圖是一口紅品牌頁面設計的產品展示部分，設計師使用了最常規的上下構圖，由於僅需做產品展示，既沒有創意內容也很少，再加上產品的造型也不是非常有特點，所以發揮的空間不大。下圖的做法雖然也是正確的，但是吸引力明顯不足。

對於這類設計該怎麼改善呢?也可以嘗試先改變它的構圖，比如改成斜線構圖可以嗎?我們可以來嘗試一下。把文字移到左上角，圖片移到了右下腳，由於圖片的張力不夠，所以要對圖片進行優化補充，比如在背景中加一個斜色塊。這時構圖就已經從之前的上下構圖變成了對角構圖，整體的視覺效果也比之前好多了。

如果想細節再多一點，還可以將色塊豐富一下，如在色塊上加一些其他顏色的色條。

// 結語 //

聚焦、平衡、對比、以內容為本、留白、打破常規，這就是我總結的6個構圖關鍵詞，希望對大家會有點幫助。不過構圖只是設計中比較基礎的部分，在這之前要準備好精彩的創意和內容，在這之後還要做好版式設計、色彩搭配等工作，最終才可能設計出優秀的作品。

感謝作者 蔥爺

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！