你的排版这么烂，不学几招怎么做我手下？

是的，

干货 表情包又来了！

排版乱，

可能是每个新手设计师都逃不过的一关。

关于这点，

很多同学有种错误的认识，

觉得页面乱就是元素太多了，

删减文案或者元素就可以解决。

其实不然。

信息量大只是造成视觉混乱一方面原因，

有时候即使信息不多，

排版的秩序感差的话，

同样会给人乱的感觉。

在实际的工作场景中，

新手设计师经常会犯三类不同的错误，

从而导致页面乱混，

下面我一一给大家分析原因，

并且教大家如何化解。

好了，话不多说，干货走起。

画面的元素一多，排版就混乱，这可能是新手设计师们都逃不过的问题。自己对设计需求缺少掌控力，需求方反馈什么就加内容，每个内容都要突出，最后就变成了什么都不突出。

例如下面这张社团招生海报。

再比如在一些商场超市的促销海报中，经常可以看到所谓“热闹”的设计风格，主题很重要，品牌名称很重要，利益点很重要，时间地点也很重要，最后就成了这样。

要表达的东西太多，抓不住重点，最后就成了一锅大杂烩。下面来看看如何解决这个问题。

 信息编组 

解决这类问题的方法有很多，最常用且最简单的一种方法是：信息编组。

例如下面这组海报，虽然文字很多，但是作者只是将它们简单的分成了三组分布在画面的不同角落，通过排版的细节变化，营造出一点节奏感，整体就给人挺有设计感的。

下面这张海报也是一样，文案信息同样很多，但是通过编组之后，形成大小变化，营造出了很好的阅读节奏变化，显得一点也不乱。

尽管设计主题不一样，但是原理都是相通的。

下面我们来一个实操案例。以上面我们提到的社团招生海报为例，看看如何通过信息编组，来优化页面。

要将信息编组，第一步是理清楚页面上的信息都有哪些。

对社团招生海报来说，主要有两大目的：品牌宣传与新手招募。所以我们从这两大目标出发，对文字信息进行编组和优化。

可以梳理出下面的结构。

这样一看，是不是清晰多了？

再接下来就是对文案信息进行视觉包装了。因为是学生社团，所以在设计风格上可以年轻活力一些。

OK，文案和风格确定之后，下面来看看具体怎么做。

第一步，

简单的铺一个背景。

第二步，

用一个简单的几何形状将名字圈起来，这样可以使品牌的名字图形化，让它更有记忆点。

第三步，

将其它文案信息大致确定一个位置和大小。

第四步，

为了形成阅读上的节奏变化，加入英文装饰元素，同时在招募信息那里打一个大点的标题。让招募信息更加醒目一些。

第五步，

丰富页面的细节。

添加上背景纹理，以及撕纸的装饰细节等等。

好了，完工！

来对比一下优化前后的效果：

OK，

继续下一个。

不只是文字多容易造成混乱，文字少同样可能会乱。

来看下面这张图，如果我们仔细去看下文字排版，其实它是很工整的居中对齐。尽管如此，但画面整体的效果依然看起来有点乱，除了有点喧宾夺主的装饰物，最重要的原因就是：缺少主体。

画面缺少主体，从而导致层次感很弱，第一眼看过去捕获不到主要的信息，所以就会给人乱的感觉。

所以在某种程度上，乱并非一种排版形式，而是一种阅读体验。我们再看下面这张海报，其实它的信息特别简单，但是由于画面缺少主体，导致排版看起来毫无规律，有种既空旷又很乱的奇妙感觉。

那么，要如何避免出现这样的情况呢？

其实答案很简单，既然知道了是缺少主体导致页面没有重心，那解决方式当然是塑造主体啊！

 塑造主体 

我们通过一个实操案例来看下，要如何通过塑造主体的方法，梳理出画面的视觉层次感。

以上面提到的反面案例优服云为例，我们先来对文案进行编组提炼。它的信息其实很简单，主要是活动名称和倒计时。

从海报的目的来看，倒计时信息能给人一种紧迫感，所以我们将它塑造成主体。

来看看怎么做。

第一步，

先将页面信息简单排版出来一下。

要将数字2塑造成主体，所以我们需要将它尽量放大，占据在画面的视觉中心。

第二步，

变换一下排版，选用右对齐的方式，可以让整体看起来不那么呆板。同时更换一下字体，简洁硬朗的字体可以让它有点科技风的气质，符合公司名字。

第三步，

给背景拉两个渐变，通过光的聚集形成地平线的感觉。将数字2衬托得更有气势一些。

第三步，

给数字做外发光的效果。

我这里做了两层：一层是数字2的外发光。另外一层是将数字2复制出来，然后羽化，形成更大的发光面积。

第四步，

在数字2的前面放置一个小人背景，进一步强化空间感。然后再丰富一下背景和文字的颜色质感，让整体更有科技感。

OK，完工！

对比一下优化前后的效果：

怎么样？

改完之后，有没有觉得年会好像更值得期待了？

相对于上面两种情况，有时候画面的元素并不太多，并且主体做得也够大够突出了，但还是觉得乱。许多新手面临这种情况往往无从下手。

比如下面这个页面，它的画面主体很突出，整体的排版也算工整，但整个页面看起来就是有种说不出来的混乱，不知道从哪里开始看起。

下面这张海报也是一样的，它的对齐方式极不明确，字体的气质也完全不统一，导致整个画面的文字排版很混乱，完全没有秩序感。

没有秩序感的画面，信息传达的效率是极低的。因为用户根本不知道从哪里开始看。

要解决这个问题，我们经常是通过方向对齐，或者线条引导的方式，来梳理出清晰的阅读动线。

 梳理阅读动线 

简单来说，就是让文字排版上有迹可循。

可以是简单的直线对齐：

也可以是流动性的曲线引导。

当然还有更多的引导用户视线的方式，但无论哪种阅读动线，必须要让用户第一时间GET到。

下面我们对上面提到的案例来演示，看如何优化一个页面的秩序感出来。

先来拆解一下原页面。

我们看到，人物和背后的圆有着差不多相同的比例，很明显这分散了用户的视线，可以将它们结合一下，让视觉更加集中，再将文字的对齐方式统一，这样在阅读体验上可以更加简洁明晰。

优化后的构图：

好了，来看看具体步骤。

第一步，

因为原图质量不高，所以我另外抠了一张角度很相似的模特图。

第二步，

按照我们上面优化后的构图摆放好人物和色块，然后填好颜色。

第三步，

把文案大致排版一下，在右边拉一条对齐基线，形成明确的阅读动线。

第四步，

优化一下文案排版。

第五步，

因为所有的文案全都是靠右对齐的，在视觉上会略显得呆板，所以我们可以加入手写英文装饰文案，增加一些活力。

再给画面添加纹理，丰富一下背景。

OK，完工！

来看看优化前后对比图：

好了，

关于排版混乱的三种情形，全部以理论+实操的方式给大家分析完毕。只要你用心琢磨和多练，相信对于你的排版能力提高肯定会有帮助。

今天的内容就到这。

走了

-------------------------

往期精华文章导读：

太依赖素材网会不会把自己干废了？

为什么选谁你都会后悔？

不跳槽就是图安逸不上进吗？

-END-

越努力，越幸运。

这里是庞门正道。