版式设计的网格系统教学文案.ppt

《版式设计的网格系统教学文案.ppt》由会员分享，可在线阅读，更多相关《版式设计的网格系统教学文案.ppt（19页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、版式设计的网格系统版式设计版式设计网格的排列网格的排列杂志版式杂志版式 网格作为版式设计中的重要基础要素之一，构建出良好的骨架是很重要的。在版式设计中，一个好的网格结构可以帮助人们在设计的时候根据网格的结构进行版式设计。在编排的过程中有明确的版面结构。版式设计版式设计（1）网格具有版面需求性（2）网格具有信息组织的功能性（3）网格具有阅读的关联性网格系统的作用版式设计版式设计对称式网格对称式网格 对称式网格的目的主要是组织信息，平衡左右版面的作用。杂志版式杂志版式对称网格对称网格网格的类型网格的类型版式设计版式设计 对称式栏状网格分为单栏网格、双栏网格、三栏、四栏、甚至多栏网格等。单栏网格单栏

2、网格双栏对称网格双栏对称网格（1）对称式栏状网格疲惫。单栏用于文字性书籍，如小说、文学著者等。因此在单栏式网格中文字的长度一般不要超过60字。2）版面平衡，使阅读更流畅。版面缺乏变化，文字的编排比较密集，画面显得有些单调。版式设计版式设计三栏对称网格三栏对称网格五栏对称网格五栏对称网格避免视觉疲劳感。三栏网格的运用使版面具有活跃性，打破了单栏的严肃感。4）有关表格形式的文字，比如说联系方式、术语表、数据目录等信息。这种版式的单栏太窄式不适合编排正文的。单元格对称网格单元格对称网格（2）对称式单元网格 对称式单元网格在版面编排中，将版面分成同等大小的网格，再根据版式的需要编排文字与图片。这样的版

3、式具有很大的灵活性，可以随意编排文字和图片。在编排过程中，单元格之间的间隔距离可以自由放大或者缩小，但是每个单元格四周的空间距离必须相等。版式设计版式设计版式设计版式设计非对称栏状网格非对称栏状网格(3)(3)非对称式网格非对称式网格 非对称网格是指左右版面采用同一种编排方式，但是在编排的过程中并不像对称网格那样绝对。非对称网格形式在编排的过程中，根据版面需要调整版面的网格栏的大小比例。使整个版面更灵活，更具有生气。版式设计版式设计 非对称网格主要分为非对称栏状网格与非对称单元网格两种。非对称栏状网格非对称栏状网格非对称单元格网格非对称单元格网格版式设计版式设计基线网格基线网格(4)(4)基线

4、网格基线网格 基线网格通常是不可见的，但它却是平面设计师的基础。基线网格提供了一种视觉参考，它可以帮助版面元素的准确编排与对齐页面，是凭感觉无法达到的版面效果。版式设计版式设计(5)(5)成角网格成角网格 成角网格在版面中往往很难设置，网格可以设置成任何角度。成角网格发挥作用的原理跟其他网格一样，但是由于成角网格是倾斜的，设计师在版面编排时，能够以打破常规的方式展现自己的风格创意。版式设计版式设计对称网格对称网格网格的建立网格的建立栏状网格与单元格栏状网格与单元格 一套好的网格结构可以帮助设计师明确设计风格，排除设计中随意编排的可能，使版面统一规整。设计师可以利用两者的不同风格来编排出灵活性较

5、大，协调统一的版面构成设计。版式设计版式设计网格的编排形式网格的编排形式（1）多语言网格编排（2）说明式网格编排版式设计版式设计 该菜谱在版面编排时，根据对版面元素的了解选择适当的网格结构，使其达到信息传达明确。在该版面中，采用大小图片的对比关系，使整个版面具有版面的活跃性，选择一张满版出血图，运用图片中元素的生动感，能有效地勾起人们的食欲。版式设计版式设计 时尚女性品牌宣传画册版面设计，在编排这样的版面时，注意版面的文字与图形的编排结构，使版面具有个性新颖的视觉版面效果，符合品牌形象宣传。版式设计版式设计 版面采用网格结构中的两栏对称编排的网格结构，使整个版面左右具有强烈的稳定性。运用图片的

6、对比编排使版面具有活跃感。文字的大小对比关系打破了对称网格的沉闷，具有版面的活跃感。版式设计版式设计 本设计为杂志内页版面设计。该版面采用双栏网格与单元格网格形式的结合，将版面划分出明确的结构，文字与图片按照网格的结构编排在版面中，体现了版面的稳定与整洁。该版面层次清晰，文字采用左右均齐的编排形式，体现了版面的整洁与朴实感。图片运用单元格的形式编排，展现了整个版面的活跃性。版式设计版式设计 该设计是一张杂志版面设计。文字与图片的编排采用了对称栏状网格的编排形式，使整个版面文字编排更有秩序，版面更严谨。对称栏状网格形式使该版面在视觉上达到了平衡。但是从视觉角度来看，版面虽然达到了平衡，文字变化不大，缺乏活力，编排较密集，使整个版面显得有些单调，让人阅读时容易造成视觉疲劳。此此课件下件下载可自行可自行编辑修改，修改，仅供参考！供参考！感感谢您的支持，我您的支持，我们努力做得更好！努力做得更好！谢谢