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