什么是电子杂志设计风？

说到电子杂志，目前国内阅读体验比较好的还算雅志电刊！另外一方面，电子杂志对设计界的意义，比你想象中更大、更有影响力！

你可能不知道，世界上第一本诞生于1875年的英国，而中国电子杂志的出现则在1930年左右。也就是说中国人读电子杂志已经足足90年了。

所以现在说到的各种设计手法的应用，在这90年里，电子杂志已经玩到玩无可玩了，电子杂志设计自然包含了无数的设计干货。

聊排版，现在很多人都可能会想到网页、海报、电商广告之类的。

但是，真正将图文排版推到极致的，其实是电子杂志。现在的网页、网络广告等无不是从电子杂志排版中汲取了大量的营养。

当前在互联网新媒体的冲击下，电子杂志这种形式正在逐步退出历史舞台。尽管如此，电子杂志设计师们当年做的排版实验，还是值得我们去好好回味和学习。

我们先来欣赏一下那些将排版做到极致的电子杂志。

风格非常大气的纽约时报电子杂志：

时尚前卫的 IdN，这本是不少设计师的挚爱。

国内的《新视线》，排版上也是炉火纯青。

说到排版设计，怎么可能少得了日本人的作品。

这本《idea》是关于设计资讯类的电子杂志。

好了，今天这篇文章当然不是电子杂志赏析，在翻看了大量的经典电子杂志排版之后，我给大家总结出几招既好用，又十分易学的排版干货技巧。

图文叠压是很常见的一种排版手法，在强调图片展示的电子杂志排版中也十分常见。

具体的做法有很多种，我们可以根据图片的实际情况灵活处理。

最常见的做法大致可以分为这两种：

一、整体叠压

最大化展示图片，让文字全部压在图片上。

这种叠压方式的优点很突出，可以充分展示图片带来的视觉冲击力，同时文案的排版 空间也很大，可以自由发挥。

缺点也同样明显，那就是对图片质量要求很高，文字的可阅读性会受到一定影响。

更多案例：

从上面这些案例可以看出，整体叠压的方式，如果要做得出彩，除了图片质量要上乘之外，在文案排版方面，最重的是字体样式有对比，有变化。比如说加入手法字体、强烈的颜色对比等等。

二、局部叠压

顾名思义，就是文字只压住图片的一小部分。

局部叠压的方式初看起来平平无奇，但是如果应用得当，往往可以产生意想不到的效果。

优点一：应用灵活。

图文可以随意地摆放。相对于整体叠压，这种方式对图片素材的精度和比例都没有硬性要求，同时也给文字留出了很大的处理空间。

优点二：打破版式平衡，制造画面冲突。

太过于工整的排版会让画面显得死板，通过文字的局部叠压，可以产生不对称的效果，打破画面的平衡，产生视觉上的起伏和落差。

好了，下面进入实操环节。

先来一张我年轻时候的照片。

还可以吧，也就一般般帅。。

先把照片摆放到画面中，先调节一下对比度，以及裁剪一下适当的比例。

第二步，选一个奔放自由一些的字体，半叠压在照片上。字体颜色选用明亮鲜艳的红色，打破画面的沉闷感。

最后在画面的空白地方填上文案，注意节奏的变化。

duang。。。

一张文艺风的海报就完工了！

十分钟搞定，是不是So easy的感觉？

没办法，

只要人长得帅，设计就是做得快！

OK，

再来一个更实用的案例。

比如说要做一个服装海报，现在有了一张还不错的主图。

先将它摆放在适当的位置，然后选择和主画面相呼应的背景色。

按照我们前面讲的半叠压的方式，把文案排在左边。给其中的一些文案增加色块，一方面形成排版上的变化，另一方面也可以在视觉上更突出。

最后再添加一些辅助性的小字，丰富一下画面的层次感。

一张电子杂志风格的广告就搞定了！

非常实用的排版方式，各位做电商的同学，赶紧应用起来吧！

好了，继续上菜。

先给大家普及一下拼贴这种艺术风格的起源。

拼贴艺术起源于20世纪早期的达达主义。当时一群年轻而反叛的艺术家们为了反战，设计了一些反美学的艺术作品来表达对资产阶级价值观和第一次世界大战的绝望。

达达主义拒绝任何标准，追求随意。

“dada”这个词，据说就是来自罗马尼亚语的一句口语，意思是“是的，是的”。

大概就是这么个意思：

看似佛系，无所谓，其实内心是反叛的，蔑视一切现有的艺术规则。

达达主义具体表现在平面视觉上，是这样的风格：

一眼看过去，就是三个字：有毛病！

完全就是胡乱拼贴嘛！

不过你仔细一瞧嘛，好像又有那么点韵律和节奏在里面，隐隐地能感受到一种情绪和力量。

总之，最后达达主义还是由一种“反艺术”变成了一种“艺术”风格。

到现在，拼贴风格被大量地应用到了各种设计中。

比如说服装设计：

鞋子：

在电子杂志的排版设计中，更是看到大量的拼贴风格。

电商页面的设计，明显受到了时尚电子杂志的影响，拼贴式的设计手法也随处可见。

拼贴的风格看似杂乱无章，但是要表现出良好的视觉节奏感，还是需要有一定的排版功底的。不然的话，就真的变成了胡乱拼凑了。

说一千道一万，不如自己动手做一下。

下面我们来做一个日本风的秋季女装海报。

先抠一张人物图，选择代表秋天的黄色为背景。在背景上叠加纸质纹理，营造一点复古的感觉，再将人物做成贴纸的样式。

打上主标题，复制一层描边错位，将标题做一点立体样式。

接下来是关键的一步。

将几张商品图随意地摆放到画面中，分别做一点样式来装饰一下每张图。比如做个相框效果，或者描边效果等。

最后再添加文案和辅助小元素。

因为想做成日系风格，所以可以适当地添加一点日语文字作为装饰。再添加像小标签，波点这样的辅助元素，这样整个画面就十分丰富了。

拼贴风格的画面不要害怕元素多，只要风格统一，适当数量的元素拼贴在一起，可以营造出丰富、热闹的气氛。

一张轻松写意，杂而不乱的海报就完成了！

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

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

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

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

错位排版的应用：

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

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

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

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

OK，理论讲完，

下面看操作！

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

再来一个案例。

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

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

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

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

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

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

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

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

就问你一句，帅不帅？！

好了，

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

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