版式设计 第3章 版式设计的网格系统
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
打破网格并不是完全摒弃网格，而是通过对网格进行一些有序的调整， 这样在打破版面呆板的同时也能保证版面的整体性与平稳性
满版式设计
满版式主要以图片传达信息，以图 片充满整个版面，是单栏型网格的 变形。用图在视觉上直观表达，打 破了文字编排的单调，表现力强。 满版式设计根据版面的需要，将文 字的位置编排在版面的上下、左右、 中心点上，层次清晰，传达信息准 确明了。
非对称模块网格
版面分成不同大小的单元格的网格形式，再将版面中的文字与图片安置在相应的单元格中。在用非 对称模块网格编辑大量文字和图片时，可以通过各种排列组合方式，得到多种多样的版面形态。在 单元格的控制下，可以通过单元格合并等方式灵活地调整文字和图片的大小以及位置，使得版面丰
富多彩而不显杂乱。
网格类型
基线网格
基线网格是辅助版面设计的 基准线，为版面设计提供了 视觉参考，对文字、图形位 置、大小等具有规范作用， 可以帮助版面元素按照要求 准确对齐。
网格类型
成角网格
成角式的网格在通常情况下都是选择相同角度 进行倾斜的，以避免造成版面内容的混乱，成 角式网格在版式设计中的应用使版面结构错落 有致，变化多样。
垂直轴线式设计
轴
轴线与版面的基线垂直相交，这是轴线式
线
设计中最常见的手法，如图3-40、3-41所
式
示。当垂直轴线穿过在画面的中心时版面 形成了绝对的对称，版面显得平稳呆板，
设
当轴线被移到左边或右边时，白色的空间 的大小比例发生了变化，增强了画面的节
计
奏。
斜轴线设计
Βιβλιοθήκη Baidu
由于倾斜的轴线具有方向性和流动性，所 以以斜轴为基础的构图也显得相对活跃。 这样的构图版面被分割为非几何形态，具 有动感和趣味性
三栏对称网格
将版面左右页面分为三栏，适合版面信息文字较多版面，可以避免 每行字数过多造成阅读时候的视觉疲劳。
多栏对称网格
这种版式设计适合于编排一些有关表格形式的文字，比如说联系方 式、术语表、数据目录等信息。
网格类型
非对称网格
非对称网格是指对页的排版打 破对称的格式，在编排的过程 中，会根据版面需要调整版面 的网格栏的大小比例，使整个 版面更灵活，更具有生气，强 调页面的视觉效果。非对称网 格一般适用于设计散页。
第三节
网格的应用
网格的创建
01根据比例关系创建网格
在版式设计中，网格的建立可以利用版面中构成元素的比例关系。如图德国字 体设计师简安•特科尔德（Jan Tschichdd, 1902-1974)设计的经典网格版式， 整张纸的长宽比为2:3。
02利用单元格创建网格
单元格创建网格法是指在分割页面时采用 8:13的黄金比例进行分割。以这种 方式来决定正文的区域的大小，可使版面的宽度与高度比上获得和谐舒适的视 觉效果。
对称网格主要分为四种形式： 单栏对称网格、双栏对称网格、三栏对称网格、多栏对称网格
单栏对称网格
一般用于纯文字文字性书籍，如小说、 文学著者等。在使用单栏对称网格时， 可以适当在版面中配以图示，以缓解 画面的枯燥感
双栏对称网格
在文学类书籍、杂志内页正文中运用 十分广泛。这种网格可用于纯文字版 面，但文字的编排比较密集，画面显 得单调，也可用于图文版面。
网格的特点
• 运用数字的比例关系，通过严格的计算，把版心划分为无数统一尺寸的网格。 • 重视版面的比例感、秩序感、整体感、严肃感，使整个版面具有简洁、朴实的艺术表现风格
• 网格可将版面的构成元素如点、线、面协调一致地编排在版面上 • 网格的数量与版面设计的主题与传播媒介有着密切的关系
约束功能
使版面就有次序感和整体感，合理的网格结构能够帮 助设计者在设计时掌握明确的版面结构
多语言网格编排
多语言网格编排是以文字为主的网格编排
说明式网格编排
版面呈现图文并茂的说明性版式，不单单是纯文字 的单栏网格，具有生动版面，明确内容的作用
数量信息网格编排
散乱的文字、数据进行规范、表现出整齐、简洁的 版面效果。一般采用两栏的网格形式，将文字信息 与数字清晰地编排在版面上
第四节
打破网格的设计
信息组织功能
能够帮助指引放置版面中的各种元素,能够使各元素迅 速并准确地归置到一定的位置,并使其之间保持一定的 视觉连贯性和持续性
第二节
网格的类型
网格系统分为对称式和非对称式两种类型
网格类型
对称网格
对称网格是根据左右两个版面 或一个对页而言，指左右两页 拥有相同的页边距，相同的网 格数量、相同的版面安排等。 对称网格左右两边结构相同， 版面中的网格是可以进行合并 和拆分的，能够有效地组织信 息、平衡版面。
散发式设计
自由式设计从字面上理解就是不受任何限制的设计,它是通过版式编 排中各种元素自由组合排列而形成的。它打破了原有版式设计思想所
提倡的规整理念，超越了传统版面设计整齐、清晰的标准
轴 线 式 设 计
无规则轴线式设计
无规则形状的轴线是依据字形的边缘来显 示它的形状特征，变化非常的微妙，同时 也使版面更加充满活力，给人留下更多的 想象空间
散发式设计
发散式设计，即以将一个焦点作为中心来设计，将所有的元素都组织 起来，由一个焦点中心而延伸，如同光线一样。
自由式设计
发散式设计，即以将一个焦点作为中心来设计，将所有的元素都组织 起来，由一个焦点中心而延伸，如同光线一样。
网格类型
模块网格
模块网格也称单元网格,是指 以单元模块为基础的网格设 计。它分为对称模块网格和 非对移模块网格。
对称模块网格
将版面分成同等大小的单元格的网 格形式，再将版面中的文字与图片 安置在相应的单元格中。这样的网 格可以随意编排文字和图片，具有 很大的灵活性。模块单元格之间的 间隔距离可以自由放大或者缩小,但 同一个版面中每个模块单元格四周 的间距必须相等
版式设计
FORMAT DESIGN
第三章 版式设计的网格系统
学习要点及目标：
1、了解版式设计的网格系统 2、梳理版式设计中的网格类型 3、学会应用网格设计 4、了解如何突破网格的设计
第一节
网格的需求
网格系统在一定程度上可以保持版面的均衡，使版面中的文字和 图片协调统一
什么是网格？
网格是一种包含一系列等值空间 (网格单元)或对称尺度的空间体 系。它在形式和空间之间建立起 一种视觉和结构上的联系。
满版式设计
满版式主要以图片传达信息，以图 片充满整个版面，是单栏型网格的 变形。用图在视觉上直观表达，打 破了文字编排的单调，表现力强。 满版式设计根据版面的需要，将文 字的位置编排在版面的上下、左右、 中心点上，层次清晰，传达信息准 确明了。
非对称模块网格
版面分成不同大小的单元格的网格形式，再将版面中的文字与图片安置在相应的单元格中。在用非 对称模块网格编辑大量文字和图片时，可以通过各种排列组合方式，得到多种多样的版面形态。在 单元格的控制下，可以通过单元格合并等方式灵活地调整文字和图片的大小以及位置，使得版面丰
富多彩而不显杂乱。
网格类型
基线网格
基线网格是辅助版面设计的 基准线，为版面设计提供了 视觉参考，对文字、图形位 置、大小等具有规范作用， 可以帮助版面元素按照要求 准确对齐。
网格类型
成角网格
成角式的网格在通常情况下都是选择相同角度 进行倾斜的，以避免造成版面内容的混乱，成 角式网格在版式设计中的应用使版面结构错落 有致，变化多样。
垂直轴线式设计
轴
轴线与版面的基线垂直相交，这是轴线式
线
设计中最常见的手法，如图3-40、3-41所
式
示。当垂直轴线穿过在画面的中心时版面 形成了绝对的对称，版面显得平稳呆板，
设
当轴线被移到左边或右边时，白色的空间 的大小比例发生了变化，增强了画面的节
计
奏。
斜轴线设计
Βιβλιοθήκη Baidu
由于倾斜的轴线具有方向性和流动性，所 以以斜轴为基础的构图也显得相对活跃。 这样的构图版面被分割为非几何形态，具 有动感和趣味性
三栏对称网格
将版面左右页面分为三栏，适合版面信息文字较多版面，可以避免 每行字数过多造成阅读时候的视觉疲劳。
多栏对称网格
这种版式设计适合于编排一些有关表格形式的文字，比如说联系方 式、术语表、数据目录等信息。
网格类型
非对称网格
非对称网格是指对页的排版打 破对称的格式，在编排的过程 中，会根据版面需要调整版面 的网格栏的大小比例，使整个 版面更灵活，更具有生气，强 调页面的视觉效果。非对称网 格一般适用于设计散页。
第三节
网格的应用
网格的创建
01根据比例关系创建网格
在版式设计中，网格的建立可以利用版面中构成元素的比例关系。如图德国字 体设计师简安•特科尔德（Jan Tschichdd, 1902-1974)设计的经典网格版式， 整张纸的长宽比为2:3。
02利用单元格创建网格
单元格创建网格法是指在分割页面时采用 8:13的黄金比例进行分割。以这种 方式来决定正文的区域的大小，可使版面的宽度与高度比上获得和谐舒适的视 觉效果。
对称网格主要分为四种形式： 单栏对称网格、双栏对称网格、三栏对称网格、多栏对称网格
单栏对称网格
一般用于纯文字文字性书籍，如小说、 文学著者等。在使用单栏对称网格时， 可以适当在版面中配以图示，以缓解 画面的枯燥感
双栏对称网格
在文学类书籍、杂志内页正文中运用 十分广泛。这种网格可用于纯文字版 面，但文字的编排比较密集，画面显 得单调，也可用于图文版面。
网格的特点
• 运用数字的比例关系，通过严格的计算，把版心划分为无数统一尺寸的网格。 • 重视版面的比例感、秩序感、整体感、严肃感，使整个版面具有简洁、朴实的艺术表现风格
• 网格可将版面的构成元素如点、线、面协调一致地编排在版面上 • 网格的数量与版面设计的主题与传播媒介有着密切的关系
约束功能
使版面就有次序感和整体感，合理的网格结构能够帮 助设计者在设计时掌握明确的版面结构
多语言网格编排
多语言网格编排是以文字为主的网格编排
说明式网格编排
版面呈现图文并茂的说明性版式，不单单是纯文字 的单栏网格，具有生动版面，明确内容的作用
数量信息网格编排
散乱的文字、数据进行规范、表现出整齐、简洁的 版面效果。一般采用两栏的网格形式，将文字信息 与数字清晰地编排在版面上
第四节
打破网格的设计
信息组织功能
能够帮助指引放置版面中的各种元素,能够使各元素迅 速并准确地归置到一定的位置,并使其之间保持一定的 视觉连贯性和持续性
第二节
网格的类型
网格系统分为对称式和非对称式两种类型
网格类型
对称网格
对称网格是根据左右两个版面 或一个对页而言，指左右两页 拥有相同的页边距，相同的网 格数量、相同的版面安排等。 对称网格左右两边结构相同， 版面中的网格是可以进行合并 和拆分的，能够有效地组织信 息、平衡版面。
散发式设计
自由式设计从字面上理解就是不受任何限制的设计,它是通过版式编 排中各种元素自由组合排列而形成的。它打破了原有版式设计思想所
提倡的规整理念，超越了传统版面设计整齐、清晰的标准
轴 线 式 设 计
无规则轴线式设计
无规则形状的轴线是依据字形的边缘来显 示它的形状特征，变化非常的微妙，同时 也使版面更加充满活力，给人留下更多的 想象空间
散发式设计
发散式设计，即以将一个焦点作为中心来设计，将所有的元素都组织 起来，由一个焦点中心而延伸，如同光线一样。
自由式设计
发散式设计，即以将一个焦点作为中心来设计，将所有的元素都组织 起来，由一个焦点中心而延伸，如同光线一样。
网格类型
模块网格
模块网格也称单元网格,是指 以单元模块为基础的网格设 计。它分为对称模块网格和 非对移模块网格。
对称模块网格
将版面分成同等大小的单元格的网 格形式，再将版面中的文字与图片 安置在相应的单元格中。这样的网 格可以随意编排文字和图片，具有 很大的灵活性。模块单元格之间的 间隔距离可以自由放大或者缩小,但 同一个版面中每个模块单元格四周 的间距必须相等
版式设计
FORMAT DESIGN
第三章 版式设计的网格系统
学习要点及目标：
1、了解版式设计的网格系统 2、梳理版式设计中的网格类型 3、学会应用网格设计 4、了解如何突破网格的设计
第一节
网格的需求
网格系统在一定程度上可以保持版面的均衡，使版面中的文字和 图片协调统一
什么是网格？
网格是一种包含一系列等值空间 (网格单元)或对称尺度的空间体 系。它在形式和空间之间建立起 一种视觉和结构上的联系。