在日常工作中，很多設計師都會碰到畫面整體太亂的問題。亂，就會給人一種雜亂無章，甚至心煩意亂的感受，這也恰恰與設計的目的是相悖的。很多情況下設計的目的在于傳達信息，那么「設計畫面太亂」就會影響視覺傳達的效果。能夠有效的避免畫面太亂的技巧有哪些呢?

一、運用對齊的原則

對齊在設計中算是很基礎的知識點，畫面顯亂很多情況是元素的胡亂擺放，毫無規律可循，那么合理的運用對齊的手法是避免畫面亂很好的解決方式，對齊的過程也就是規整畫面元素的過程。比如常見的：

左側給人的感覺是雜亂無章的、毫無規律可言，很容易讓用戶反感，而右側雖然在形態上參差不齊，但是因為運用了對齊的手法，并不會在視覺上呈現出很亂的感覺，因為無論什么模塊，都按照了左對齊的方式擺放，這就起到了很好的規整作用。對齊手法，無論是在文字編排、海報設計、頁面設計等等方面都是基礎的，也是最常用的。其實對齊也能起到很好的串聯作用，因為視覺上按某種規律存在的元素會被用戶下意識的認為是具有相關聯的。

二、串聯視覺元素

畫面太亂最常見的原因之一是因為元素之間沒有形成呼應，也就是每個元素都是獨立的，互無關聯性，在用戶腦海中無法形成一條完整的視覺鏈條，而這樣的畫面相對是容易呈現出亂的感覺。那么避免畫面太亂常用的技法之一：將原本各自為戰的視覺元素串聯起來，在視覺上呈現出關聯性，形成一條不會斷開的視覺鏈條。比如視覺形態的串聯：

這里把每一個色塊當做畫面中的不同的視覺元素或者欄目，左側和右側都運用了對齊的原則，但是從視覺感受上說，相比而言左側整體感覺還是亂，出現亂的原因在于：每個視覺元素在形態上毫無關聯性，都是獨立存在的，無法在用戶腦海中形成很鮮明的視覺鏈條。而右側相比而言減少了很多不同的視覺形態，這使得整體有了很好的統一，在排列方式上也是左右右左的形式，能在很短的時間內讓用戶形成一個視覺慣性，這樣就很好的避免了畫面亂問題的出現，但是也并不是說一定要讓元素1:1重復擺放，而是說讓每個元素之間相互有關聯性，比如：

左側和右側視覺元素位置是一致的，但是左側給人的感覺卻是雜亂的，因為每個視覺元素之間毫無關聯性，而右側則是保持了同種調性，整體都采用了金屬材質的感覺，把每個單獨的視覺元素放在一個整體看，又能形成一個完整的視覺鏈條，最后通過簡單改變形狀，使得整體不至于因為太統一而顯得單調，這就是在統一時找變化，在變化中找視覺聯系。

串聯視覺元素的方式也可以是色彩上的，通過顏色的呼應形成很好的串聯作用，比如常見的：

這里要表達的就是盡可能把整體色彩串聯起來，而不是毫無關聯，顏色的多樣性帶來的是視覺上的不統一，這也是為什么配色時盡量做到色相不超過三個的原因，且盡量保持飽和度和明度接近，任何元素的完全獨立都有可能帶來視覺上的雜亂，盡量做到有種隱藏規律在約束視覺元素，且各個獨立元素之間最終能形成一個視覺鏈。再比如，一些 WEB設計或者官網頁面設計作品，對于顏色的呼應是要求很高的，呼應的目的就是為了使得元素與元素之間相互關聯，形成視覺上的串聯，下面舉個例子：

這個頁面視覺元素并不少，但是給人的感覺是很舒服且不顯亂，原因之一：整體的視覺元素呼應很好，圍繞植物盆栽，視覺形態上形成了很好的串聯作用，每處圖片的調性基本保持了一致，且頁面整體既有大面積的顏色呼應又有點綴性的小面積呼應，能夠很直觀的將每處視覺元素串聯在一起。原因之二：頁面的上中下三個區域分別出現了重色，這也是色彩上呼應的一個表現，如果把最后一部分重色改為白色的話，會給人一種頭重腳輕的感覺，或者把中間重色去掉，就會給人一種視覺鏈斷層的感覺。原因之三：頁面整體對齊做的很好，每處元素都不是胡亂擺放的，都有一條隱形的線在約束元素，所以整體給人的感覺很舒服且不顯亂。

下面再舉個例子：

這里同樣也是整體圖片、顏色調性保持一致，且上中下也是有很明顯的重色呼應，在此中間也有一些小塊色彩的呼應，整體視覺鏈已經有了很明顯的體現。其次在重色區域用了波浪形的形狀約束，其實這種波浪形狀是不好把控的，稍微使用不得當就會顯亂，但是通過呼應的關系，且只是出現在上中下三個區域，在進行活躍版式的同時兼顧了視覺串聯，所以給人的感覺并不亂，反而版式很活躍。

說了這么多，其實就是要充分把原本獨立存在的視覺元素有效的串聯起來，讓他們相互作用，再有效的結合對齊原則，這也是有效避免畫面亂的一種常用手法，串聯視覺元素的過程其實就是規整的過程。

三、重心平穩原則

在設計作品中，平穩的重心是最常見的，在之前的文章中也說過，畫面中無論是顏色、色塊、文字等等它們在視覺上都存在著一定的比重，如果重心不穩，就會給人一種視覺天平的傾向，給人一種「站不穩」的感覺，這并不是畫面亂的絕對因素，因為也有些設計是故意改變畫面重心尋求視覺上的差異化，所以在做好前兩點的前提下，再去考慮重心，比如前面案例里上中下的色彩呼應，同時也起到了很好的平穩重心的作用，很多不錯的海報、頁面都喜歡采用平穩的構圖方式，比如：

無關元素的多與少，整體重心的平穩使得畫面不會因為視覺比重的缺失顯得雜亂，而是給人一種穩定、協調的感覺，但是重心平穩并不是完全的視覺比重的1:1，而是整體協調即可。

四、做個案例

結合今天說的這些理論，我做了一個簡單的網頁，因為頁面偏長，直接放最終版，然后說下具體思路：

首先整體每個模塊都有嚴格的對齊形式，目的是讓每處元素的擺放都有據可循，減少可以造成視覺雜亂的因素。其次同樣采用了上中下重色呼應的形式，目的是讓頁面在視覺上有一定的分量，而不是整體輕飄飄的。最后盡可能的在每一屏都出現橙色，作為輔助色，同樣也要做好呼應關系，形成一個完整的視覺鏈條，整體的調性盡可能的保持了一致，且是重心平穩的構圖方式。

總結

當畫面感覺亂的時候，可以通過結合今天所說的整體審查一遍，尋找問題的根源，當然這些手法只是一些常用的，并不是代表全部，要在這些基礎上靈活運用，學會總結和擴展，而不是只局限于理論，很多設計理論是為大家提供一個方向，多體會、多理解、多運用，方法總比困難多。