平面设计 网格_详情页设计中网格的应用「建议收藏」

最近很多同学问的最多的问题是什么是网格系统？它与版式设计有什么联系？基于这些问题，很有必要编写一篇文章让大家提前认识一下网格系统与版式设计。

网格系统与版式设计

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

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

一、栅格的概念

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

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

我们在版式设计中使用的所有元素都是按照这些格子的划分有序分布、组织的。在栅格系统中，对齐是一个基本的原则，包括竖向对齐——栏的划分、图片和文字与栏的竖向对齐，同时也包括横向对齐——对开页面中图文的左右横向对齐与协调。

二、栅格的制作

栅格的设置是版式设计中重点之一。所谓栅格，就是设计物料在视觉表现上的规矩、框架。所有的页面的版式设计都应在一定的规矩里完成，这样，在视觉外观上才会具有整体的统一感。当然不能是所有的都千篇一律，要有变化，但不管怎么变&#x