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

往期干貨：

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

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

這么說可能大家還是不知道怎么回事，我會找一些圖片來給大家舉例說明。

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

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

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

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

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

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

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

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

這個圖特別能說明問題，亂不亂跟元素的多少無關(guān)，可以看到下面這個圖整體是比較滿的，但是并不顯得凌亂就是因為其風(fēng)格足夠的統(tǒng)一一致，給人一種和諧但又飽滿的視覺印象。

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

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

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

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

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

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

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

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

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

它的重心就是在中間這一條線上，包括下面的信息也在這條線上，所以如果畫面本身不依賴這些點線填補空間，那他就可以用來填補空間。

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

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

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

喲~全看完了，真不戳給你點個贊~

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