版式设计的网格系统.ppt

1、,版式设计的网格系统浅析,二 .网格系统概述,四. 网格的应用区域,一.版式设计的概述,三. 网格类型,五.总结,讲解设置,一.版式设计的概述,A. 基本概念 将文字,图片,和标记符号等构成要素,按照一定的审美规律,结合设计的具体特点,使之成为一个传达整体设计的方法. B. 版式设计的要点 要有强烈的视觉效果 文案要具有可读性 要注意视觉上的统一感,著名的瑞士设计师约瑟夫米勒布罗克曼说：“网格使得所有的设计因素字体、图片、美术之间的协调一致成为可能。网格设计就是把秩序引入设计中去的一种方法。” 掌握网格系统是从事版式设计做必须具备的基础修养之一，网格系统作为一种行之有效的版面设计形式法则，它使

2、所以的版面构成元素之间的协调一致成为可能。,二、网格系统,2.1网格设计的概念,网格设计，或者叫做网格系统、又有人把它叫做标准尺寸系统、程序版面设计、比例版面设计、瑞士版面设计或者欧洲版面设计（与美国的自由版面设计相对而言）。是一系列水平和垂直的线，相当于楼房的基础。垂直线与每一段每一栏的宽相关，而水平线则决定了每一行或每一段文字所占的空间。版式设计可以不同的网格样式，由此得到不同效果的版设效果。,为设计工作提供了一个框架，能够为版面设计带来规矩和约束，可以体现理性、稳定的视觉效果，有稳定画面的作用。,2.2 网格的作用,网格能够帮助指引放置版面中的各种元素、一系列相关的点、线、面等，能够使各

3、元素快速并准确地归置到一定的位置，并且使物与物、页与页之间保持一定的视觉连贯性和持续性。,网格针对制造那些多重页面的文件，非常实用。 网格使设计过程更快更有效，并在设计中建立视觉上的连贯性，使最终的使用者能够在页面中找到方向和路径，给页面带来清晰的流动感。,三. 网格类型,3.1 对称式网格,是根据左右两个版面或一个对页而言，指左右两页拥有相同的页边距，相同的网格数量、相同的版面安排等。,对称式网格的对称形式及用法 对称式网格的最大特点是左右两边的结构相同，页面中的网格是可以进行合并和拆分的。 主要分为4种形式：单栏对称网格；双栏对称网格；三栏对称网格；多栏对称网格等,A. 单栏对称式网格,适

4、用范围：纯文字行书籍，可适当在页面中配以图示，以缓解画面的枯燥感。,适用范围：文学类书籍，杂志内页正文，也可使用左边放置文字，右边放置图片的方法将版面重新进行划分，增强版面的变化性。,B.双栏对称式网格,C .三栏式,D.多栏对称式,适用范围：术语表、联系方式、目录、数据等，也可以根据实际内容增加或减少栏数 但不适合编排正文,3.2非对称式网格,一般用于设计散页，指对页的排版打破对称的格式，强调页面的视觉效果。,在排版过程中可根据版面需要调整网格栏的大小比例，使整个页面更灵活、更具有生气。,3.3 成角网格,成角网格方向一般是一个或两个角度，使版面结构最大程度与阅读习惯形成统一。,3.4 打破

5、网格,3.5 对称式单元格,将页面分成同等大小的单元格，再根据版式需要编排文字和图片。 具有较大的灵活性 单元格之间的间距可以自由调整，每个单元格四周的距离必须相等。,3.6 非对称式单元格,四. 网格的应用区域,4.1、网格与建筑设计 许多建筑的表面或内部结构都是由网格构建的。建筑中将一些相同的部件元素进行重复，会使设计工作轻松经济。连续的，重复的，模块的，对称的形式使建筑设计、建造更有效，都与网格有关。,现代大英博物馆,古希腊神庙,4.2、网格与平面设计,网格设计是书籍、报纸、杂志、广告、产品样本、等设计的有效方法。,网格,网格的应用,世界建筑1900-2000内页,比利时旅游图，内页,4

6、.2 网格与城市规划 所有的城市都是建立在网格结构上的。即使是非常混乱的街道，用数理分析它，都符合网格的规律。因为网格是一种结构，它将不同地区联系起来。,4.3、网格与室内设计,4.4、网格与家具设计 家具中的模块系统，相当于字体编排中的网格。在柜体家具和组合储物柜中模块作用尤其明显。,电脑网络、软件开发、手机界面、多媒体影像等电子技术都离不开网格，一个单元就是一个像素。数码新技术和活字印刷相似，以网站为例，建站初期，需要把所有的信息划分到不同的单元，再由各类元素来填充每个单元，这就是网格的作用。网格以时间和空间等抽象概念呈现。,4.5、网格与数码设计,总结 在设计的过程中，不论自己的设计创意多么新颖，效果多么华丽、精彩，都离不开一套“规矩”的网格系统规范，