版面设计 课件：网格版面设计方法 课件：网格版面设计方法.pptVIP

杂志常用网格 杂志常用网格 疏的网格和密的网格 注意事项 网格版面设计法 使用网格系统的注意事项 1.开始连续设计前最好严格按照网格安排内容以确保整体结构的统一。 2.在必要的地方设计一些意外，但不要太多，否则会破坏整体结构。 3.没有全能的网格系统，在解决一个独特的版面问题，或是想在版面中制造兴奋点时，可以偶然打破一下网格格局，比如增加一条新的网格线，但不能太多。 严格按照网格安排内容，版面严谨，整齐、稳重。 打破了部分网格规律，版面看起来活泼自由、轻松有趣。 稍稍打破网格拘束的版面 弯曲的网格线 旋转一定角度的网格 设计流程 网格版面设计法 设计流程 1.定大纲 选题（有客户时由客户决定） 搜集素材（确定版面内容：文字、图片等） 参考相关设计作品 拟定设计大纲（设计重点、要求、限制条件等） 设计流程 2.设计网格 版面元素统计（各内容的多少、面积、色彩、位置、相互关系） 根据内容设计形成基本网格系统（可用前面提到的方法） 通过一到两个页面的预排版（粗排）完成网格系统的调整、确立。 设计流程 3.安置内容 严格根据网格系统安排各项内容 在电脑上快速检查翻看每一页，根据需要对网格内的内容进行调整，制造出一些变化 连续翻看每一页，感受页面中的变化元素是否破坏了整体结构和感觉，并调整 深圳职业技术学院/SHENZHEN POLYTECHNIC 一级标题（微软雅黑加粗28） 二级标题（微软雅黑加粗18） 正文（微软雅黑 14） 辅助文（微软雅黑 10.5/斜体） 文字反白 一级标题（微软雅黑加粗28） 二级标题（微软雅黑加粗18） 正文（微软雅黑 14） 辅助文（微软雅黑 10.5） 谢谢观看 深圳职业技术学院/SHENZHEN POLYTECHNIC 版面设计 / 主讲：陈琪莎 版面设计 网格版面设计法 基本概念 网格版面设计法 什么是版面网格设计法？ 不依赖于感觉，而是通过理性分析，将版面划分成若干网格,利用格子之间的相互组合关系，形成各种板块，再将文字、图形、色彩等版面视觉元素按一定规律填入板块，形成完整版面的设计方法。 也叫骨骼式版面设计。 网格版面设计法的优势 条理清晰，整体感强，网格系统可反复使用，一套网格系统通过灵活组合，能呈现出不同的视觉效果。适合页面较多的报刊、杂志等版面的设计。设计成品的网格一般不可见。 版面网格设计的思维方式 标准化：标准化的网格、标准化的图片规格、标准化的文本规格，所有版面要素都有统一的标准。在标准的指导下进行灵活的填空。 灵活性：在网格的使用上要灵活，通过单元格之间的组合和微调即与自由式设计的配合，使各个元素的所占的面积、色彩、疏密各有不同，版面既整齐有序，又活泼自然。 版面网格分析 网格版面设计法 版面网格分析 版面网格分析 版面网格分析 版面网格设计方法 网格版面设计法 网格系统的内容 一.网格线。 二.栏位、边线、底线、页码位、图片位、文本规格。 三.针对不同类型页面的使用规范。 四.针对版面內容特殊情况的网格结构变化方案。 网格的形成 一.参考出色的出版物 1.用描图纸和彩铅把隐藏的网格线描摹出来。 2.标明栏、边线、底线、页码位、图片位。 3.把描图纸移到另一页面，把两个页面中一致的网格布局记下来。 4.重复几遍这个过程，找出最基本的网格结构和变化。 网格的形成 1.设计好作品。 2.用描图纸描出75%的网格线。 3.把描图纸移到另一版面上，与前一页比较。 4.重复几遍这个过程，找出有效的、起作用的网格结构。 二.从自己的设计作品中扩展出网格系统 网格的形成 三.直接设计一份网格 1.从某一具有一定垂直或水平坐标的元素（栏、标题、图片等）着手， 找到第一条网格线。 2.利用第一条网格线安排其他元素，找出第二条网格线。 3.其余的网格线依此类推，边增加边调整，直到完成整个网格布局。 网格的形成 四.利用数学比例分割形成网格 1.菲波那契数列：每个数字等于前面两个数之和（1、1、2、3、5、8、13…），按数字比例划分网格线。 2.白银比例：正方形的边长和对角线构成的长方形，取该长方形的长短边的比例关系。这种比例，无论对半分割多少次，期长短边比例都是一致的。 3.黄金分割比值：0.618。 4.其他数学比例。 网格的形成 五.使用软件中的网格系统 许多排版软件如Word、InDesign、方正飞翔、Illustrator、CorelDraw、QUARK等都有自己的网格系统。 Word 方正飞翔 Illustrator CorelDraw 常见网格及示例 网格版面设计法 常见网格系统 3X1网格 3X2网格 网格单元 分隔线 页边距 3X3网格 4X3网格 深圳职业技术学院/SHENZHEN POLYTECH