如何理解设计中统一与打破

统一相信比较好理解，就像我们做UI设计规范一样，统一界面中常用的元素，让界面整洁统一而不导致杂乱无章。那既然要统一界面为什么还要打破呢？或许你经常听到客户说作品没有设计感，这往往是作品过于统一导致的，所以本文将详细讲解统一和打破的关系，让设计师在设计时懂得合理运用，做出更好的作品。

为什么要统一

在设计中统一并不是所有元素1:1的一模一样，它可以体现在：板式、配色、元素属性、处理手法等等，那么为什么要统一？统一的目的是什么？下面我们具体来说：

统一：让作品更整体

作品不够整体，会给人一种信息散乱、没有视觉焦点的感受；而将视觉元素进行“统一”，就能很好的解决这一现象，这无关乎技法的熟练与否，在我们的日常生活中就随处可见：比如：我们的书本排版，会有统一的页眉、页脚、段落留白、文字间距等等，其目的就有让文本内容在视觉感受上更像一个整体；下面我们看个设计中的案例：

如图所示，上侧案例给人的感觉比较杂乱，不够整体，原因在于：元素与元素之间的关联性不强，且视觉形态及色彩属性各不相同，导致整体各元素之间的呼应不够明显，所以会给人一种不够整体甚至杂乱的感觉。而下侧案例通过在形态、色彩、属性等方面的统一化处理，加强了每个单独视觉元素之间的呼应，使得画面更整体！

统一：让作品更整洁

不管是在设计工作还是日常生活中，干净整洁的东西都是更易于大众接受的，在设计工作中，做好统一是最重要的一环，在此前提下，才能做好另一环“打破”！所以当设计作品出现乱的现象时，我们需要对其视觉元素进行规整及相应的处理，比如：

通过左右对比我们发现，很明显右侧给人的感觉杂乱无章，而左侧干净整洁、有条理，原因在于：

①、元素与元素之间并不是相互孤立的，而是在视觉上存在着一定的呼应关系，相互关联，这样画面整体性也会更强。

②、视觉上将原本各不相同的形态以及色彩重新进行了统一处理，目的是通过减少视觉元素形态及色彩变化而进一步提升画面的整洁。

③、视觉元素在物理关系以及属性上也做到了统一，即统一元素与元素之间的间隔、形态、颜色等等。

下面我们再看组案例：

上图中，相比而言案例二比案例一给人的感觉更整洁、干净、也更像一个整体，原因在于：案例二中配图的属性做到了视觉上的统一，具体体现在：①、图片的颜色属性：统一蓝色色相属性；②、图片的内容属性：统一高端、仰视角度建筑属性；③、图片的留白属性：每一幅配图在视觉上都会有一些留白性质的属性，给人的感觉很舒服。

所以：出于让整体更整洁的统一，大多是在做减法或者合并的过程，目的是减少一些造成视觉整体杂乱的因素，比如：色彩杂乱、图形杂乱、文字形式杂乱、视角角度杂乱、以及过多无关联的视觉元素等等，统一的过程也是整合视觉元素的过程。

注意：设计中的统一并不是绝对的，而是相对的，如果所有的视觉元素、属性都严格按照统一化去处理，那么就会滋生另一个问题：整体视觉太过平滑、缺少变化甚至会给人一种单调、枯燥的感受。那么在强调统一的同时，“打破”就是为了解决这难题的。

为什么要打破

在日常设计工作中，打破是建立在统一基础之上的操作，那么既然已经做好了统一，为什么还要打破呢？打破能为作品带来什么？下面我们具体分析：

打破：提升作品视觉层次感

当作品过于统一时，很容易会给人一种单调、乏味、缺少层次变化的视觉感受，而在统一的基础上做一定的打破操作，就能起到很好的解决这一现象的作用，那么什么是打破？举几个简单的例子：

如上图所示，图①就属于过于统一的表现形式，很明显整体平淡、乏味，缺少视觉变化；而其他都是在统一的基础上做了一些“打破”的处理，只不过各自切入点不同，下面我们逐一分析：

图②：切入点是打破了一成不变的排列形式。

图③：切入点是打破了一成不变的配色形式。

图④：切入点是打破了完全统一的配色形式以及形态。

图⑤：切入点是打破了统一的元素属性值。

图⑥：切入点是打破了统一的元素属性。

以上这些虽然切入点都各不相同，但是目的都是通过打破过于统一的视觉现象，增加整体视觉变化程度，从而提升整体视觉层次感，也打破了呆板、乏味，增添了一些视觉上的跳跃性。

下面我们再看个设计中的例子：

如图所示，上侧案例属于很好的贯彻整体统一的理念，而下侧案例则是打破了固有的统一、却也保留了大部分统一的属性，通过两者对比我们发现，其实单只看这一组案例：两种表现形式都是可取的，只不过相比而言下侧案例给人的视觉感受变化更多、层次感更强，所以相比而言给人留下的视觉印象更深刻。

上面说两种表现形式都可取的前提是：单单只看这组案例，但是很显然这组案例只是页面的局部，如果整体页面都如上侧案例那样严格的按照统一进行，那么页面整体就会过于平淡、缺少视觉层次感、甚至主次不分明。

打破：划分视觉主次

在现实生活中，具有差异化的人或实物会很容易引起周围人的注意，甚至印象深刻、难以忘怀。在设计中亦是如此！其具体表现形式参考上图①-⑥，因为打破过于统一就是在营造具有差异化的视觉元素，从而会很容易在视觉上形成先后、主次之分，所以就起到了一定的划分视觉主次的作用。

注意：打破也不可盲目的进行，过于统一会单调、乏味、重复感强；而过于追求差异化也会出现杂乱、没有章法的视觉现象。所以一定要结合实际情况灵活运用。一幅作品中大多情况下：打破的次数要少于统一，即作品整体绝大不多保留整体统一的属性，通过局部打破处理提升整体出彩度，这样容易给人一种干净、整洁且不失视觉变化、层次感的感受！

不妨找一些优秀的网页分析一下，是否很多优秀的设计作品都符合这一规律？

总结

综上所述，统一是为了让作品有视觉条理性、更整体，而打破则是增加视觉层次变化，让作品更出彩！统一和打破看似是两个矛盾的名词，实则在设计中是相辅相成的作用！不管是统一还是打破，两者的切入点都是相似的，一般体现在：形态、属性、色彩、大小、位置关系、留白等等。但是无论如何统一都是打破的前提，如果作品整体性都不够，再一味的追求打破关系，只会让作品越做越乱。所以一定要先做好统一，其次才是进行打破、改变。当然文中提到的只是一部分，希望大家能活学活用、举一反三！

作者：张家彬 | 微信号:laozhang-sj