今天這個(gè)話(huà)題真的是一個(gè)非常經(jīng)典的一個(gè)問(wèn)題，很多設(shè)計(jì)師都會(huì)存在這樣的情況，元素不加總被客戶(hù)說(shuō)覺(jué)得太空，但是加了吧又被說(shuō)成太亂，這會(huì)設(shè)計(jì)師往往是懵掉的狀態(tài)。今天我會(huì)用一篇文章來(lái)跟大家探討這個(gè)問(wèn)題，閱后基本可以具有自查修改的能力。閑話(huà)不多說(shuō)我們開(kāi)始今天的內(nèi)容。

往期干貨：

在討論為什么設(shè)計(jì)會(huì)出現(xiàn)太亂的情況之前，我們要先清楚一點(diǎn)，什么是亂？下面我們首先來(lái)討論亂的定義。

所謂的亂就是，出現(xiàn)了以下幾個(gè)問(wèn)題。第一視覺(jué)引導(dǎo)混亂，該看的看不到不該看的一直往前竄。第二風(fēng)格不統(tǒng)一，給人視覺(jué)不適感。第三元素配比存在問(wèn)題，例如點(diǎn)過(guò)多或者線過(guò)多會(huì)干擾主視覺(jué)的顯眼程度。

這么說(shuō)可能大家還是不知道怎么回事，我會(huì)找一些圖片來(lái)給大家舉例說(shuō)明。

一眼能看出來(lái)視覺(jué)層級(jí)的往往引導(dǎo)就不會(huì)出現(xiàn)大問(wèn)題，這部分問(wèn)題主要是設(shè)計(jì)師前期的階段會(huì)出現(xiàn)的。

例如這份設(shè)計(jì)，雖然沒(méi)有特別特別的亂，但是引導(dǎo)已經(jīng)很零碎了，大家都可以看出它的主體其實(shí)是這個(gè)涼皮，但是標(biāo)題得到了過(guò)多的強(qiáng)調(diào)。那正確的做法是什么呢？

首先讓主體自己突出出來(lái)，去掉后面不必要的筆觸部分，做簡(jiǎn)單的摳圖就可以。第二讓標(biāo)題別那么強(qiáng)調(diào)，只作為一個(gè)圖片的輔助說(shuō)明就可以，最起碼不需要弄得這么紅，并且減少里零碎的裝飾，簡(jiǎn)簡(jiǎn)單單大大方方的就可以。

來(lái)看一組比較好的視覺(jué)引導(dǎo)設(shè)計(jì)，可以看見(jiàn)他們的層級(jí)十分清晰，不管是藝術(shù)展會(huì)的還是常規(guī)的商業(yè)設(shè)計(jì)，不要讓視覺(jué)反復(fù)游離都是必要的條件。

這里引用一下我們之前做的那篇改稿。

可以看到原稿出現(xiàn)了很多風(fēng)格的素材，其中包括 C4D，插畫(huà)，偽三維等。那么改稿主要就是圍繞著風(fēng)格統(tǒng)一進(jìn)行的。下面給大家看一下改稿后的效果。

視覺(jué)特征多會(huì)造成亂的視覺(jué)印象，一般來(lái)說(shuō)一個(gè)圖有一個(gè)貫穿始終的視覺(jué)風(fēng)格就完全足夠了，當(dāng)然也有能穿插在一起使用還非常好的風(fēng)格組合，例如實(shí)物圖和插畫(huà)的組合就非常棒，關(guān)鍵要看風(fēng)格之間是對(duì)沖干擾還是互補(bǔ)加強(qiáng)。

下面看一組視覺(jué)風(fēng)格高度一致的設(shè)計(jì)，我個(gè)人非常喜歡大家也可以留作參考。

這個(gè)圖特別能說(shuō)明問(wèn)題，亂不亂跟元素的多少無(wú)關(guān)，可以看到下面這個(gè)圖整體是比較滿(mǎn)的，但是并不顯得凌亂就是因?yàn)槠滹L(fēng)格足夠的統(tǒng)一一致，給人一種和諧但又飽滿(mǎn)的視覺(jué)印象。

元素多≠畫(huà)面亂 風(fēng)格多容易造成凌亂

說(shuō)是點(diǎn)線面的配比問(wèn)題，其實(shí)問(wèn)題大部分還都是出現(xiàn)在線和點(diǎn)上面，有的小伙伴控制不好一不注意就加多了。

就像這個(gè)圖一樣，明顯可以看出點(diǎn)線元素略多，其他位置都比較聚集，只有左側(cè)這個(gè)區(qū)域顯得比較碎，成為了畫(huà)面最主要的問(wèn)題，當(dāng)然下面的信息編排這個(gè)同學(xué)后續(xù)也進(jìn)行了調(diào)整，以規(guī)整為主就可以了。

我們?cè)谑褂命c(diǎn)線元素的時(shí)候一定要謹(jǐn)慎，時(shí)刻清楚什么樣的區(qū)域?qū)?yīng)什么樣的元素，例如大塊的面區(qū)域就不能用很多個(gè)細(xì)碎的點(diǎn)來(lái)填充（除非點(diǎn)的密集程度構(gòu)成點(diǎn)化面，這部分后續(xù)會(huì)出文章討論）這樣不足以占據(jù)空間解決問(wèn)題。

最后給大家看一組點(diǎn)線面比較協(xié)調(diào)的設(shè)計(jì)，這里我會(huì)詳細(xì)的說(shuō)說(shuō)優(yōu)秀案例的點(diǎn)線使用邏輯。

首先是這份設(shè)計(jì)，可以看到他使用了大量的線元素去串聯(lián)主體。雖然畫(huà)面的元素也不少，但是并不會(huì)顯得凌亂。因?yàn)樗鞔_的知道我加這些線是為了什么，是針對(duì)誰(shuí)加的。顯然這里就是為了強(qiáng)化串聯(lián)主體，有著明確的功能性。

即使再?gòu)?fù)雜的技法，也要有一個(gè)明確的主體支撐。比如這位設(shè)計(jì)可以看到標(biāo)題的識(shí)別性是完全沒(méi)有問(wèn)題的。哪怕背景上存在很多的圖片色塊甚至是圖形都沒(méi)有影響到它，該承載信息的地方，就一定要讓他清清楚楚，明明白白的。

這份設(shè)計(jì)最好的地方就在于他明確的使用點(diǎn)，線為氛圍元素。根本不參與對(duì)信息的強(qiáng)化而是反而轉(zhuǎn)頭對(duì)背景進(jìn)行了修飾。這點(diǎn)非常值得我們學(xué)習(xí)，這樣既做起來(lái)了氛圍，又滿(mǎn)足了對(duì)空間填充的需求。

但這個(gè)時(shí)候一定會(huì)有同學(xué)有這樣的疑惑，老師你剛才不是說(shuō)過(guò)不要用點(diǎn)線去填充空間嗎？這就涉及到我們另一個(gè)知識(shí)點(diǎn)，我們可以試想一下，把這些裝飾的元素拿下去，畫(huà)面是否依舊平衡？可以想象一下拿掉點(diǎn)線元素畫(huà)面是否依舊平衡？顯然是可以的。

它的重心就是在中間這一條線上，包括下面的信息也在這條線上，所以如果畫(huà)面本身不依賴(lài)這些點(diǎn)線填補(bǔ)空間，那他就可以用來(lái)填補(bǔ)空間。

最后我還要給大家補(bǔ)一部分知識(shí)，就是關(guān)于復(fù)雜和簡(jiǎn)單的關(guān)系。如果你的主體復(fù)雜，那你的背景就要相對(duì)簡(jiǎn)單。如果你的背景復(fù)雜，那么你的主體就要相對(duì)簡(jiǎn)單。

復(fù)雜加復(fù)雜就會(huì)造成亂，大家可以用這個(gè)理論去向前反推看能不能驗(yàn)證這里這段話(huà)。也可以找我交流。大家平時(shí)一定要多帶著觀察的眼光去看設(shè)計(jì)，反復(fù)驗(yàn)證自己學(xué)到的東西是否可靠。

本期我們講了幾個(gè)關(guān)于畫(huà)面為什么會(huì)亂的原因。了解了我們應(yīng)該如何規(guī)避一些錯(cuò)誤的操作，包括點(diǎn)線的用法以及需要注意的知識(shí)點(diǎn)，希望大家有所收獲。有任何問(wèn)題都可以?huà)呦旅娴亩S碼加我好友，和我一起討論交流設(shè)計(jì)。如果喜歡視研設(shè)的內(nèi)容，可以點(diǎn)贊，在看，如果能幫助轉(zhuǎn)發(fā)真的非常感謝。今天的文章就先到這里，我們下期再見(jiàn)。

喲~全看完了，真不戳給你點(diǎn)個(gè)贊~

?歡迎關(guān)注作者微信公眾號(hào)：「視研設(shè)」