Sign in to follow this  
guggilg

講透設計構圖的6個關鍵詞

Recommended Posts


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

//  壹、聚焦  //


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

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


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

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

1.讓主體元素足夠大。

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


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

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


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

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


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

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

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


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

//  二、平衡  //


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

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

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


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


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


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

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


補充:1.每個元素的重量除了跟面積大小相關外,還跟它的顏色深淺、細節多少、立體或扁平有關系。通常來說,深顏色比淺顏色重、細節多的元素比細節少的元素重、立體元素比扁平元素重。
2.最好把畫面重心控制在幾何中心略微偏上的地方。

//   三、對比   //

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

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

大小對比

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

輪廓對比

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

空間對比

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

//  四、以內容為本  //

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

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

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


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

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

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


//  五、留白  //


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

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

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


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

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

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

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

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

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

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

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

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

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


//  六、打破常規  //


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

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

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

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

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

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

//  結語 //

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

如果覺得這篇文章對妳有幫助,可以幫我點個贊,謝謝!

Share this post


Link to post
Share on other sites

Please sign in to comment

You will be able to leave a comment after signing in



Sign In Now
Sign in to follow this