2019-8-16 資深UI設計者
在日常的設計工作中，我們也許會遇到這樣的情況：作品缺少變化導致枯燥乏味；而變化太多又會顯得雜亂、沒有章法；這就對應了設計中統一和打破的關系，那么為什么統一和打破這兩種看似矛盾的關系，卻總是能同時出現在我們的設計作品中？如何更好的理解二者之間的關系并運用到日常的工作中去？希望本期內容能對大家有所幫助。
在設計中統一并不是所有元素1:1的一模一樣，它可以體現在：板式、配色、元素屬性、處理手法等等，那么為什么要統一？統一的目的是什么？下面我們具體來說：
統一：讓作品更整體
作品不夠整體，會給人一種信息散亂、沒有視覺焦點的感受；而將視覺元素進行“統一”，就能很好的解決這一現象，這無關乎技法的熟練與否，在我們的日常生活中就隨處可見：比如：我們的書本排版，會有統一的頁眉、頁腳、段落留白、文字間距等等，其目的就有讓文本內容在視覺感受上更像一個整體；下面我們看個設計中的案例：
如圖所示，上側案例給人的感覺比較雜亂，不夠整體，原因在于：元素與元素之間的關聯性不強，且視覺形態及色彩屬性各不相同，導致整體各元素之間的呼應不夠明顯，所以會給人一種不夠整體甚至雜亂的感覺。而下側案例通過在形態、色彩、屬性等方面的統一化處理，加強了每個單獨視覺元素之間的呼應，使得畫面更整體！
統一：讓作品更整潔
不管是在設計工作還是日常生活中，干凈整潔的東西都是更易于大眾接受的，在設計工作中，做好統一是最重要的一環，在此前提下，才能做好另一環“打破”！所以當設計作品出現亂的現象時，我們需要對其視覺元素進行規整及相應的處理，比如：
通過左右對比我們發現，很明顯右側給人的感覺雜亂無章，而左側干凈整潔、有條理，原因在于：
①、元素與元素之間并不是相互孤立的，而是在視覺上存在著一定的呼應關系，相互關聯，這樣畫面整體性也會更強。
②、視覺上將原本各不相同的形態以及色彩重新進行了統一處理，目的是通過減少視覺元素形態及色彩變化而進一步提升畫面的整潔。
③、視覺元素在物理關系以及屬性上也做到了統一，即統一元素與元素之間的間隔、形態、顏色等等。
下面我們再看組案例：
上圖中，相比而言案例二比案例一給人的感覺更整潔、干凈、也更像一個整體，原因在于：案例二中配圖的屬性做到了視覺上的統一，具體體現在：①、圖片的顏色屬性：統一藍色色相屬性；②、圖片的內容屬性：統一高端、仰視角度建筑屬性；③、圖片的留白屬性：每一幅配圖在視覺上都會有一些留白性質的屬性，給人的感覺很舒服。
所以：出于讓整體更整潔的統一，大多是在做減法或者合并的過程，目的是減少一些造成視覺整體雜亂的因素，比如：色彩雜亂、圖形雜亂、文字形式雜亂、視角角度雜亂、以及過多無關聯的視覺元素等等，統一的過程也是整合視覺元素的過程。
注意：設計中的統一并不是絕對的，而是相對的，如果所有的視覺元素、屬性都嚴格按照統一化去處理，那么就會滋生另一個問題：整體視覺太過平滑、缺少變化甚至會給人一種單調、枯燥的感受。那么在強調統一的同時，“打破”就是為了解決這難題的。
在日常設計工作中，打破是建立在統一基礎之上的操作，那么既然已經做好了統一，為什么還要打破呢？打破能為作品帶來什么？下面我們具體分析：
打破：提升作品視覺層次感
當作品過于統一時，很容易會給人一種單調、乏味、缺少層次變化的視覺感受，而在統一的基礎上做一定的打破操作，就能起到很好的解決這一現象的作用，那么什么是打破？舉幾個簡單的例子：
如上圖所示，圖①就屬于過于統一的表現形式，很明顯整體平淡、乏味，缺少視覺變化；而其他都是在統一的基礎上做了一些“打破”的處理，只不過各自切入點不同，下面我們逐一分析：
圖②：切入點是打破了一成不變的排列形式。
圖③：切入點是打破了一成不變的配色形式。
圖④：切入點是打破了完全統一的配色形式以及形態。
圖⑤：切入點是打破了統一的元素屬性值。
圖⑥：切入點是打破了統一的元素屬性。
以上這些雖然切入點都各不相同，但是目的都是通過打破過于統一的視覺現象，增加整體視覺變化程度，從而提升整體視覺層次感，也打破了呆板、乏味，增添了一些視覺上的跳躍性。
下面我們再看個設計中的例子：
如圖所示，上側案例屬于很好的貫徹整體統一的理念，而下側案例則是打破了固有的統一、卻也保留了大部分統一的屬性，通過兩者對比我們發現，其實單只看這一組案例：兩種表現形式都是可取的，只不過相比而言下側案例給人的視覺感受變化更多、層次感更強，所以相比而言給人留下的視覺印象更深刻。
上面說兩種表現形式都可取的前提是：單單只看這組案例，但是很顯然這組案例只是頁面的局部，如果整體頁面都如上側案例那樣嚴格的按照統一進行，那么頁面整體就會過于平淡、缺少視覺層次感、甚至主次不分明。
打破：劃分視覺主次
在現實生活中，具有差異化的人或實物會很容易引起周圍人的注意，甚至印象深刻、難以忘懷。在設計中亦是如此！其具體表現形式參考上圖①-⑥，因為打破過于統一就是在營造具有差異化的視覺元素，從而會很容易在視覺上形成先后、主次之分，所以就起到了一定的劃分視覺主次的作用。
注意：打破也不可盲目的進行，過于統一會單調、乏味、重復感強；而過于追求差異化也會出現雜亂、沒有章法的視覺現象。所以一定要結合實際情況靈活運用。一幅作品中大多情況下：打破的次數要少于統一，即作品整體絕大不多保留整體統一的屬性，通過局部打破處理提升整體出彩度，這樣容易給人一種干凈、整潔且不失視覺變化、層次感的感受！
不妨找一些優秀的網頁分析一下，是否很多優秀的設計作品都符合這一規律？
綜上所述，統一是為了讓作品有視覺條理性、更整體，而打破則是增加視覺層次變化，讓作品更出彩！統一和打破看似是兩個矛盾的名詞，實則在設計中是相輔相成的作用！不管是統一還是打破，兩者的切入點都是相似的，一般體現在：形態、屬性、色彩、大小、位置關系、留白等等。但是無論如何統一都是打破的前提，如果作品整體性都不夠，再一味的追求打破關系，只會讓作品越做越亂。所以一定要先做好統一，其次才是進行打破、改變。當然文中提到的只是一部分，希望大家能活學活用、舉一反三！
文章來源：站酷