这样排版，肖战都觉得帅！

前面讲了两招杂志风的排版技巧，今天从第三招开始讲。

先热身一下。

毫无疑问，对齐是最基本的设计规律。

那不对齐、错位在排版中就是绝对的错误吗？

显然不是这样，所有的规律都是用来打破的，而所有打破规律，又都是为了重建新的规律。

错位设计在有些时候就能达到破坏原有规律，重建新规律的效果。

错位排版的应用：

通过上面两个例子，我们可以看出来，错位排版并不是单纯地为了错位而错位，而是通过错位的方式打破原有画面平衡，然后通过小元素的穿插，以及大小的变化，轻重避让等设计手法，重新构建新的画面平衡。

更多案例：

错位的排版方式，可以营造出错落有致排版风格，相对于严谨的对齐，可以给人更活泼的感觉。

优秀的版式设计，很少刻意的遵循某一个死板的规律，而是在规律与突破之间寻找到了微妙的平衡。

再给大家看一些“错而不乱”的排版：

OK，理论讲完，

下面看操作！

利用错位排版的特点，做一张比较有张力的运动风格的海报。

首先抠一张“我心飞翔”的人物素材。再铺上一张天空的背景，这样会让人物更有起飞的感觉。

经过上面的处理之后，整个画面质感得到很大的提升。

接下来处理文案，选择视觉冲击力更强的手绘字体。

人物的形态是向左上运动的，因此文字的错位方式也可以向左上形成动感。

最后，为了保持画面的平衡感，我加入了线形nike标志，以及左下角的小字。

看下大图：

相对于四平八稳的排版方式，这种刻意制造的错位排版，视觉上更加具有张力，就像忽然使出了其不意的一招！

做设计的都知道：无对比，不设计。

对于杂志的排版，更是如此。大部分杂志的开本都比较大，文字信息多，因此设计师在排版的时候，一定需要将视觉层次拉开，引导用户的阅读视线。

放大字号，粗壮的字体，强对比的色彩，将关键信息放到页面正中间，这些都是有些的强化对比的方式。

将关键的信息提取出来，让它几乎占满排满空间，这样可以提升版式的跳跃率，极大的增强视觉张力。

将某些字符单独放大，当大到一定程度之后，在视觉上我们不再当它是一个文字，而是一个图形。

图形化的文字也是强化对比的有效方式之一。

手写字体是另外一种将文字图形化的方式。

在上图中，手写字的轻松、活泼，与工整的正文形成了强烈的对比。使得整个画面一下子就充满了生机。

下面我们用一个实操例子看看怎么通过强化对比，还强化画面的视觉冲击力。

下面这个男装广告，按照常规思路我们抠好图之后，然后选好合适的背景色，再把文字按步就班的排版好，一个基本及格的广告就做好了。

这样的广告看起来好像没啥问题，但又觉得有点儿不对劲。它清晰的将广告的信息传达出来了，但是也就仅仅这样，我把这种设计称之为“不痛不痒”的设计。

就好像一个有气无力的导购员，怎么可能让你会有购买的冲动？

优秀的电商广告不仅仅是将信息传达出来，更重要的是将信息聚焦、放大，更强烈的视觉冲击力才能刺激到用户的购买欲。

下面我们看看怎么通过强化对比来增加画面的视觉冲击力。

首先是尽量把商品图放大，让用户更容易的感知到商品的细节。

在颜色上多使用对比色，互补色，刺激用户的眼球。

文案的排版上，要营造出层次感，一眼看过去能看到重点。

经过一番调整之后，整个广告的视觉力度大大地提升了！

感受一下大图：

再来一个案例。

最近《庆余年》比较火，我们就以这个为主题做一张海报。

先去剧照里面选择一个角色作为海报主体，选谁呢？

当然是选择被演戏耽误的设计师——肖战小哥。。。

照片原本的比例是横向构图的，所以我们需要把背景图拉伸一些，铺满整个画面。

接着用书法字体写上剧名，为了让标题更有张力，我们把字号放得很大，直到撑到画面以外去。

找来一张金色的纹理图，叠加在文字上，OK，质感瞬间+10086!

将处理好的文字复制一层，往面下移动几个像素，这样文字就有了一定的厚度。最后再用相互穿插的方式，将小文字排版好。

大家在排版的时候，一定要注意小字的处理方式。小字在视觉上是起到辅助作用的，可以帮我们平衡画面，调节排版节奏，丰富画面层次，简直就是妙用无穷。

好了，看看大图：

就问你一句，帅不帅？！

好了，

到这里杂志风排版的教程就完整的结束了。

大家不只是看进去，更重要的是亲自动手。