排版总被嫌死板？看宜家家居指南，网格系统超妙

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

Canva酱偶然间翻开了去年那次前往宜家争抢回来予以收藏的最后一期《宜家家居指南》，我这才察觉排版这项工作，确实并非难事！

01 网格系统

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

简单来讲，就是于页面之上绘制出几行几列的网格，而后在网格之内填充不一样的元素，你亦能够这样来理解，即像接下来这般的架子上面放置物品 。

网格系统，本质上，是一种秩序系统，其能够保证，设计是客观的，是功能性的，并且是具备数学逻辑美感的。

由于存在网格的限定，不管是复杂的页面或者简单的页面，都具备了一套统一的准则予以解决，你所创建的一系列设计能够确保拥有系统性，而且利于阅读。

无论是纯文字的排版：

还是图文混杂的排版：

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

02 单张图排版

说起这个宜家小册子，它在性质上呀，基本上就等于是那种画册似的东西，是用来展示宜家各种各样产品的，在它里边呢，比较常见的就是那种有着一张图片再加上一小段文字的页面情况啦 。

如此这般的排版方式并非难事，然而，要是页面数量众多，既要维持风格统并且还要使版面变得生动起来，那就得花费一番心思了。

以来讲左右排版作为示例，在宜家的小册子里存在下面几种形式的情况。在这其中，大家能够看到，关于版面的风格呈现出统一的状况，不过每张又存在些许的变化情况。

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

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

从这几个图片的排列里面，我们能够看出，从这几个文字的排列里面，我们能够看出，存在一个隐形的网格。

划重点，通常来讲，更多行列的网格，会带来更多的变化，与此同时，也会使得版面变得更细碎，所以，网格的行数，以及列数，仍旧是依内容来决定的。

图和文的位置，是由这样的网格规定的，你能够很便捷地更换图和文，进而构成不一样的版面，也能够略有改动，使之成为全然不同的版式。

示例：

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

这张图，原本是基于上图左右排版，在此基础之上，又增添了一个小图，进而形成了一个全新的版式。

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

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

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

人们能够于Canva可画的侧边工具栏当中，寻找到【素材】里的【拼图】此项，此处存在各类样式的网格，能够协助你迅速地作出不一样样式的排版。

03 多图排版

上头提及的页面仅有一两幅图，版面当中内容的逻辑联系颇为简单，要是多幅图混合排版该如何去做呢 ？

你依旧能够运用网格系统，然而横平竖直的那种网格兴许太过单调了，看上去显得死板，那么你能够有如下几种做法。

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

2. 使用两种网格混搭。

把图里，第一行分成三栏，第二行分成两栏，两行的高度是不一样的，两个方向之中排版都存有改变，通过这种情况页面就会显得很灵活。

要是页面之中图片数量更为少些，同样能够采用相似的处理手法。下面这张图跟上面那张图，网格系统是一样的，只不过少了两张图片，而那两张图片所在的位置，被文字给替代了。

想要页面不因缺图片显得不稳，采用对角线布局处理图片，是较为常见的做法。

3. 图片进行抠图处理

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

可以是中心的图。

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

写在最后：

今儿的设计小课堂至此告一段落，简要来讲，先搭建起契合内容的网格系统，而后于各异格子内添加图或者文，如此便可得到多样的排版。

倘若依旧不称心意，那就运用两种各异的网格进行混合搭配，去营造出更加多元饱满的形式 。

如此一来，你能够制作出看上去颇为规正，却又并非全然规正，于规正与不规正的边界处极尽疯狂地进行试探的多元排版。

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