版式中的网格应用课件.ppt

《版式中的网格应用课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、版式设计中的网格系统4.1网格在版式设计中的重要性网格构成是现代版式设计最重要的基础构成之一。将版面中的构成元素，点、线、面协调一致地编排在版面上。4.1.1什么是网格网格是版面设计中的一个骨架，用来设计版面元素的一种方法，主要目的是方便设计师在设计的时候有明确的设计思路，构建完整的设计决策。网格设计就是在版面上按照预先确定好的格子为图片和文字确定位置。图3三栏网格版面如图3中，设计师使用了简单、对称的三栏网格以及较宽的页面留白，整个版面网格清晰，看上去版面具有稳定感。4.2网格的类型版式设计中网格的构成主要表现为对称式网格与非对称式网格设计两种。在版式设计中起着约束版面结构

2、的作用，在约束的同时体现出整个版面的协调与统一性。4.2.1对称式网格所谓对称式网格，就是在版面设计中，左右两个页面结构完全相同。它们之间产生了相同的内页边距和外页边距，外页边距由于要写一些旁注的原因所以要比内页边距多出一些。对称式网格设计式根据比例而创建的，而不是根据测量创建的。对称式网格的作用主要是组织信息，平衡左右版面的作用。对称式网格通过对对称网格的建立的了解与学习，下面我们来学习怎么区分对称式栏状网格与对称式单元网格。它们在版式设计中分别又起着什么样的作用。栏的宽窄直接影响文字的编排，栏可以使文字编排更有秩序，使版面更严谨。但是栏也有一些不足之处，如果标题变化不大将

3、会影响着整个版面文字缺乏活力，使版面显得单调。（见图4）（1）对称式栏状网格对称栏状网格的主要目的是组织信息以及平衡左右页面的设计，根据栏的位置和版式的宽度，左右页面的版式结构完全相同。对称式栏状网格中的栏指的是印刷文字的区域，可以使文字按照一种方式编排。图4书籍内页版面对称式网格的对称形式及用法（主要分为5种形式）：单栏对称网格；双栏对称网格；均衡双栏对称网格；三栏对称网格多栏对称网格下面我们来了解一下对称式栏状网格的不同版式对版面产生什么样的影响。1）单栏网格，在单栏式网格版式中，文字的编排过于单调，容易使人产生阅读疲惫的感觉。单栏网格一般用于文字性书籍，如小说、文学著者

4、等。因此在单栏式网格中文字的长度一般不要超过60字。（见图5）适用范围：纯文字行书籍，可适当在页面中配以图示，以缓解画面的枯燥感。2）双栏对称式网格，主要表现为能更好的实现版面平衡，使阅读更流畅。双栏网格在杂志版面中运用十分广泛，但是双栏对称式网格的版面缺乏变化，文字的编排比较密集，画面显得有些单调。（见图6）双栏对称网格适用范围：文学类书籍，杂志内页正文，也可使用左边放置文字，右边放置图片的方法将版面重新进行划分，增强版面的变化性。图7三栏对称网格3）三栏对称网格，将版面左右页面分为三栏，适合版面信息文字较多版面，可以避免行字数过多造成阅读时候的视觉疲劳感。三栏网格的运用使

5、版面具有活跃性，打破了单栏的严肃感。（见图7）4）多栏网格，这中版式设计适合于编排一些有关表格形式的文字，比如说联系方式、术语表、数据目录等信息。这种版式的单栏太窄式不适合编排正文的。（见图8）图8五栏对称网格（2）对称式单元网格图9单元格对称网格对称式单元网格在版面编排中，将版面分成同等大小的网格，再根据版式的需要编排文字与图片。这样的版式具有很大的灵活性，可以随意编排文字和图片。在编排过程中，单元格之间的间隔距离可以自由放大或者缩小，但是每个单元格四周的空间距离必须相等。图10非对称栏状网格4.2.2非对称形式非对称网格一般适用于设计散页，散页中也许有一个相对于其他宽较窄

6、的栏，便于插入旁注，为设计的创造性提供了机会，同时保持了设计的整体风格。（见图10）非对称网格是指左右版面采用同一种编排方式，但是在编排的过程中并不像对称网格那样绝对。非对称网格结构在编排的过程中，可以根据版面需要，调整网格栏的大小比例，使整个版面更灵活更活跃。图16非对称栏状网格所谓非对称栏状网格是指在版式设计中，虽然左右两页的网格栏数基本相同，但是两个页面并不对称。图16是单栏网格结构版式，同样是采用了图片的形式，使版面具有生趣，由于版面中左右页面的页边距的不同，形成了非对称栏网格版式结构。（见图16）非对称式的单元格是以单元格为基础的网格设计，使用非对称式单元格可以很轻

7、松的找到放置图片和文字的位置，设计师只需将设计需要的图片或文字有选择的放置在一个或几个单元格中，就可完成排版的操作。见图17图17非对称单元格网格（1）非对称栏状网格（2）非对称单元网格图18基线网格基线网格通常是不可见的，但它却是平面设计师的基础。基线是一些水平的直线，可以帮助编排文字信息，也可以为图片编排提供帮助。基线网格的大小、宽度与文字的字号有密切的关系，如字体的字号为10磅，行距为2磅，那么就要选择宽度为12磅的基线网格。如图18中，基线一些水平的直线（洋红色），为了帮助编排文字信息，也可以帮