平面规划中的网格体系

　　网格，或是说栅格体系，是做版式规划、平面规划、Web 规划的重要东西。网格规划是一个平面规划师必须具有的规划认识和能力，经过对网格的研讨能够发现，在网格体系的协助下，能够更快地处理规划中的问题，并让规划更具功用性、逻辑性和视觉美感。

　　排版是规划中至关重要的一部分，有许多刚入门的规划师并不了解网格体系，也不会使用网格体系来校准元素在画面内的方位，让画面愈加平衡。网格体系为什么这么好用呢?由于它能够制作层次感，模块化地管理元素。而且，合理地使用网格体系，并不会让画面千人一面，还会让画面愈加有条理，更能够让内容更易读，有更好的体验。

　　首先咱们经过一些实例来看看网格是怎么完结这一效果的：

　　在 1960 时代，瑞士的现代主义平面规划海报、宣传单中，就许多使用了网格来安排信息元素。进入信息时代后，跟着 Web 的鼓起，由于网页规划与平面规划、版式规划有很强的相似性，网格也被许多应用在了 Web 中。网格的好处，就是在于给予一种规约，令排版者能够较为便利的安排标题、列表、段落、图片等元素，坚持版面元素之间的一致性，和谐正负空间。

　　(图片摘自现代主义规划师 Massimo Vignelli 的 The Vignelli Canon 电子书)

　　网格的类型

　　许多规划师都会在网格体系上开端一个新的规划。不同的人有不同的习惯，有人喜爱12列的网格，有人则喜爱16列网格，还有人喜爱24列的网格等等等等。在网页规划中，网格体系是非常常见的，呼应式网页规划的推行。

　　例如12或24列的网格，能够在这个基础上衍生出许多不同的排版计划。你能够在24列中的一列里宽度上摆放内容，也能够是12列中的2列，还能够用8列分栏中的3列来摆放一个元素，乃至还能够是6列分栏中的4列等等，彻底根据个人的喜爱。

　　尽管网格体系是一个限制，可是能够灵敏的运用，这使得你的规划能够有很高的延展性，经过匹配不同的组合，就能够做出彻底不同的排版来。是时候扔掉对称布局了，感触一下下面的事例，你能够使用同一个网格体系创造出林林总总的排版。

　　从上面的比如中咱们能够看出，规划中的排版能够有多种挑选。有些规划师或许会觉得网格体系会限制住将他们的思维和画面的结构。但事实上，网格结构的挑选和组合简直能够说是无量的。

　　而且网格体系的应用非常广泛。下面是一个网格体系的实例：导航横跨了整个宽度，主要内容大约占用了60%的宽度，侧边栏占用了剩下的40%;在下面一个版块中，左面60%的宽度被三等分。能够看出内容和内容之间留足了空间，阅览起来很舒畅。

　　下面这个网站则是简略的三栏布局，这给了图片足够的空间，而且把大段的文字打散成一个一个小板块。这样的布局也非常适宜贴广告。

　　不过，尽管用网格安排、排版信息相当便利，一般创立网格自身却是一件非常令人头痛的工作。一般的做法是：吭哧吭哧地在纸上算，核算网格的巨细、距离等等，算到暗无天日;然后吭哧吭哧地拉参阅线……所幸现在许多软件中的功用能够将你从核算中解放出来。

　　InDesign中的网格体系

　　网格体系起源于传统的印刷规划，在印刷介质中，网格体系的辅佐效果很强，为印刷而做的网格体系也非常简略。一般在InDesign中就能够完结。不过也能够在AI中建立网格开端规划。

　　下面是一个InDesign网格的事例。使用5列分栏布局，其间三列来显现主内容，其他两栏作为副内容，还要留意一下文章的标题。网格体系是作为一个参阅，咱们在实践事例中并不一定非得彻底丝毫不差地去强行匹配，就像下图中的页码23，也没有彻底填充某一个分栏，仅仅使用分栏找了个适宜的方位而已。