|
閱前叨逼叨：設(shè)計沒有沖擊力？也許是你的構(gòu)圖有問題。 在平面設(shè)計中大家比較關(guān)注的是圖形設(shè)計、版式設(shè)計、色彩搭配等，構(gòu)圖成了經(jīng)常被忽視的部分，但其實構(gòu)圖對畫面的基調(diào)、形式感、視覺沖擊力起著很重要的作用，很多設(shè)計的主要問題都是出在構(gòu)圖上。所以，今天我們就來好好聊一聊設(shè)計中的構(gòu)圖，關(guān)于如何構(gòu)圖，蔥爺總結(jié)了6個關(guān)鍵詞，具體如下： // 一、聚焦 // 什么是聚焦？就是指畫面中要有能吸引受眾目光的焦點。每一件設(shè)計作品都應(yīng)該有焦點，而且最好只有一個焦點。 那么失焦的設(shè)計會怎樣呢？會缺少視覺沖擊力、容易平庸，從而導(dǎo)致會被受眾忽略，下圖就不聚焦。  如果畫面中沒有能吸引受眾目光去看它的點，畫面中的各個元素都在“搶戲”，那么它就是一件不聚焦的設(shè)計，類似的案例大家應(yīng)該不陌生吧。 有人可能會說，上圖是因為主體部分不夠精彩、信息太多而導(dǎo)致沒有吸引力的，跟構(gòu)圖沒什么關(guān)系吧。其實不然，因為其在構(gòu)圖上就有不少問題，例如沒有主次、缺少對比等，如果改善它的構(gòu)圖也會帶來很大變化。那如何打造聚焦的構(gòu)圖呢？ 1.讓主體元素足夠大。  大是吸引眼球最直接的辦法，上圖為了使畫面具有足夠的張力，甚至把圖片拉大到超出了邊界。 2.讓主體元素占有足夠多的空間。  除了把元素本身變大以外，讓其占有更大的空間也會使其更突出。 3.讓主題元素位于版面的上半部分，或者正中央。  這些位置最容易獲得人們的關(guān)注。 4.避免各元素之間的比例太平均等。  從空間上使版面中的各元素有大小之分。 此外，發(fā)散式構(gòu)圖、獨立主體式構(gòu)圖、環(huán)繞式構(gòu)圖會具有比較強的聚焦功能。  補充：畫面中的焦點元素通常是產(chǎn)品、品牌商標(biāo)、標(biāo)題、主畫面、人物、配圖等，我們要盡量保證這些焦點元素是精彩的、好看的、有細(xì)節(jié)的。 // 二、平衡 // 平衡是構(gòu)圖中最基本的要領(lǐng)，即版面中的元素分布必須給人一種視覺上的均衡感，如左右平衡、上下平衡、對角平衡等。如果構(gòu)圖不平衡，就會產(chǎn)生一種不穩(wěn)定、不舒適的感覺，自然效果就不會太理想。 那么，如何判斷自己的構(gòu)圖是否平衡呢？蔥爺給大家介紹兩個方法： 1.把構(gòu)圖區(qū)域連成一個整體，想象它是一個真實存在的物體，然后判斷它是否能保持現(xiàn)有的狀態(tài)立穩(wěn)。能立穩(wěn)的就是平衡的構(gòu)圖，反之就不平衡。  從上圖中我們可以看到，如果將畫面左邊的黑色文字組去掉，那右邊的板塊就沒法立穩(wěn)，所以也就不平衡了?？赡苡腥藭f，那如果只是把左邊標(biāo)題下的小字去掉，然后把標(biāo)題稍作調(diào)整，那么這個板塊結(jié)構(gòu)也是立不穩(wěn)的，但我感覺整體還是平衡的?。ㄈ缦聢D），這你怎么解釋？所以，不還有第二個方法嘛。  2.把整個版面比作一個俯視的盤子，版面中的元素則比喻成擺在盤子里的物體，這時候你可以試著判斷該盤子的支點是否位于正中心或正中間附近，如果是則說明該版面是平衡的，反之則不平衡。  這時我們再回國頭來看看上面的那張圖，是不是發(fā)現(xiàn)它的支點正好處在畫面中心附近。這一方法在自由式構(gòu)圖中也很實用，這種完全憑設(shè)計師直覺來擺放元素的構(gòu)圖，如何保證版面的平衡性呢？試試上面的盤子理論，你可以把它簡單的理解成圍繞畫面中心均衡的分布元素，但又不要完全對稱。  常見的平衡性比較好的構(gòu)圖有對稱式構(gòu)圖、主體居中式構(gòu)圖、三角形構(gòu)圖、黃金分割構(gòu)圖、全屏式構(gòu)圖等。  補充：1.每個元素的重量除了跟面積大小相關(guān)外，還跟它的顏色深淺、細(xì)節(jié)多少、立體或扁平有關(guān)系。通常來說，深顏色比淺顏色重、細(xì)節(jié)多的元素比細(xì)節(jié)少的元素重、立體元素比扁平元素重。 2.最好把畫面重心控制在幾何中心略微偏上的地方。 // 三、對比 // 對比這個詞在很多設(shè)計文章中都會被提及，我本來想繞開它，但確實行不通，可見它的重要性。 之所以在構(gòu)圖的時候也要強調(diào)對比，是因為有對比的構(gòu)圖能增加版面的靈活性，也正是因為有對比才會有焦點。構(gòu)圖中的對比主要有大小對比和輪廓對比、空間對比。 大小對比 大是相對于小而言的，有對比才會有差別，而如果我們想突出的元素不適合放得很大該怎么辦呢？其實只要其占據(jù)的空間夠大就行，沒被填滿的部分可以是留白，也可以是輔助元素。 輪廓對比 版面中的內(nèi)容板塊如果在輪廓上形成差異也會很突出，例如在幾個矩形板塊中穿插一個不規(guī)則的形狀，就會形成強烈的對比。 空間對比 有空間感的畫面會更有沖擊力，我們也可以通過構(gòu)圖來強化設(shè)計的空間感，例如很多攝影作品的主體明明是遠(yuǎn)景，卻喜歡透過近景來取景，目的就是通過景深效果來加強畫面的空間感。 // 四、以內(nèi)容為本 // 設(shè)計不是從構(gòu)圖開始的，只有在畫面中的內(nèi)容都大概確定了的情況下，才能進(jìn)行有效的構(gòu)圖。 舉個例子，在一個手機屏幕大小的豎向版面中，元素只有一個蘋果和一句文案，在這種情況下是不是很快就會想到主體居中式構(gòu)圖，其實沒那么簡單，因為在構(gòu)圖之前，還有一個問題需要搞清楚，即我們是要重點展示文案，還是那個蘋果。如果重點是蘋果，那么主體居中構(gòu)圖會是比較常規(guī)且合理的做法。 而如果重點是文案，那么蘋果就成了一個次要元素，文字應(yīng)該要重點突出，這時的選擇方式會有很多，如方形構(gòu)圖、三角形構(gòu)圖等。 除此之外，如果我們把這個蘋果改成半個蘋果，那么構(gòu)圖方式又可以有完全不同的處理方式。 再比如，圖片元素是延綿不絕的山脈，那為了最大化發(fā)揮該圖片的優(yōu)點，采用橫向構(gòu)圖就比其他構(gòu)圖會更合適。 所以說構(gòu)圖是為內(nèi)容服務(wù)的，構(gòu)圖應(yīng)該以內(nèi)容為本，根據(jù)設(shè)計中的圖片、文字來合理地構(gòu)圖，盡量把設(shè)計效果最大化。 // 五、留白 // 一個版面如果被填充的太滿，就容易造成壓抑、擁擠的感覺，所以我們通常會在版面中留出一些沒有內(nèi)容的“純凈”區(qū)域，以使畫面看起來更透氣、更輕松、更具想象空間，這一做法就稱之為留白。 比如我們在拍風(fēng)景照的時候，一般都會取一部分天空的景，而這一部分天空往往就會成為照片的留白區(qū)域。 說到留白我們很快就會想到簡約風(fēng)、極簡風(fēng)，然后就會自然而然地想到無印良品。在無印良品的海報中，幾乎都會有大量的留白，目的是為了突出產(chǎn)品，同時營造一種自然、純凈、簡約的感覺。 留白手法看似簡單其實很有講究，有些設(shè)計師會以為只要在畫面中保留大量的空白，就是簡約風(fēng)格的設(shè)計，卻很容易把設(shè)計做得很單調(diào)、很空洞。 優(yōu)秀的留白作品一般具有以下幾個特點： 1.留白區(qū)域與內(nèi)容區(qū)域存在聯(lián)系； 甲殼蟲汽車周圍的留白不單單是空白，也是汽車前方無限的道路，同時大量的留白也襯托出汽車的小巧。 2.畫面有一個比較突出、細(xì)節(jié)比較豐富的主體； 如果畫面中沒有人物和小船這些元素，那就真的成空白了，或者把這兩個元素?fù)Q成了非常簡單的事物，比如一片樹葉或一根棍子，效果也會大打折扣。 3.留白區(qū)域不會太多太零碎; 留白區(qū)域太零碎的話，畫面會顯得很散亂。 4.留白的目的是為了更好的突出主體、創(chuàng)造更好的視覺和閱讀體驗。 簡單的圖片與文字排在干凈的背上，留出大量空白，使得畫面看起來很精致，也便于信息的閱讀。 // 六、打破常規(guī) // 在各個行業(yè)各個品類的設(shè)計中，都會形成一些最為常見的構(gòu)圖方式，像牢籠一樣把很多設(shè)計師困在里面，以至于他們一做設(shè)計就會不由自主地使用那些構(gòu)圖，比如廣告設(shè)計中的垂直居中式構(gòu)圖、左右構(gòu)圖，背景板設(shè)計中的發(fā)散構(gòu)圖等等。 很多時候，畫面的主體并不是很有創(chuàng)意或者有很強形式感的圖片，比如很普通的產(chǎn)品，這種情況下再使用一個很常規(guī)的構(gòu)圖，你的設(shè)計就會變得很普通，即便在版式和配色上多下點功夫也不會有太大改善。 所以，再確定好版面中的主要元素后，我們最好多嘗試幾種構(gòu)圖，盡量使我們的設(shè)計看起來不那么普通。為了實現(xiàn)特定的構(gòu)圖，有時設(shè)計形式、排版與配色也要隨之做出改變，意思就是，想要你的設(shè)計更出彩，可以從改變你的構(gòu)圖開始。 例如下圖是一口紅品牌頁面設(shè)計的產(chǎn)品展示部分，設(shè)計師使用了最常規(guī)的上下構(gòu)圖，由于僅需做產(chǎn)品展示，既沒有創(chuàng)意內(nèi)容也很少，再加上產(chǎn)品的造型也不是非常有特點，所以發(fā)揮的空間不大。下圖的做法雖然也是正確的，但是吸引力明顯不足。 對于這類設(shè)計該怎么改善呢？也可以嘗試先改變它的構(gòu)圖，比如改成斜線構(gòu)圖可以嗎？我們可以來嘗試一下。把文字移到左上角，圖片移到了右下腳，由于圖片的張力不夠，所以要對圖片進(jìn)行優(yōu)化補充，比如在背景中加一個斜色塊。這時構(gòu)圖就已經(jīng)從之前的上下構(gòu)圖變成了對角構(gòu)圖，整體的視覺效果也比之前好多了。 如果想細(xì)節(jié)再多一點，還可以將色塊豐富一下，如在色塊上加一些其他顏色的色條。 聚焦、平衡、對比、以內(nèi)容為本、留白、打破常規(guī)，這就是我總結(jié)的6個構(gòu)圖關(guān)鍵詞，希望對大家會有點幫助。不過構(gòu)圖只是設(shè)計中比較基礎(chǔ)的部分，在這之前要準(zhǔn)備好精彩的創(chuàng)意和內(nèi)容，在這之后還要做好版式設(shè)計、色彩搭配等工作，最終才可能設(shè)計出優(yōu)秀的作品。 ☆☆☆ 往期精彩推薦 ☆☆☆ |
|
|
