// 四、以內容為本 //
設計不是從構圖開始的,只有在畫面中的內容都大概確定了的情況下,才能進行有效的構圖。
舉個例子,在一個手機屏幕大小的豎向版面中,元素只有一個蘋果和一句文案,在這種情況下是不是很快就會想到主體居中式構圖,其實沒那么簡單,因為在構圖之前,還有一個問題需要搞清楚,即我們是要重點展示文案,還是那個蘋果。如果重點是蘋果,那么主體居中構圖會是比較常規且合理的做法。
而如果重點是文案,那么蘋果就成了一個次要元素,文字應該要重點突出,這時的選擇方式會有很多,如方形構圖、三角形構圖等。
除此之外,如果我們把這個蘋果改成半個蘋果,那么構圖方式又可以有完全不同的處理方式。
再比如,圖片元素是延綿不絕的山脈,那為了最大化發揮該圖片的優點,采用橫向構圖就比其他構圖會更合適。
所以說構圖是為內容服務的,構圖應該以內容為本,根據設計中的圖片、文字來合理地構圖,盡量把設計效果最大化。
// 五、留白 //
一個版面如果被填充的太滿,就容易造成壓抑、擁擠的感覺,所以我們通常會在版面中留出一些沒有內容的“純凈”區域,以使畫面看起來更透氣、更輕松、更具想象空間,這一做法就稱之為留白。
比如我們在拍風景照的時候,一般都會取一部分天空的景,而這一部分天空往往就會成為照片的留白區域。
說到留白我們很快就會想到簡約風、極簡風,然后就會自然而然地想到無印良品。在無印良品的海報中,幾乎都會有大量的留白,目的是為了突出產品,同時營造一種自然、純凈、簡約的感覺。
留白手法看似簡單其實很有講究,有些設計師會以為只要在畫面中保留大量的空白,就是簡約風格的設計,卻很容易把設計做得很單調、很空洞。
優秀的留白作品一般具有以下幾個特點:
1.留白區域與內容區域存在聯系;
甲殼蟲汽車周圍的留白不單單是空白,也是汽車前方無限的道路,同時大量的留白也襯托出汽車的小巧。
2.畫面有一個比較突出、細節比較豐富的主體;
如果畫面中沒有人物和小船這些元素,那就真的成空白了,或者把這兩個元素換成了非常簡單的事物,比如一片樹葉或一根棍子,效果也會大打折扣。
3.留白區域不會太多太零碎;
留白區域太零碎的話,畫面會顯得很散亂。
4.留白的目的是為了更好的突出主體、創造更好的視覺和閱讀體驗。
簡單的圖片與文字排在干凈的背上,留出大量空白,使得畫面看起來很精致,也便于信息的閱讀。
// 六、打破常規 //
在各個行業各個品類的設計中,都會形成一些最為常見的構圖方式,像牢籠一樣把很多設計師困在里面,以至于他們一做設計就會不由自主地使用那些構圖,比如廣告設計中的垂直居中式構圖、左右構圖,背景板設計中的發散構圖等等。
很多時候,畫面的主體并不是很有創意或者有很強形式感的圖片,比如很普通的產品,這種情況下再使用一個很常規的構圖,你的設計就會變得很普通,即便在版式和配色上多下點功夫也不會有太大改善。
所以,再確定好版面中的主要元素后,我們最好多嘗試幾種構圖,盡量使我們的設計看起來不那么普通。為了實現特定的構圖,有時設計形式、排版與配色也要隨之做出改變,意思就是,想要你的設計更出彩,可以從改變你的構圖開始。
例如下圖是一口紅品牌頁面設計的產品展示部分,設計師使用了最常規的上下構圖,由于僅需做產品展示,既沒有創意內容也很少,再加上產品的造型也不是非常有特點,所以發揮的空間不大。下圖的做法雖然也是正確的,但是吸引力明顯不足。
對于這類設計該怎么改善呢?也可以嘗試先改變它的構圖,比如改成斜線構圖可以嗎?我們可以來嘗試一下。把文字移到左上角,圖片移到了右下腳,由于圖片的張力不夠,所以要對圖片進行優化補充,比如在背景中加一個斜色塊。這時構圖就已經從之前的上下構圖變成了對角構圖,整體的視覺效果也比之前好多了。
如果想細節再多一點,還可以將色塊豐富一下,如在色塊上加一些其他顏色的色條。
// 結語 //
聚焦、平衡、對比、以內容為本、留白、打破常規,這就是我總結的6個構圖關鍵詞,希望對大家會有點幫助。不過構圖只是設計中比較基礎的部分,在這之前要準備好精彩的創意和內容,在這之后還要做好版式設計、色彩搭配等工作,最終才可能設計出優秀的作品。