版式设计的网格系统
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
讲解设置
一.版式设计的概述 二 .网格系统概述 三. 网格类型 四. 网格的应用区域 五.总结
Your company slogan
一.版式设计的概述
A. 基本概念 将文字,图片,和标记符号等构成要素 ,按照 一定的审美规律 ,结合设计的具体特点 ,使之 成为一个传达整体设计的方法 .
B. 版式设计的要点 要有强烈的视觉效果 文案要具有可读性 要注意视觉上的统一感
3.4 打破网格
Your company slogan
Your company slogan
3.5 对称式单元格
? 将页面分成同等大小 的单元格，再根据版 式需要编排文字和图 片。
? 具有较大的灵活性 ? 单元格之间的间距可
以自由调整，每个单 元格四周的距离必须 相等。
Your company slogan
Your company slogan
Your company slogan
3.3 成角网格
成角网格 方向一般 是一个或 两个角度， 使版面结 构最大程 度与阅读 习惯形成 统一。
Your company slogan
Your company slogan
Your comp百度文库ny slogan
Your company slogan
Your company slogan
C .三栏式
Your company slogan
Your company slogan
D.多栏对称式
适用范围：术语表、联系方式、目录、数据 等，也可以根据实际内容增加或减少栏数 但不适合编排正文
Your company slogan
4.2 网格与城市规划 所有的城市都是建立
在网格结构上的。即 使是非常混乱的街道， 用数理分析它，都符 合网格的规律。因为 网格是一种结构，它 将不同地区联系起来。
Your company slogan
4.3、网格与室内设计
Your company slogan
Your company slogan
Your company slogan
A. 单栏对称式网格
适用范围：纯文字行书籍，可适当在页面中配以 图示，以缓解画面的枯燥感。
Your company slogan
Your company slogan
B.双栏对称式网格
适用范围：文学类书籍，杂志内页正文，也 可使用左边放置文字，右边放置图片的方法 将版面重新进行划分，增强版面的变化性。
现代大英博物馆
Your company slogan
4.2、网格与平面设计
网格设计是书籍、报纸、杂 志、广告、产品样本、等设 计的有效方法。
网格
网格的应用
Your company slogan
《世界建筑1900-2000》内页
Your company slogan
比利时旅游图，内页
Your company slogan
Your company slogan
Your company slogan
Your company slogan
对称式网格的对称形式及用法 对称式网格的最大特点是左右两边的结构 相同，页面中的网格是可以进行合并和拆 分的。 主要分为4种形式：单栏对称网格；双栏 对称网格；三栏对称网格；多栏对称网格 等
Your company slogan
3.6 非对称式单元格
Your company slogan
Your company slogan
四. 网格的应用区域
古希腊神庙
4.1、网格与建筑设 计
许多建筑的表面 或内部结构都是 由网格构建的。 建筑中将一些相 同的部件元素进 行重复，会使设 计工作轻松经济。 连续的，重复的， 模块的，对称的 形式使建筑设计、 建造更有效，都 与网格有关。
Your company slogan
二、网格系统
著名的瑞士设计师约瑟夫?米勒? 布罗克曼说：“网格使得所有 的设计因素——字体、图片、 美术之间的协调一致成为可能。 网格设计就是把秩序引入设计 中去的一种方法。”
掌握网格系统是从事版式设计做 必须具备的基础修养之一，网 格系统作为一种行之有效的版 面设计形式法则，它使所以的 版面构成元素之间的协调一致 成为可能。
4.4、网格与家具设 计
家具中的模块系 统，相当于字体编 排中的网格。在柜 体家具和组合储物 柜中模块作用尤其 明显。
Your company slogan
3.2非对称式网格
在排版过程中可根据版面需要调整网格栏的大小比 例，使整个页面更灵活、更具有生气。 一般用于设计散页，指对页的排版打破对称的格式， 强调页面的视觉效果。
Your company slogan
Your company slogan
Your company slogan
Your company slogan
Your company slogan
2.1网格设计的概念
网格设计，或者叫做网格系统、 又有人把它叫做标准尺寸系统、 程序版面设计、比例版面设计、 瑞士版面设计或者欧洲版面设计 （与美国的自由版面设计相对而 言）。 是一系列水平和垂直的线，相当 于楼房的基础。垂直线与每一段 每一栏的宽相关，而水平线则决 定了每一行或每一段文字所占的 空间。版式设计可以不同的网格 样式，由此得到不同效果的版设 效果。
Your company slogan
网格针对制造那些多重页面的文件，非常实用。 网格使设计过程更快更有效，并在设计中建立视
觉上的连贯性，使最终的使用者能够在页面中 找到方向和路径，给页面带来清晰的流动感。
Your company slogan
三. 网格类型
3.1 对称式网格
是根据左右两个版面或一个对页而言， 指左右两页拥有相同的页边距，相同 的网格数量、相同的版面安排等。
Your company slogan
2.2 网格的作用
为设计工作提供了 一个框架，能够为 版面设计带来规矩 和约束，可以体现 理性、稳定的视觉 效果，有稳定画面 的作用。
Your company slogan
网格能够帮助指引放 置版面中的各种元素、 一系列相关的点、线、 面等，能够使各元素 快速并准确地归置到 一定的位置，并且使 物与物、页与页之间 保持一定的视觉连贯 性和持续性。
一.版式设计的概述 二 .网格系统概述 三. 网格类型 四. 网格的应用区域 五.总结
Your company slogan
一.版式设计的概述
A. 基本概念 将文字,图片,和标记符号等构成要素 ,按照 一定的审美规律 ,结合设计的具体特点 ,使之 成为一个传达整体设计的方法 .
B. 版式设计的要点 要有强烈的视觉效果 文案要具有可读性 要注意视觉上的统一感
3.4 打破网格
Your company slogan
Your company slogan
3.5 对称式单元格
? 将页面分成同等大小 的单元格，再根据版 式需要编排文字和图 片。
? 具有较大的灵活性 ? 单元格之间的间距可
以自由调整，每个单 元格四周的距离必须 相等。
Your company slogan
Your company slogan
Your company slogan
3.3 成角网格
成角网格 方向一般 是一个或 两个角度， 使版面结 构最大程 度与阅读 习惯形成 统一。
Your company slogan
Your company slogan
Your comp百度文库ny slogan
Your company slogan
Your company slogan
C .三栏式
Your company slogan
Your company slogan
D.多栏对称式
适用范围：术语表、联系方式、目录、数据 等，也可以根据实际内容增加或减少栏数 但不适合编排正文
Your company slogan
4.2 网格与城市规划 所有的城市都是建立
在网格结构上的。即 使是非常混乱的街道， 用数理分析它，都符 合网格的规律。因为 网格是一种结构，它 将不同地区联系起来。
Your company slogan
4.3、网格与室内设计
Your company slogan
Your company slogan
Your company slogan
A. 单栏对称式网格
适用范围：纯文字行书籍，可适当在页面中配以 图示，以缓解画面的枯燥感。
Your company slogan
Your company slogan
B.双栏对称式网格
适用范围：文学类书籍，杂志内页正文，也 可使用左边放置文字，右边放置图片的方法 将版面重新进行划分，增强版面的变化性。
现代大英博物馆
Your company slogan
4.2、网格与平面设计
网格设计是书籍、报纸、杂 志、广告、产品样本、等设 计的有效方法。
网格
网格的应用
Your company slogan
《世界建筑1900-2000》内页
Your company slogan
比利时旅游图，内页
Your company slogan
Your company slogan
Your company slogan
Your company slogan
对称式网格的对称形式及用法 对称式网格的最大特点是左右两边的结构 相同，页面中的网格是可以进行合并和拆 分的。 主要分为4种形式：单栏对称网格；双栏 对称网格；三栏对称网格；多栏对称网格 等
Your company slogan
3.6 非对称式单元格
Your company slogan
Your company slogan
四. 网格的应用区域
古希腊神庙
4.1、网格与建筑设 计
许多建筑的表面 或内部结构都是 由网格构建的。 建筑中将一些相 同的部件元素进 行重复，会使设 计工作轻松经济。 连续的，重复的， 模块的，对称的 形式使建筑设计、 建造更有效，都 与网格有关。
Your company slogan
二、网格系统
著名的瑞士设计师约瑟夫?米勒? 布罗克曼说：“网格使得所有 的设计因素——字体、图片、 美术之间的协调一致成为可能。 网格设计就是把秩序引入设计 中去的一种方法。”
掌握网格系统是从事版式设计做 必须具备的基础修养之一，网 格系统作为一种行之有效的版 面设计形式法则，它使所以的 版面构成元素之间的协调一致 成为可能。
4.4、网格与家具设 计
家具中的模块系 统，相当于字体编 排中的网格。在柜 体家具和组合储物 柜中模块作用尤其 明显。
Your company slogan
3.2非对称式网格
在排版过程中可根据版面需要调整网格栏的大小比 例，使整个页面更灵活、更具有生气。 一般用于设计散页，指对页的排版打破对称的格式， 强调页面的视觉效果。
Your company slogan
Your company slogan
Your company slogan
Your company slogan
Your company slogan
2.1网格设计的概念
网格设计，或者叫做网格系统、 又有人把它叫做标准尺寸系统、 程序版面设计、比例版面设计、 瑞士版面设计或者欧洲版面设计 （与美国的自由版面设计相对而 言）。 是一系列水平和垂直的线，相当 于楼房的基础。垂直线与每一段 每一栏的宽相关，而水平线则决 定了每一行或每一段文字所占的 空间。版式设计可以不同的网格 样式，由此得到不同效果的版设 效果。
Your company slogan
网格针对制造那些多重页面的文件，非常实用。 网格使设计过程更快更有效，并在设计中建立视
觉上的连贯性，使最终的使用者能够在页面中 找到方向和路径，给页面带来清晰的流动感。
Your company slogan
三. 网格类型
3.1 对称式网格
是根据左右两个版面或一个对页而言， 指左右两页拥有相同的页边距，相同 的网格数量、相同的版面安排等。
Your company slogan
2.2 网格的作用
为设计工作提供了 一个框架，能够为 版面设计带来规矩 和约束，可以体现 理性、稳定的视觉 效果，有稳定画面 的作用。
Your company slogan
网格能够帮助指引放 置版面中的各种元素、 一系列相关的点、线、 面等，能够使各元素 快速并准确地归置到 一定的位置，并且使 物与物、页与页之间 保持一定的视觉连贯 性和持续性。