版式设计的网格系统.ppt

适用范围：文学类书籍，杂志内页正文，也可使用左边放置文字，右边放置图片的方法将版面重新进行划分，增强版面的变化性。 B.双栏对称式网格 C .三栏式 D.多栏对称式 适用范围：术语表、联系方式、目录、数据等，也可以根据实际内容增加或减少栏数 但不适合编排正文 3.2非对称式网格 一般用于设计散页，指对页的排版打破对称的格式，强调页面的视觉效果。 在排版过程中可根据版面需要调整网格栏的大小比例，使整个页面更灵活、更具有生气。 3.3 成角网格 成角网格方向一般是一个或两个角度，使版面结构最大程度与阅读习惯形成统一。 3.4 打破网格 3.5 对称式单元格 将页面分成同等大小的单元格，再根据版式需要编排文字和图片。 具有较大的灵活性 单元格之间的间距可以自由调整，每个单元格四周的距离必须相等。 3.6 非对称式单元格 四. 网格的应用区域 4.1、网格与建筑设计 许多建筑的表面或内部结构都是由网格构建的。建筑中将一些相同的部件元素进行重复，会使设计工作轻松经济。连续的，重复的，模块的，对称的形式使建筑设计、建造更有效，都与网格有关。 现代大英博物馆 古希腊神庙 4.2、网格与平面设计 网格设计是书籍、报纸、杂志、广告、产品样本、等设计的有效方法。 网格 网格的应用 《世界建筑1900-2000》内页 比利时旅游图，内页 4.2 网格与城市规划 所有的城市都是建立在网格结构上的。即使是非常混乱的街道，用数理分析它，都符合网格的规律。因为网格是一种结构，它将不同地区联系起来。 4.3、网格与室内设计 4.4、网格与家具设计 家具中的模块系统，相当于字体编排中的网格。在柜体家具和组合储物柜中模块作用尤其明显。 电脑网络、软件开发、手机界面、多媒体影像等电子技术都离不开网格，一个单元就是一个像素。数码新技术和活字印刷相似，以网站为例，建站初期，需要把所有的信息划分到不同的单元，再由各类元素来填充每个单元，这就是网格的作用。网格以时间和空间等抽象概念呈现。 4.5、网格与数码设计 总结 在设计的过程中，不论自己的设计创意多么新颖，效果多么华丽、精彩，都离不开一套“规矩”的网格系统规范，正如“天高任鸟飞，海阔任鱼游”，前提都是客观存在的事实所在。 当我们把技巧、感觉和网格这三者融合在一起时， 能更好地解决功能、逻辑和美学上的问题，就会出现精美大方、令人印象深刻的画面。  二 .网格系统概述 四. 网格的应用区域 一.版式设计的概述 三. 网格类型 五.总结 讲解设置 一.版式设计的概述 A. 基本概念 将文字,图片,和标记符号等构成要素,按照一定的审美规律,结合设计的具体特点,使之成为一个传达整体设计的方法. B. 版式设计的要点 要有强烈的视觉效果 文案要具有可读性 要注意视觉上的统一感 著名的瑞士设计师约瑟夫?米勒?布罗克曼说：“网格使得所有的设计因素——字体、图片、美术之间的协调一致成为可能。网格设计就是把秩序引入设计中去的一种方法。” 掌握网格系统是从事版式设计做必须具备的基础修养之一，网格系统作为一种行之有效的版面设计形式法则，它使所以的版面构成元素之间的协调一致成为可能。 二、网格系统 2.1网格设计的概念 网格设计，或者叫做网格系统、又有人把它叫做标准尺寸系统、程序版面设计、比例版面设计、瑞士版面设计或者欧洲版面设计（与美国的自由版面设计相对而言）。是一系列水平和垂直的线，相当于楼房的基础。垂直线与每一段每一栏的宽相关，而水平线则决定了每一行或每一段文字所占的空间。版式设计可以不同的网格样式，由此得到不同效果的版设效果。 为设计工作提供了一个框架，能够为版面设计带来规矩和约束，可以体现理性、稳定的视觉效果，有稳定画面的作用。 2.2 网格的作用 网格能够帮助指引放置版面中的各种元素、一系列相关的点、线、面等，能够使各元素快速并准确地归置到一定的位置，并且使物与物、页与页之间保持一定的视觉连贯性和持续性。 网格针对制造那些多重页面的文件，非常实用。 网格使设计过程更快更有效，并在设计中建立视觉上的连贯性，使最终的使用者能够在页面中找到方向和路径，给页面带来清晰的流动感。? 三. 网格类型 3.1 对称式网格 是根据左右两个版面或一个对页而言，指左右两页拥有相同的页边距，相同的网格数量、相同的版面安排等。 对称式网格的对称形式及用法 对称式网格的最大特点是左右两边的结构相同，页面中的网格是可以进行合并和拆分的。 主要分为4种形式：单栏对称网格；双栏对称网格；三栏对称网格；多栏对称网格等 A. 单栏对称式网格 适用范围：纯文字行书籍，可适当在页面中配以图示，以缓解