當(dāng)你看到一張由很多元素組合而成的畫面時(shí)，是不是也在想，這些元素為什么要這么組合呢？設(shè)計(jì)師有什么講究嗎？不這么組合是不是就不好看呢？可能確實(shí)如此，倘若兩個(gè)不同水平的設(shè)計(jì)師，拿同一批素材按照同一個(gè)創(chuàng)意去做設(shè)計(jì)，最終出來的效果也會(huì)有很大差別，因?yàn)樗麄兘M合元素的能力有差距，那么元素組合有什么講究呢？以下是蔥爺?shù)膸c(diǎn)經(jīng)驗(yàn)。

01.有主次

這是做設(shè)計(jì)很基本的一條準(zhǔn)則，畫面有主次才會(huì)有重點(diǎn)和正確的視覺流程，才不容易引起視覺混亂。在商業(yè)設(shè)計(jì)中，通常會(huì)以產(chǎn)品或者標(biāo)題作為視覺中心。區(qū)分主次的方法主要有以下三種：

? 面積占比區(qū)分

很簡單、就是核心部分需要拉大，次要部分需要縮小，比如在下圖中，兩只狗狗的圖片是重點(diǎn)，所以面積占比最大，黃色塊的文字面積次之。

? 位置區(qū)分

比如把最重要的元素放到畫面上方或者正中心的位置，次要元素排列在版面底部或四周，下圖中的元素雖然非常豐富，但是由于把標(biāo)題和產(chǎn)品放在版面的正中心位置，而其他元素則分散在兩邊，所以產(chǎn)品和文字要更突出一些。

? 外觀區(qū)分

即關(guān)鍵元素在外形、色彩、質(zhì)感等方面就與其他元素有很大差別，比如平面構(gòu)成中的“特異構(gòu)成”就是如此。

下圖海報(bào)利用風(fēng)格和色彩的差異，使籃球運(yùn)動(dòng)員從背景的插畫中輕易的跳脫出來。

02.有節(jié)奏

在元素比較多的情況下，有主次可以在一定程度上減少畫面的混亂感，但并不能使畫面變得美觀，想要做到這一點(diǎn)，各元素的組合還要排出節(jié)奏感。如何排出節(jié)奏感呢？我常用以下三種方法：

? 漸變式排列

即各元素按照某一規(guī)律循序漸進(jìn)的變化排列，比如沿著某條直線呈大小漸變。

沿著某條曲線呈方向漸變、顏色漸變等。

? 重復(fù)排列

即把同一元素進(jìn)行多重復(fù)制，或者把不同元素的大小、色彩、風(fēng)格、間距進(jìn)行統(tǒng)一來排列。

? 自然

即各元素等排列要有大小變化、疏密變化、方向變化、虛實(shí)變化等，否則就會(huì)給人不自然、很假的感覺。

比如上圖就比下圖就要好看很多。

03.有前后關(guān)系

畫面中的元素如果有前有后，就容易形成空間感，元素之間的層次關(guān)系也會(huì)增強(qiáng)。這在合成畫面中尤為重要，元素很多時(shí)，如果沒有前后關(guān)系，就容易產(chǎn)生擁擠、壓抑的感覺。建立前后關(guān)系需要做好以下三方面的工作：

? 大小符合透視關(guān)系，即近大遠(yuǎn)小。

? 光源要符合邏輯，即離光近的元素比較亮，離光遠(yuǎn)的元素比較暗。

? 有虛實(shí)區(qū)別，即近的元素清晰、細(xì)節(jié)多，遠(yuǎn)的元素模糊、細(xì)節(jié)少。

另外，很多設(shè)計(jì)會(huì)模仿單反相機(jī)的景深效果，即鏡頭聚焦的地方清晰，其他地方則比較模糊，所以很多畫面遠(yuǎn)處和近處的元素都會(huì)比較模糊，而處于中間位置的主體元素則很清晰。

04.有連接

畫面里元素如果看起來很散，通常是因?yàn)槿鄙龠B接，比如下圖的元素，東一點(diǎn)、西一點(diǎn)，很不整體,元素與元素之間沒有任何鏈接,所以看起來很散。

如何解決這一問題呢？給大家分享兩種方法：

? 把元素之間的間隔縮小，集中排列。

? 用條狀或片狀的元素把其他元素整合起來，這樣做的效果通常更好。

例如下圖是用一條飄帶把其他元素貫穿起來的。

05.平衡

維持版面的平衡是平面設(shè)計(jì)最基本的原則之一，不平衡的畫面怎么看怎么不舒服，那么，初學(xué)者如何判斷畫面是否是平衡的呢？蔥爺在早前的文章里分享過兩個(gè)方法：

? 把構(gòu)圖區(qū)域連成一個(gè)整體，想象它是一個(gè)真實(shí)存在的物體，然后判斷它是否能保持現(xiàn)有的狀態(tài)立穩(wěn)。

能立穩(wěn)的就是平衡的構(gòu)圖，反之就不平衡。

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

所以，如果把上圖的小字去掉，那么核心元素連城的區(qū)塊是沒法立穩(wěn)的，但是這個(gè)版面也仍然是平衡的，因?yàn)樵摪婷娴摹爸c(diǎn)”就在版面正中央的位置。

06.合理利用元素的輪廓特點(diǎn)

不同的元素其外形也是不盡相同，我們要合理利用元素的外形特點(diǎn)來進(jìn)行排列組合，以達(dá)到美觀、切合排版區(qū)域等需求，比如有很多設(shè)計(jì)就是要用大量元素來組合成某一個(gè)圖形，或是一個(gè)文字，所以設(shè)計(jì)師需要把正確的元素放在正確的位置。

再比如下圖中的各個(gè)元素結(jié)合都結(jié)合得很生硬，因?yàn)闆]有合理地利用元素的輪廓。

調(diào)整之后的方案刻意把標(biāo)題做了錯(cuò)位處理，從而使標(biāo)題和兩個(gè)卡通人物很緊密地結(jié)合起來，調(diào)整后的效果有了空間感，而且更整體也更美觀了 。

總結(jié)一下，想要把畫面中的元素組合出美感，我們可以從六個(gè)方面來做努力：

1.要有主次

2.要有節(jié)奏

3.要有層次

4.要有連接

5.要平衡

6.要合理利用元素的輪廓特點(diǎn)。