借鉴宜家册子排版，摆脱死板，让你的册子排版设计超灵活

身为排版工具人，最害怕的便是领导给出的反馈为“排版太死板了”，然而所给的素材总共就只有那么多，再怎么变也离不开其根本啊。

偶然间 Canva 酱翻开了那本去年去宜家抢并收藏的最后的一期《宜家家居指南》，之后我才察觉排版这一活计，真的并非难事！

01 网格系统

在对宜家小册子的排版展开分析之前，Canva酱得先提及一下网格系统，那是如下这般的事物：

简明扼要来讲，就是于页面之上描绘出几行及几栏的网格，在这些网格之内装填各异的元素，你同样能够理解为朝着下述这般的架子上架设物品。

网格系统，从本质上来说，是一种秩序系统，它可以确保设计是客观的，它能够保证设计是功能性的，而且它还使得设计具备数学逻辑美感。

有了网格的限定，不管是复杂的页面，还是简单的页面，都有了一组统一的准则来处理，你所做的一连串设计就能确保具备系统性，而且利于阅读。

无论是纯文字的排版：

还是图文混杂的排版：

使用网格系统，都能获得不错的效果。

02 单张图排版

谈起宜家小册子，它实际上是一本刊载着宜家各类产品的画册，当中比较常见的是那种配有小段文字的单张图片页面，是这样的。

这样看起来的排版，难处并非存在，然而要是遇到页面比较多的状况，需要做到风格维持统一，同时又能够让版面显得生动，这就需要投入一些心思了。

就比方说以左右排版作为实例来讲，宜家所拥有的小册子里存在着下面的几种形式，大家能够看得见它们，版面的风格是保持一致的，然而每一张都有着些许的变化。

想做到这种效果其实很简单，就以下面这张图为例。

这是一个标准的左右结构排版，简化一下大概是这个样子：

透过这几个图片，以及文字的排列，从中我们可以看出，存在着一个隐形的网格。

要着重指出，一般来讲，更多行列的那种网格，会带来更多的变动情况，与此同时，还会使得版面变得愈发细碎，所以呀，网格的行数或者列数，依旧是凭借内容来确定下来 的。

这样的网格，对图与文的位置作出了规定，这样一来，你能够极为便利地去更换图以及文，进而以此构成各异的版面，并且，还能够稍微地进行改动，进而使之转化成为全然不同的版式。

示例：

以下页面都是基于3X3的网格，做的一系列小改动。

这张图，乃是基于上图左右排版状况，额外增添了一小幅图，进而形成了一种崭新的版式。

将左边图片上方空出，变成标题行，又有了一种版式。

两张图错一下位置，也是一种不错的尝试。

砍去标题行的一半，添加一张小图，如此一来，一个不规则且具备逻辑性的版面便生成了。

大伙能够于Canva可画侧边的工具栏之中查找出，【素材】里的【拼图】选项所在之处，在此有着各类形式的网格，能够助力于诸君迅速地制作出不一样样式的排版。

03 多图排版

上面提及的页面，仅有一两张图，版面之中的内容，其逻辑关系相对较为简单。要是存在多图混排的情况，那该如何去做呢？

有这样几种做法，你能够使用网格系统，然而呢，可能横平竖直的那种网格会显得太过单调了，看上去会比较死板，你依然是可以使用它的。

1. 加入文本框，打破死板的网格。

2. 使用两种网格混搭。

在下述图示当中，首行被划分成了三栏，次行则被划分成了两栏，首行与次行的高度并不相同，两个方向的排版均产生了变化，如此一来页面便会显得较为灵活。

要是页面当中的图片数量更为稀少，同样能够采用相类似的处理方式。下面这张图跟上面那张图的网格系统是一样的，不过少了两张图片，这两张图片原本所在的位置被文字给替换掉了。

为了防止页面因缺少图片而呈现出不稳定的状态，将对角线布局用于处理图片，这是一种颇为常见的做法。

3. 图片进行抠图处理

将其中一两张图片做抠图处理，增加页面的灵活性。

可以是中心的图。

也可以是对角线排布的图。

写在最后：

今儿的设计小课堂至此结束了。简要来讲，先搭建起契合内容的网格体系，接着于各异的格子内增添图或者文，如此便能够获取多样不同的排版了。

要是依旧未感到满足，那就运用两种不一样的网格进行混搭，来塑造出更加丰富多样的形式。

这样，你能够做出那种好像很是规规矩矩的排法，却又并非全然规规矩矩，于规矩与不规矩的界限那儿疯狂地进行试探，呈现出多样的排版样式。

继续浏览有关 排版设计网格系统 的文章