【干货】详解版式设想中的网格系统

蓝胖子685

来历：知乎

​比来很多同学问的最多的题目是什么是网格系统？它与版式设想有什么联系？基于这些题目，很有需要编写一篇文章让大师提早熟悉一下网格系统与版式设想。

网格系统与版式设想
版式设想亦称版面排版。所谓编排，即在有限的版面空间里，将版面组成要素——笔墨字体、图片图形、线条线框和色彩色块等诸身分，按照特定内容的需要停止组合排列，并应用外型要素及形式道理，把构想与计划以视觉形式表达出来。

版面设想是平面设想中重要的组成部分，也是一切视觉转达、艺术发挥的大舞台，被普遍天时用于报纸广告、书刊、包装装璜、企业形象 (CI) 和网页等范畴。





一、栅格的概念
在停止版式设想之前，我们需要先领会和熟悉一个新的概念——栅格。栅格设想 (Grid) 又叫标准尺寸系统、法式版面设想及瑞士版面设想，是一种应用牢固的格子设想版面的方式，即 ：操纵页面上预先肯定好的网格，依照一定的视觉原则在网格内分派笔墨、图片、题目等元素。英 语 中“Grid” 一 词 源 自“Gridiron”的简写，意为格栅、网栅或网格。
栅格设想不是简单地将笔墨、图片等要素并置，而是遵守画面结构中的相互联系成长出来的一种形式法例。它的特征是重视比例、次序、持续感和现代感。栅格设想成功的关键是，在仔细的计划内，纵横分别版面的关系和比例。当我们把技能、感受和栅格这三者融合在一路灵活而缔造性地停止设想时，就会发生精彩风雅，使人印象深入的版面，并在整体上给人一种清新感和持续感，具有与众分歧的同一结果。同时，设想工作也是以加倍方便，设想者不会再因图与图之间的间隔，笔墨与图之间的关系等方面的缘由此伤脑子。
我们在版式设想中利用的一切元素都是依照这些格子的分别有序散布、构造的。在栅格系统中，对齐是一个根基的原则，包括竖向对齐——栏的分别、图片和笔墨与栏的竖向对齐，同时也包括横向对齐——对开页面中图文的左右横向对齐与调和。





二、栅格的建造
栅格的设备是版式设想中重点之一。所谓栅格，就是设想物料在视觉表示上的规矩、框架。一切的页面的版式设想都应在一定的规矩里完成，这样，在视觉表面上才会具有整体的同一感。固然不能是一切的都陈旧见解，要有变化，但不管怎样变，都要沿着这条栅格主线，遵守一个原则，这样才既有同一又有变化。

横向栅格的建造
1. 按照页面的巨细设定版心的位置，也可以参考已有的同类设想的气概，用尺子量出间隔。假如是杂志订口的间隔一定要留意按照杂志估计的总页数及装订方式来决议，假如很厚，订口间隔要相对大一些。

2. 书籍或杂志里占最大比重的是内文，所之内笔墨体的设定给读者的阅读带来愉悦是最为重要的，那末在版心位置大要定出后就首先要设定内文的字体。

3. 选定好内笔墨体（字体、字距、字号、行距），要铺满全部页面，先暂定页面分为三栏，然后打印“原大”（按杂志原样尺寸巨细打印）后，按裁切线裁去“出血位”之外的纸张，从而接近制品尺寸。按照经历，一定要打印原大，这个时辰万万别由于省纸省墨或怕麻烦而按比例缩小。原大便于我们更好地比力字体、字距、字号、行距能否是我们终极想获得的，从而在今后的工作中省去很多点窜。要晓得，改一个元素就要改整本杂志里一切出现此元素的地方，那将是一项庞大的工程，而且会由于忘记点窜某个篇章而形成我们犯很低级性的毛病。

纵向栅格的建造
前面挑选内文笔墨时，我们临时将版心均匀分为三栏，现在，我们要将它分为更多的栏，以适用于各类版式的设想。格子越多，参照也越多，挑选更多，也更灵活。在这之前，我们早已定好了设想的气概，每个栏目标感受也应当在我们脑海中构成一个初步想法，那末具体到页面，分几栏比力合适？

三、栅格利用到分栏的技能
双栏
双栏是最多见的一种分栏方式，把握起来也比力简单，易于上手。将页面纵向等分为两部分，图片和笔墨均整洁齐截，全部页面看上去相当规矩、同一、妥当，这些都是双栏的明显特点。双栏可以相对完整、持续地展现笔墨和图片，在视觉上更轻易使读者集合精神，到达很好的阅读结果。













三栏
三栏也是一种很常见的一种分栏方式。较之双栏，三栏显得加倍灵活和富于变化。最首要的变化来自图片。三栏中，图片的表示方式比力灵活，通栏的大图可以与占一栏或两栏的小图并存。从三栏起，我们就要慢慢建立一个“并栏”的概念。并栏就是在分别好栏数以后，将其中的多少栏并作一体，与别的栏一路表示出来，构成一个整体。























四栏
四栏可以看做是双栏的演变和扩大，其将页面以中心对称等分四栏，看起来比力自然、舒服，合适一般公共的视觉心理和爱好。需要留意的是，由于将页面四等分，栏的宽度变窄，在视觉上实在并不合适持续阅读。是以，四栏的排法常用于那些短小精悍的信息类栏目和文章，如产物先容、最新静态、书评等。
固然，这也不是原封不动的。有些篇幅较长的文章由于图片量大，笔墨信息量也很大，亦可采用四栏的排法。


























五栏在熟练了解和把握了用两栏、三栏和四栏将页面等分以后，更多的分栏可经过适当演变，进入加倍灵活的版式。五栏或更多栏的版式将更频仍天时用并栏的技能。现今，很多报纸多采用了五栏的排法，但杂志版面一般不利用那末“明显”的五栏，而是将五栏的版面经过并栏手段，实现一种对页面“不平衡”的分派。这类排法，看似破坏了页面的平衡或稳定，但由于奇妙并栏，图片或笔墨的排法加倍灵活多变，同时又不失一定的章法和原则，若把握得好，也可以做出心旷神怡标页面。别的，将五个单栏排列组合，也可以构成左两栏加右三栏的格式，用数字暗示的话就是“23 并栏”，一样，亦可构成左三栏加右两栏的变化，即“32 并栏”。

总之，灵活应用并栏的技能，更多的分栏（六栏、七栏……）也可以缔造出丰富多样、松散有序的版面。可灵活应用上述方式，以此类推，如六栏亦可视为大三栏，八栏亦可视为大四栏或大两栏。













四、栅格设想是版式设想的根本
版式设想应当遵守建立在栅格根本上的适用原则，而不但仅只重视创意。具有创意的版式设想，但仔细观察之下，却大多经不住斟酌。偶然辰我们并不缺少创意，相反，缺少的是松散。
缘由在于，大师对栅格系统还缺少充足的重视，是以更谈不上熟练利用了。栅格设想系统是一种适用的工具和手段，是版式设想的条件和根本，只要在领会了它的精华以后，我们才能在现实设想中创作出加倍松散、经得起斟酌的作品。

五、最初
版式设想可以说是平面设想的根本，是设想师必须把握的根基功之一。不管是平面设想、还是PPT、网页设想、广告设想，没有好的排版，信息转达就会受阻，更谈不上这是一件好的设想作品。



点击阅读全文可深入进修

原文地址：https://zhuanlan.zhihu.com/p/87716747
免责声明：本帖内容由机械人自动收集于互联网，如加害了您的权益，请联系我们【E-Mail:cb@yoyodoc.com】 我们会实时删除侵权内容，给您带来未便，深感歉意！

彭832

Good job [机智]

护研的墙偃

很多时辰，我在他人的招贴海报上，都找不出来他人的网格，是要怎样找，要怎样想才能找到

四龙全缴

这也叫干货？