ME研习设小研研：今天，和大家深入浅出，带你认识网格系统与版式设计。

掌握版式构图，是每一位平面设计师的看家本领。学习排版，除了要有系统的理论知识做指导，还要学会在实践中如何去运用。网格可将版面的构成元素如点线面协调一致的编排在版面上，网格系统在实际版式设计中具有比例感、统一感和准确感强烈等版面艺术特点，伴随着当今时代信息量大而快速传播的要求，网格系统在版式设计中已经越发引得人们的重视。

网格系统与版式设计

版式设计亦称版面排版。所谓编排，即在有限的版面空间里，将版面构成要素——文字字体、图片图形、线条线框和颜色色块等诸因素，根据特定内容的需要进行组合排列，并运用造型要素及形式原理，把构思与计划以视觉形式表达出来。

版面设计是平面设计中重要的组成部分，也是一切视觉传达、艺术施展的大舞台，被广泛地应用于报纸广告、书刊、包装装潢、企业形象 (CI) 和网页等领域。

图片来源网格系统版式设计平面设计设计

一、栅格的概念

在进行版式设计之前，我们需要先了解和认识一个新的概念——栅格。栅格设计 (Grid) 又叫标准尺寸系统、程序版面设计及瑞士版面设计，是一种运用固定的格子设计版面的方法，即：利用页面上预先确定好的网格，按照一定的视觉原则在网格内分配文字、图片、标题等元素。英语中“Grid” 一词源自“Gridiron”的简写，意为格栅、网栅或网格。

栅格设计不是简单地将文字、图片等要素并置，而是遵循画面结构中的相互联系发展出来的一种形式法则。它的特征是重视比例、秩序、连续感和现代感。栅格设计成功的关键是，在仔细的计划内，纵横划分版面的关系和比例。当我们把技巧、感觉和栅格这三者融合在一起灵活而创造性地进行设计时，就会产生精美大方，令人印象深刻的版面，并在整体上给人一种清新感和连续感，具有与众不同的统一效果。同时，设计工作也因此更加方便，设计者不会再因图与图之间的距离，文字与图之间的关系等方面的原因而伤脑筋。

图片来源网格系统版式设计平面设计设计

二、的构成元素

当我们在进行版式设计的具体操作时，版面的构成元素是必须清晰认识和掌控的，它就像原料一样，只有灵活地调整，并进行有机地排列组合，才能得到一个和谐而又平衡的版式。而这一切都必须建立在对内容和目的的深刻理解之上。

下面是一张版式设计要素的基本构成图示，该图可以让我们更加直观地了解版面的构成，同时也方便了我们在实际设计场景中灵活地变通和使用。

图片来源网格系统版式设计平面设计设计

三、栅格应用到分栏的技巧

01双栏

双栏是最常见的一种分栏方法，掌握起来也比较简单，易于上手。将页面纵向等分为两部分，图片和文字均整齐划一，整个页面看上去相当规矩、统一、稳健，这些都是双栏的显著特点。双栏可以相对完整、连续地展示文字和图片，在视觉上更容易使读者集中精力，达到很好的阅读效果。

图片来源网格系统版式设计平面设计设计

02三栏

三栏也是一种很常见的一种分栏方法。较之双栏，三栏显得更加灵活和富于变化。最主要的变化来自图片。三栏中，图片的表现方法比较灵活，通栏的大图可以与占一栏或两栏的小图并存。从三栏起，我们就要逐步建立一个“并栏”的概念。并栏就是在划分好栏数之后，将其中的若干栏并作一体，与其它栏一起表现出来，形成一个整体。

图片来源网格系统版式设计平面设计设计

03四栏

四栏可以看作是双栏的演变和扩展，其将页面以中心对称等分四栏，看起来比较自然、舒服，符合一般大众的视觉心理和喜好。需要注意的是，由于将页面四等分，栏的宽度变窄，在视觉上其实并不适合连续阅读。因此，四栏的排法常用于那些短小精悍的信息类栏目和文章，如产品介绍、最新动态、书评等。

当然，这也不是一成不变的。有些篇幅较长的文章由于图片量大，文字信息量也很大，亦可采用四栏的排法。

图片来源网格系统版式设计平面设计设计

04五栏

在熟练理解和掌握了用两栏、三栏和四栏将页面等分之后，更多的分栏可通过适当演变，进入更加灵活的版式。五栏或更多栏的版式将更频繁地使用并栏的技巧。现今，很多报纸多采用了五栏的排法，但杂志版面一般不使用那么“明显”的五栏，而是将五栏的版面通过并栏手段，实现一种对页面“不均衡”的分配。这种排法，看似破坏了页面的平衡或稳定，但由于巧妙并栏，图片或文字的排法更加灵活多变，同时又不失一定的章法和原则，若掌握得好，也可以做出赏心悦目的页面。另外，将五个单栏排列组合，也可以形成左两栏加右三栏的格局，用数字表示的话就是“23 并栏”，同样，亦可形成左三栏加右两栏的变化，即“32 并栏”。