设计画面显乱，该如何解决？

在日常工作，很多设计师都会碰到画体太乱问题。乱，会杂乱章，甚至心烦意乱感受，这也恰恰与设计目是相悖。很多情况下设计目在于传信息，那么「设计画太乱」会影响视觉传效。能够有效避免画太乱技巧有哪些呢？

一、运用对齐的原则

齐在设计算是很基础知识，画显乱很多情况是元素胡乱摆放，毫规律可循，那么合理运用齐手法是避免画乱很好解决，齐过程也是规画元素过程。比如常见：

左侧感觉是杂乱章、毫规律可言，很容易让用户反感，而右侧虽然在形态上参不齐，是为运用了齐手法，并不会在视觉上呈现出很乱感觉，为论什么模块，都按照了左齐摆放，这起到了很好规作用。齐手法，论是在文编排、海报设计、页设计等等都是基础，也是最常用。其实齐也能起到很好串联作用，为视觉上按某规律存在元素会被用户下意识认为是具有相关联。

二、串联视觉元素

画太乱最常见原是为元素没有形成呼应，也是个元素都是独立，互关联性，在用户脑海法形成条完视觉链条，而这样画相是容易呈现出乱感觉。那么避免画太乱常用技法：将原本各自为战视觉元素串联起来，在视觉上呈现出关联性，形成条不会断开视觉链条。比如视觉形态串联：

这里把个色块做画不视觉元素或者栏目，左侧和右侧都运用了齐原则，是从视觉感受上说，相比而言左侧体感觉是乱，出现乱原在于：个视觉元素在形态上毫关联性，都是独立存在，法在用户脑海形成很鲜明视觉链条。而右侧相比而言减少了很多不视觉形态，这使体有了很好统，在排列上也是左右右左形，能在很短时内让用户形成个视觉惯性，这样很好避免了画乱问题出现，是也并不是说定要让元素1:1复摆放，而是说让个元素相互有关联性，比如：

左侧和右侧视觉元素位是致，是左侧感觉却是杂乱，为个视觉元素毫关联性，而右侧则是保持了调性，体都采用了属材质感觉，把个单独视觉元素放在个体看，又能形成个完视觉链条，最后过简单改变形状，使体不至于为太统而显单调，这是在统时找变化，在变化找视觉联系。

串联视觉元素的方式可是色彩上的，通过颜色的呼应形成很好的串联作，如见的：

这里要表达的就是尽可把整体色彩串联起来，而是毫无联，颜色的多样性带来的是视觉上的统一，这是为么配色时尽量做到色相超过个的原因，且尽量保持饱和和明接，任何元素的全独立都有可带来视觉上的杂乱，尽量做到有种隐藏规律在约束视觉元素，且各个独立元素之间最终形成一个视觉链。再如，一些 WEB设计或者官页面设计作，对于颜色的呼应是要求很的，呼应的目的就是为了使得元素与元素之间相互联，形成视觉上的串联，面举个例子：

这个页面视觉元素并，但是给人的感觉是很舒且显乱，原因之一：整体的视觉元素呼应很好，围绕植物盆栽，视觉形态上形成了很好的串联作，每处图片的调性基本保持了一致，且页面整体既有大面积的颜色呼应又有点缀性的小面积呼应，够很直观的将每处视觉元素串联在一起。原因之二：页面的上中个区域分别现了重色，这是色彩上呼应的一个表现，如果把最后一分重色改为白色的话，会给人一种头重脚轻的感觉，或者把中间重色掉，就会给人一种视觉链断层的感觉。原因之：页面整体对齐做的很好，每处元素都是胡乱摆放的，都有一条隐形的线在约束元素，整体给人的感觉很舒且显乱。

下面再举个例：

这同也是整体图片、颜色调性保持一致，且上中下也是有显的重色呼应，在此中间也有一些块色彩的呼应，整体视觉链已经有了显的体现。其次在重色域用了波浪形的形状约束，其实这种波浪形状是不好把控的，稍使用不得当就会显乱，但是通过呼应的关系，且只是出现在上中下三个域，在进行活跃版式的同兼顾了视觉串，所以给人的觉并不乱，反而版式活跃。

了这么多，其实就充分把原本独立存的视觉元素效的联起，让他们相互作用，再效的结合对齐原则，这也效避免画面乱的一种常用手法，联视觉元素的过程其实就规整的过程。

三、重心平稳原则

设作品中，平稳的重常见的，之的文章中也过，画面中无论颜色、色块、文字它们视觉都存一的比重，如果重不稳，就会给人一种视觉天平的倾向，给人一种「站不稳」的感觉，这并不画面乱的绝对因素，因也些设故意改变画面重寻求视觉的差异化，所以好两点的提下，再去考虑重，比如面案例里中下的色彩呼应，同时也起到了很好的平稳重的作用，很多不错的海报、页面都喜欢采用平稳的构图方式，比如：

无元素的多与，整体重心的平稳使得画面会因为视觉重的缺失显得杂乱，而是给人一种稳定、协调的感觉，但是重心平稳并是全的视觉重的1:1，而是整体协调即可。

四、做个案例

结合今天说的这些论，我做了一个简单的页，因为页面偏长，直接放最终版，然后说具体思路：

首先整体每个模都有严格的对齐形式，目的是每处元素的摆放都有据可循，减可成视觉杂乱的因素。次同样采了上中重色呼应的形式，目的是页面在视觉上有一定的分量，而是整体轻飘飘的。最后尽可的在每一屏都现橙色，作为辅助色，同样要做好呼应系，形成一个整的视觉链条，整体的调性尽可的保持了一致，且是重心平稳的构图方式。

总结

当画面感觉乱的时候，可通过结合今天说的整体审查一遍，寻问题的根源，当然这些手法只是一些的，并是代表全，要在这些基础上灵，会总结和扩展，而是只限于论，很多设计论是为大供一个方向，多体会、多解、多，方法总困难多。

欢迎关注作者的公众号：「美工美邦」