​版面设计凌乱无序？先建立栅格系统

栅格系统是编排设计最为行之有效的设计方之一，栅格网络在版面上的建立将秩序引入设计之中，使所有的版面构成元素之间形成协调、平衡的关系，让整个版面更具规划性。

特别是在连续系列的版面设计中，依靠有序的栅格系统通过变换图像、文字等主要编排要素，可以非常容易取得既统一又有变化的版面编排效果。

栅格最重要的作用就是约束版面，使编排的过程有可遵循的章法，合理的网格结构能够帮助我们在设计时掌握明确的版面结构，这一点在文字的编排中尤为明显。

栅格系统设计方法

栅格系统能够将原本复杂的版式编排变得简单易懂、有章可循。无论是哪种文字和图片类型采用栅格系统方法来编排，都能感受到版面分割的状态。

基线栅格

基线栅格是版式设计的基础，基线即一些水平直线，能够帮助版面中的所有元素按照要求实现标准对齐，目的是为文字对齐提供主要骨干结构。这种对齐效果单凭感觉是无法做到的，但基线栅格为版面提供了一个非常精确的标准，可以帮助设计师制作出非常规范的版面。

基线栅格的大小、宽度与文字的字号有密切关系，如果字体的字号为10磅，行间距为2磅，那么就要选择12磅的基线栅格。如果选用更小的字号，且为一个基线宽度以内，则可以按照字号及行间距的大小多行排列。

对称式栅

对称式栅格主要应用于左右两个版面或个对页，左右两页页面结构完全相同，互为镜像。它们有相同的页边距、网格数量、版面安排等等。

对称式栅格能够有效地组织信息，平衡版面，整体效果稳定协调。但如果大量重复使用对称式栅格，容易给人乏味呆板的印象，引起视觉疲劳。

我们可以通过适当添加其他页面元素使版面显得更加灵活、更具活力。对称式栅格通常分为单栏对称式栅格、双栏对称式栅格、三栏对称式栅格和多栏对称式栅格。

非对称式栅格

非对称式栅格的左右版面采用同一种编排方式，但栏与栏之间的宽窄对比不像对称式栅格那样绝对对称，在页面的整体性方面会呈现出偏左或者偏右的倾向。在版面编排的过程中，可以根据版式的具体需要，灵活调整每一栏的宽窄比例，使版面的整体效果更加生动、丰富。

非对称单元格网格是较为基础的版面结构。在单元格中，可以根据版面的需要来调整文字以及图片的大小位置；也可以将数个单元格合并使用，关键在于将文字或图片准确地放置在单元格所划定的范围之中，并严格按照单元格的大小进行排列。

运用非对称单元格栅格版式层次清晰灵活多变，但却不会产生混乱。利用非对称单元格栅格编辑大量的文字和图像时，通过各种组合方式，能够得到富于变化和活力的版面效果。

在单元格中可以根据版面需要，灵活调整文字和图像的大小与位置，并可以通过合并单元格的方式，将元素放置在合并后的单元格中，最终呈现出变化丰富又不会凌乱的版面效果。

成角栅格

成角栅格是指版面中所有元素都朝同一个或者两个角度进行分栏编排。成角栅格中的网格可以根据需要设置成斜向有角度的编排。

因为使用倾斜的角度，打破了常规，所以可以展现出充满动感创意的版面。需要注意的是版面的阅读性，要使版面结构与阅读习惯达到最大化一致和统一。

栅格的组合和破坏

栅格系统看似简单，但对版面的划分非常灵活。过于刻板遵循栅格统一的组织系统，容易使版面变得干篇一律、呆板且缺乏变化。因此根据版面上信息内容的不同，适当地调整文字或图像在不同类别的栅格之间变换，通过组合单元格、变化栏的数目或者是局部栅格数量等破坏性手段，形成丰富的画面效果。

但需要特别注意的是，经过灵活处理后的版面在某些特点元素，比如说杂志内页编排中的页眉、页脚、页码的编排，还是需要保持设计的连贯性，以保证整体编排的统一感和连贯性。推荐阅读：轻松学排版！版式造型元素与变化规律